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

《《网站开发与设计》课程设计报告书(模板)》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、软件学院课程设计报告书课程名称网站开发与设计设计题目帅帅佳缘网设计与开发专业班级网络13-2学号1320020228姓名宗帅指导教师金海波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问题分析和任务定义此个交友网站需要实现的功能分为前台和后台，前台包括各种信息的展示，前台登陆，还有注册界面，页面的规划。而后台需要实现的功能包括用户信息的增删改查。联系数据库对用户的各种信息进行保存。相亲网站前台需要实现的功能用户信息的发布用户信息的查询与展示用户信息注册前台登陆图1

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

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

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

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

7、册界面的测试结果第21页输入各种信息进行注册测试：图5测试的数据图6点击注册之后的测试结果第21页当输入的信息是正确的时候会自动跳入到登陆界面，当失败时下面进行测试图7输入错误的信息后的注册信息下面进行输入信息之后的登录测试图8当输入信息之后的测试结果第21页每次在首页刷新之后会自动刷新首页的信息，更换成下一个会员的照片现在进行点击刷新测试图9点击更新之后的测试现在进行后台方面的测试：图10执行编写的代码第21页图11当执行我们在shouji目录下面编写的代码之后的结果下面测试用户注册之后的