搜索
软件学院课程设计报告书课程名称网站开发与设计设计题目帅帅佳缘网设计与开发专业班级网络13-2学号1320020228姓名宗帅指导教师金海波2016年01月21目录1设计时间...............................................12设计目的...............................................13设计任务...............................................14设计内容...............................................14.2逻辑设计.............................................34.3详细设计.............................................44.4测试与分析...........................................44.5附录................................................105总结与展望............................................20参考文献................................................21成绩评定................................................22第1页1设计时间2016.01.18到2016.01.212设计目的在网站开发与设计课程的基础之上，加深对网站开发的理论知识理解,熟悉网站开发的流程，框架和设计模式。达到培养学生网站规划，设计与开发能力。在前后台数据交互，会话控制，数据库操作方面加深对课程的理解，充分发挥自主学习的能力。3设计任务本次课程设计的内容是利用所学习的知识，设计一个相亲交友网站，主要做一个平台，上面发布了各个需要相亲的人的信息，照片以及他们的择偶标准，家庭情况。然后有需求的人根据上面的信息进行联系，已建立关系。其中主要做三个界面，第一个是登陆界面，然后是注册界面，最后就是首页。4设计内容4.1问题分析和任务定义此个交友网站需要实现的功能分为前台和后台，前台包括各种信息的展示，前台登陆，还有注册界面，页面的规划。而后台需要实现的功能包括用户信息的增删改查。联系数据库对用户的各种信息进行保存。图1对于前台所要实现的功能相亲网站前台需要实现的功能前台登陆用户信息注册用户信息的查询与展示用户信息的发布第2页图2相亲网站后台所要实现的功能图2.1用户ER图此次设计主要问题在于如何使前台联系后台，如何把前台数据收集到的信息保存到数据库之中进行存储，如何查询数据库的内容来进行用户信息的展示。相亲网站后台需要实现的功能用户信息添加用户信息的保存用户信息的删除用户个人相片用户名登录密码确认密码个人姓名证件号码家庭住址性别邮箱备注信息个人爱好联系方式个人职业第3页4.2逻辑设计内容包括：此次需要建立一个用户信息的表，包括用户的用户名，密码，个人姓名，证件号码（证件号码是为了验证用户信息的准确性防止诈骗，在信息展示的时候不展示出来），个人职业（根据家庭进行相亲），家庭住址，联系方式（本交友网站不提供聊天平台，用户需要根据他们所提供的详细信息去其他平台进行交流），性别，爱好，个人相片。表1用户信息表字段名数据类型长度说明描述User_idchar20不空用户编号userNameChar20不空用户姓名PasswordChar20不空登录密码NameChar20不空个人姓名IdChar20不空证件号码WorkChar20不空个人职业AddressChar20不空家庭住址TeleChar20不空联系方式SexChar10不空性别InterestsChar100不空兴趣MupictureChar200不空个人照片UXChar20不空邮箱第4页4.3详细设计内容包括：首先需要设计登陆界面，在登陆界面的设计过程中，首先需要添加一个背景图片，较为温馨的然后在中中央是登陆界面，在进行登陆的过程之中前台联系后台，对采集的用户名与密码与数据库中的用户名和密码进行比较，当有相匹配的时候登入首页，可以查看各种信息。当没有匹配的时候，提示登录失败，登陆界面还有一个注册按钮，设置一个超链接，当点击此按钮的时候进入到用户注册界面，在用户注册界面的设计过程之中利用到了post数据采集方法，还有文件上传，和数据库的知识，因为本平台是一个相亲平台，不可或缺的就是用户的照片，在用户上传文件的时候利用到了文件上传功能，将用户从网页输入的照片上传到服务器之中，在用户输入各种信息点击注册之后利用post数据采集的方式将页面的各种数据信息进行采集出来并连接到数据库之中经各种信息导入到数据库之中。在做这一步之前已经做好了建立数据库建立表了，从页面插入的信息，根据所建立的表进行插入。当点击注册时候如果页面输入的各种信息符合要求的时候会提示注册成功然后就可以去登陆界面进行的登陆了。在首页之中的设计就是把我们在用户注册之中所使用的各种信息进行有选择的展示，select出来。在这一步的操作的过程之中也利用到了前台与后台之间的联系。4.4测试与分析4.4.1测试登录界面的测试：第5页图3登录界面的测试结果点击注册进行注册测试：图4注册界面的测试结果第6页输入各种信息进行注册测试：图5测试的数据图6点击注册之后的测试结果第7页当输入的信息是正确的时候会自动跳入到登陆界面，当失败时下面进行测试图7输入错误的信息后的注册信息下面进行输入信息之后的登录测试图8当输入信息之后的测试结果第8页每次在首页刷新之后会自动刷新首页的信息，更换成下一个会员的照片现在进行点击刷新测试图9点击更新之后的测试现在进行后台方面的测试：图10执行编写的代码第9页图11当执行我们在shouji目录下面编写的代码之后的结果下面测试用户注册之后的数据库的表第10页图12注册之后的数据库的表很明显表里面是注册之后的数据表示我们注册的信息已经输入到了数据库之中。4.4.2分析内容包括：此次设计主要难点在数据库的的链接以及将从页面中采集到信息insert到数据苦库之中，还有此次的课设还有很大的优化方案知识因为事件原因导致没有执行成功，还可以增加一个聊天界面，而不是提供联系方式通过别的联系方式进行交流。在平台做大之后可以通过在页边页脚加入广告来收回投入的资金4.5附录登陆界面程序：formaction=login_process.phpmethod=postbr/br/br/br/br/br/br/br/br/br/br/br/br/br/ 用户名：inputtype=textname=userNamesize=20maxlength=15value=请填写用户第11页名/br/ 登录密码：inputtype=passwordname=passWordsize=20maxlength=15/br/ inputtype=submitvalue=登录/inputtype=resetvalue=重填/pahref=shouji.htmltarget=1 注册/a/p/formhtmlbodybackground=dj.jpg;/html对登录的信息与数据库中的内容进行对比的程序?phpinclude_once(functions/database.php);$userName=$_POST['userName'];$password=$_POST['passWord'];getConnection();$sql=select*fromuserswhereuserName='$userName'andpassword='$password';第12页$resultSet=mysql_query($sql);if(mysql_num_rows($resultSet)0){echo用户名和密码输入正确！登陆成功！;sleep(2);header('Location:../shouji/shouye.php');}else{echo用户名和密码输入错误！登录失败！;}closeConnection();?数据库操作代码settable_type=InnoDB;showvariableslike'table_type';SETcharacter_set_client=gbk;SETcharacter_set_connection=gbk;SETcharacter_set_database=gbk;SETcharacter_set_results=gbk;SETcharacter_set_server=gbk;SETcollation_connection=gbk_chinese_ci;SETcollation_database=gbk_chinese_ci;showvariableslike'character%';showvariableslike'collation%';createdatabaseshouji;useshouji;createtableusers(user_idintprimarykeyauto_increment,userNamechar(20)notnullunique,passWordchar(20)notnull,namechar(20)notnull,idchar(20)notnull,第13页workchar(20)notnull,addresschar(20)notnull,Telechar(20)notnull,sexchar(10)notnull,interestschar(100)notnull,muPicturechar(200)notnull,UXchar(20)notnull,remarktext);文件上传?phpfunctionupload($file,$filePath){$error=$file['error'];switch($error){case0:$fileName=$file['name'];$fileTemp=$file['tmp_name'];$destination=$filePath./.$fileName;move_upload_file($fileTemp,$destination);return