《网站开发与设计》课程设计报告书(模板)

1、 软件学院 课程设计报告书课程名称 网站开发与设计 设计题目 帅帅佳缘网设计与开发 专业班级 网络13-2 学 号 姓 名 宗帅 指导教师 金海波 2016年 01 月 21 目 录1 设计时间12 设计目的13设计任务14 设计内容14.2逻辑设计34.3详细设计44.4测试与分析44.5 附录105 总结与展望21参考文献22成绩评定221 设计时间 2016.01.18到2016.01.212 设计目的 在网站开发与设计课程的基础之上，加深对网站开发的理论知识理解,熟悉网站开发的流程，框架和设计模式。达到培养学生网站规划，设计与开发能力。在前后台数据交互，会话控制，数据库操作方面加深对课

2、程的理解，充分发挥自主学习的能力。3设计任务本次课程设计的内容是利用所学习的知识，设计一个相亲交友网站，主要做一个平台，上面发布了各个需要相亲的人的信息，照片以及他们的择偶标准，家庭情况。然后有需求的人根据上面的信息进行联系，已建立关系。其中主要做三个界面，第一个是登陆界面，然后是注册界面，最后就是首页。4 设计内容 4.1问题分析和任务定义 此个交友网站需要实现的功能分为前台和后台，前台包括各种信息的展示，前台登陆，还有注册界面，页面的规划。而后台需要实现的功能包括用户信息的增删改查。联系数据库对用户的各种信息进行保存。 相亲网站前台需要实现的功能用户信息的发布用户信息的查询与展示用户信息注

3、册前台登陆图1 对于前台所要实现的功能相亲网站后台需要实现的功能用户信息添加用户信息的保存用户信息的删除 图2 相亲网站后台所要实现的功能用户名登录密码邮箱确认密码备注信息个人姓名个人相片证件号码用户个人爱好个人职业联系方式家庭住址性别图 2.1 用户ER图此次设计主要问题在于如何使前台联系后台，如何把前台数据收集到的信息保存到数据库之中进行存储，如何查询数据库的内容来进行用户信息的展示。4.2逻辑设计 内容包括：此次需要建立一个用户信息的表，包括用户的用户名，密码，个人姓名，证件号码（证件号码是为了验证用户信息的准确性防止诈骗，在信息展示的时候不展示出来），个人职业（根据家庭进行相亲），家庭

4、住址，联系方式（本交友网站不提供聊天平台，用户需要根据他们所提供的详细信息去其他平台进行交流），性别，爱好，个人相片。表1 用户信息表字段名数据类型长度说明描述User_idchar20不空用户编号userNameChar20不空用户姓名PasswordChar20不空登录密码NameChar20不空个人姓名IdChar20不空证件号码WorkChar20不空个人职业AddressChar20不空家庭住址TeleChar20不空联系方式SexChar10不空性别InterestsChar100不空兴趣MupictureChar200不空个人照片UXChar20不空邮箱 4.3详细设计 内容包括

5、：首先需要设计登陆界面，在登陆界面的设计过程中，首先需要添加一个背景图片，较为温馨的然后在中中央是登陆界面，在进行登陆的过程之中前台联系后台，对采集的用户名与密码与数据库中的用户名和密码进行比较，当有相匹配的时候登入首页，可以查看各种信息。当没有匹配的时候，提示登录失败，登陆界面还有一个注册按钮，设置一个超链接，当点击此按钮的时候进入到用户注册界面，在用户注册界面的设计过程之中利用到了post数据采集方法，还有文件上传，和数据库的知识，因为本平台是一个相亲平台，不可或缺的就是用户的照片，在用户上传文件的时候利用到了文件上传功能，将用户从网页输入的照片上传到服务器之中，在用户输入各种信息点击注册

6、之后利用post数据采集的方式将页面的各种数据信息进行采集出来并连接到数据库之中经各种信息导入到数据库之中。在做这一步之前已经做好了建立数据库建立表了，从页面插入的信息，根据所建立的表进行插入。当点击注册时候如果页面输入的各种信息符合要求的时候会提示注册成功然后就可以去登陆界面进行的登陆了。在首页之中的设计就是把我们在用户注册之中所使用的各种信息进行有选择的展示，select出来。在这一步的操作的过程之中也利用到了前台与后台之间的联系。4.4测试与分析4.4.1测试登录界面的测试：图3 登录界面的测试结果点击注册进行注册测试：图 4 注册界面的测试结果输入各种信息进行注册测试：图5 测试的数据

7、图 6 点击注册之后的测试结果当输入的信息是正确的时候会自动跳入到登陆界面，当失败时下面进行测试图 7 输入错误的信息后的注册信息下面进行输入信息之后的登录测试图 8 当输入信息之后的测试结果每次在首页刷新之后会自动刷新首页的信息，更换成下一个会员的照片现在进行点击刷新测试图 9 点击更新之后的测试现在进行后台方面的测试：图 10执行编写的代码 图 11 当执行我们在shouji目录下面编写的代码之后的结果下面测试用户注册之后的数据库的表 图 12 注册之后的数据库的表很明显表里面是注册之后的数据表示我们注册的信息已经输入到了数据库之中。4.4.2分析内容包括：此次设计主要难点在数据库的的链接

8、以及将从页面中采集到信息insert到数据苦库之中，还有此次的课设还有很大的优化方案知识因为事件原因导致没有执行成功，还可以增加一个聊天界面，而不是提供联系方式通过别的联系方式进行交流。在平台做大之后可以通过在页边页脚加入广告来收回投入的资金4.5 附录登陆界面程序：                                          用 户 名：    

9、;                                      登录密码：                                            &n

10、bsp;                                                          注册 对登录的信息与数据库中的内容进行对比的程序0)echo 用户名和密码输入正确！登陆成功！;sleep(2); header(Loc

11、ation: ./shouji/shouye.php);elseecho 用户名和密码输入错误！登录失败！;closeConnection();?数据库操作代码set table_type=InnoDB;show variables like table_type;SET character_set_client=gbk;SET character_set_connection=gbk;SET character_set_database=gbk;SET character_set_results=gbk;SET character_set_server=gbk;SET collation_c

12、onnection=gbk_chinese_ci;SET collation_database=gbk_chinese_ci;show variables like character%;show variables like collation%;create database shouji;use shouji;create table users(user_id int primary key auto_increment,userName char(20) not null unique,passWord char(20) not null,name char(20) not null

13、,id char(20) not null,work char(20) not null,address char(20) not null,Tele char(20) not null,sex char(10) not null,interests char (100) not null,muPicture char(200) not null,UX char(20) not null,remark text);文件上传与数据库的链接注册界面 帅帅佳缘网                    

14、        帅帅佳缘网注册系统                                          用 户 名：                               &nbs

15、p;          登陆密码：                                          确认密码:                              

16、           个人姓名:                                          证件号码：                             &nb

17、sp;            个人职业：                                          家庭住址：                            

18、              联系方式：                                          选择性别：男女                          

19、               个人爱好：音乐游戏电影                                          个人相片：                       &nbs

20、p;                  备注信息：请填写备注信息                                                                

21、;                    选择邮箱： 注册界面传入到数据库的代码?phpinclude_once(functions/fileSystem.php);include_once(functions/database.php);if(empty($_POST)exit(您所提交的表单数据超过POST_max_size的配置！);$password = $_POSTpassword;$password2 = $_POSTpassw

22、ord2;if($password!=$password2)exit(输入的密码和确认密码不相等！);$userName = $_POSTuserName;$domain = $_POSTdomain;$userName = $userName;$userNameSQL = select * from shouji where userName = $userName;getConnection();$resultSet = mysql_query($userNameSQL);if(mysql_num_rows($resultSet)0)closeConnection();exit(用户名已被

23、注册，请更改用户名！);$name = $_POSTname;$id = $_POSTid;$work = $_POSTwork;$address = $_POSTaddress;$Tele = $_POSTTele;$sex = $_POSTsex;if(empty($_POSTinterests)$interests=;else$interests=implode(;,$_POSTinterests);$remark = $_POSTremark;$UX = $_POSTUX;$muPictureName = $_FILESmuPicturename;$registerSQL = inse

24、rt into users values(null,$userName,$password,$name,$id,$work,$address,$Tele,$sex,$interests,$muPictureName,$UX,$remark);$message = upload($_FILESmuPicture,uploads);if($message=文件上传成功!|$message=没有选择上传附件!)mysql_query($registerSQL);$userID = mysql_insert_id();echo 用户信息成功注册;elseexit($message);$userSQL=

25、select * from users where user_id=$userID;$userResult=mysql_query($userSQL);if($user = mysql_fetch_array($userResult)sleep(2); header(Location: ./shouji/login.php);elseexit(用户信息注册失败!);closeConnection();?首页的代码帅帅佳缘网_免费沟通_免费交友_免费征婚_相亲_辽工大首席婚恋服务专家帅帅佳缘网网·自由恋爱的引导者1万会员|实名婚恋网追随者|每天上千对牵手幸福！img src=5 总结与展望包含以下内容 : 此次课程设计将我们对所学到的php知识理论联系了实际，增加了我们完成项目的实践能力，知道了自己的知识的具体用处。从需求分析开始到项目的执行测试让我对整个项目有了一个体系化的认识。虽然在设计的过程之中配到了很多的