基于web的同学校友录的设计与实现毕业论文.doc

仲恺农业工程学院毕 业 设 计基于web的同学校友录的设计与实现姓 名 陈仰骢院（系） 信息科学与技术学院专业班级 电子信息工程093学 号 200910314305指导教师 杜淑琴职 称 讲师论文答辩日期 2013 年 5月 18日仲恺农业工程学院教务处制学生承诺书本人郑重承诺此论文是在杜淑琴老师的指导下独立完成的，除了文中特别加以标注和致谢的地方外，论文中不包含其他人发表或撰写过的研究成果。相关文献的引用已在论文中作了明确的说明。论文与资料若有不实之处，本人愿意承担责任，特此声明。 签名：_ 年 月 日摘 要通过提供便捷的校友录平台和人性化校友录的管理，可增强校友之间的学术、创新、生活交流，促进本校的信息化建设乃至学科文化发展。本系统可方便同学自主更新的班级同学录中的个人通信信息以及发表个人最新信息状态等。系统采用DIV和CSS进行网页标准布局，使用开源PHP语言作为前台开发工具，开源MYSQL作为后台数据库平台的管理系统。该系统采用开源语言方便进行多平台的移植和设计，系统实施采用原型法来有效避免开发过程中的盲目问题，充分发挥其中优势，保证系统的正常实施。关键字：web 校友录系统 网络 PHP目 录1 前言12 系统需求分析12.1 同学校友录系统需求12.2 系统功能结构22.3 开发环境22.4 开发工具介绍22.4.1 PHP语言概述 22.4.2 MYSQL概述32.4.3 EASYECLIPSE FOR PHP概述32.5 数据库连接33 系统总体设计43.1 系统结构设计43.2 数据库设计64 详细设计74.1 系统结构74.2 功能模块设计94.2.1 用户登录界面94.2.2 信息发布界面94.2.3 信息浏览界面114.2.4 用户中心界面125 程序测试及发布126 结论15参考文献15致 谢171 前言当今超摩尔定律的计算机软硬件发展，同时也造就了计算机网络全方面融入生活的极大变革1。信息化的今天，通过计算机网络基于各种平台，使用人性化的在线服务能随时随地的联系朋友、同学；发表个人的状态、日志、微博。目前，中国网上有很多大型的网络公司提供校友录服务，例如搜狐ChinaRen校友录、腾讯QQ校友等。但多数这类校友录在市场经济作用下更注重盈利，大量的广告、娱乐性质的内容充斥其中。只适合个人用户的娱乐、交友。国外也出现很多类似校友录的SNS网站，但其面对对象主要是公司员工、社会大众，其娱乐交友性质也很强2。为了改变当前的校友录的不足，因此本系统采用DIV+CSS网站标准，html4语言开发，而且网页符合w3c标准，能在Windows、MAC、Linux、Symbian、Android等平台以及IE、火狐、Chrome、Opera等各种主流浏览器下正确完整通过测试，正常运行。系统基于web2.0交互式设计，可以使用手机进行访问。以注册校友可以随时通过电脑、手机来发表信息、评论信息。对注册校友提供文件共享留言空间，建立学术文件交流平台，注册校友用户可以自由评论、发表意见。建立一个注重于学习交流、创新共享、答疑互助的方便快捷的平台。在今天由于网络教学需求量的增加，以教学、学术交流为主流校友录得到发展，符合了高校人才创新，优势互助的发展理念；也是高校打造非盈利性校友录网站的先驱。计算机网页技术的发展，使得很多传统的web 1.0网站无法满足用户的丰富需求。其网页落后的table嵌套框架也无法满足多平台的应用。 PHP（Hypertext Preprocessor,超文本预处理器）在计算机的快速发展中让传统的html静态网页的不足与用户高需求的矛盾得到了有效的解决之道3。PHP能在各种主流系统（包括及其变种系统）中很方便的进行跨平台运用，采用PHP5语言开发的系统能很好的兼容，满足各种不同用户的需要。同时系统也采用被广泛应用在Internet上的中小型网站中的MySQL数据。其体积小、速度快、成本低，能更好的维护、备份网站信息。2 系统需求分析2.1 同学校友录系统的需求建立一个高效、快速、易用的基于web2.0技术PHP5构建的校友录系统，通过它让注册用户可以随时随地与校友、同学保持更紧密的联系，及时了解他们的动态；与他们分享的生活和创新、即时交流。并且分享个人、思想等信息，以知识型信息为主。2.2 系统功能结构系统主要包括首页、用户登录和后台登录。首页显示在线帮助、网站介绍，提供后台登录链接和用户登录表单验证。用户登录后进入到用户中心，用户中心包括可使用留言板和通讯录功能。后台登录管理员登录后可以进行留言板和通讯录的信息修改和系统信息修改，直接对数据库进行修改。 在线帮助 留 言 板 首 页 用户登录通 讯 录网站介绍信 息 修 改后台登录系 统 修 改图1 基本网站结构图2.3 开发环境本基于WEB的同学校友录采用目前Internet上流行的网站构架方式是LAMP（Linux+Apache+MySQL+PHP），即使用Linux作为操作系统，Apache作为Web服务器，MySQL作为数据库，PHP作为服务器端脚本解释器。本程序能够稳定运行于支持PHP 5.3.5 环境的windows2000以及linux系统服务器上。PHP是一种被广泛应用的开放源代码的多用途脚本语言，它可嵌入到 HTML中，尤其适合 WEB 开发。 PHP 能够用在所有的主流操作系统上，包括 Linux、Unix 的各种变种、Microsoft Windows、Mac OS X、RISC OS 等8。对于大多数的服务器，PHP 提供了一个模块；还有一些 PHP 支持 CGI 标准，使得 PHP 能够作为 CGI 处理器来工作。2.4 开发工具介绍2.4.1 PHP语言概述 PHP 是一种HTML内嵌式的语言，PHP与微软的ASP颇有几分相似，都是一种在服务器端执行的嵌入HTML文档的脚本语言，语言的风格有类似于C语言，现在被很多的网站编程人员广泛的运用。PHP 独特的语法混合了 C、Java、Perl 以及 PHP 自创新的语法。它可以比 CGI 或者 Perl 更快速的执行动态网页。用PHP做出的动态页面与其他的编程语言相比，PHP是将程序嵌入到HTML文档中去执行，执行效率比完全生成HTML标记的CGI要高许多；与同样是嵌入HTML文档的脚本语言JavaScript相比，PHP在服务器端执行，充分利用了服务器的性能；PHP执行引擎还会将用户经常访问的PHP程序驻留在内存中，其他用户在一次访问这个程序时就不需要重新编译程序了，只要直接执行内存中的代码就可以了，这也是PHP高效率的体现之一。PHP具有非常强大的功能，所有的CGI或者JavaScript的功能PHP都能实现，而且支持几乎所有流行的数据库以及操作系统4。 2.4.2 MYSQL概述MYSQL相比其他数据库系统具有以下特点和优势：（1）使用C和C+编写，并使用了多种编译器进行测试，保证源代码的可移植性。（2）支持AIX、FreeBSD、HP-UX、Linux、Mac OS、Novell Netware、OpenBSD、OS/2 Wrap、Solaris、Windows等多种操作系统。（3）为多种编程语言提供了API。这些编程语言包括C、C+、Python、Java、Perl、PHP、Eiffel、Ruby和Tcl等。（4）支持多线程，充分利用CPU资源。（5）优化的SQL查询算法，有效地提高查询速度。（6）既能够作为一个单独的应用程序应用在客户端服务器网络环境中，也能够作为一个库而嵌入到其他的软件中提供多语言支持，常见的编码如中文的GB 2312、BIG5，日文的Shift_JIS等都可以用作数据表名和数据列名。 （7）提供TCP/IP、ODBC和JDBC等多种数据库连接途径。（8）提供用于管理、检查、优化数据库操作的管理工具。（9）可以处理拥有上千万条记录的大型数据库5。2.4.3 Easyeclipse for php概述EasyEclipse是一个将Eclipse插件分类打包，针对不同类型的使用人群，提供不同版本的包装过的Eclipse下载。EasyEclipse不同于MyEclipse，EasyEclipse是免费的开源软件，分别提供Windows,Mac,Linux平台版本下载。EasyEclipse提供三类版本，分别是Java,web和动态语言，C/C+7。easyeclipse for php用于开发，部署，调试，测试PHP应用程序集成一个Web服务器和一个数据库。支持CVS与Subversion。2.5 数据库连接PHP可以编译成具有与许多数据库相连接的函数。PHP与MySQL是现在绝佳的组合。你还可以自己编写外围的函数取间接存取数据库。通过这样的途径当你更换使用的数据库时，可以轻松的更改编码以适应这样的变化。PHPLIB就是最常用的可以提供一般事务需要的一系列基库。 就像前面说的那样，PHP已经进入了一个高速发展的时期。对于一个非程序员来说为PHP扩展附加功能可能会比较难，但是对于一个PHP程序员来说并不困难。 PHP提供了类和对象。基于web的编程工作非常需要面向对象编程能力。PHP支持构造器、提取类等。 传统上网页的交互作用是通过CGI来实现的。CGI程序的伸缩性不很理想，因为它为每一个正在运行的CGI程序开一个独立进程。解决方法就是将经常用来编写CGI程序的语言的解释器编译进你的web服务器(比如mod_perl,JSP)6。PHP就可以以这种方式安装，虽然很少有人愿意这样以CGI方式安装它。内嵌的PHP可以具有更高的可伸缩性。3 系统总体设计3.1 系统结构设计本系统采用PHP模块化设计全站设计包括首页、前台校友登录界面和后台管理登录界面。首页采用PHP动态调用最新加入系统的校友，最近更新信息，最受欢迎评论等。校友登录界面包括登录平台、新校友注册。后台登录提供信息发表、信息回复、学科信息共享等。后台管理员界面包括信息审核、会员管理、网站设置等。用户登录最新信息 首 页 用户注册数 据 库最新注册最新留言后台登录图2 首页功能设计图用户注册页面用户可以通过输入邮箱账号、性别、昵称、密码以及重复密码信息来完成个人用户账号的成功注册。注册功能示意图如下：邮 箱昵 称数 据 库性 别密 码图3 登录功能设计图用户中心采用用户在首页输入用户名密码后保存在数据库，用户登录输入用户名，密码后调用数据库中信息核对，后保存session跳转到用户中心。用户中心包括了用户对个人资料的修改，发布和浏览个人信息，上传个人资料到通讯录空间共享。设计图如下：用户登录 邮箱验证 否 是 密码验证 否 是用户中心图4 用户登录流程图用户中心的留言板提供用户登记三种信息，信息包括：用户名（昵称），留言信息的标题，以及留言的内容。留言登记流程图如下：留言发布 昵称验证 否 是 标题验证 否 是 内容验证 否 是数据库图5 留言登记流程图用户中心的个人信息提交表单可以提交用户的信息包括：姓名，性别，手机号，QQ号，所在班级。个人信息发布流程图如下：姓 名手机号数 据 库QQ号所在班级图6 个人信息发布功能设计图后台管理采用默认用户名，密码登录，可直接方便的对数据库进行修改，用户、系统的管理。设计图如下：管理登录账号验证 否 是密码验证 否 是用户登录图7 后台管理登录流程图3.2 数据库设计采用mysql数据库UTF-8字符编码，数据库名alumni,数据库包含4个表：al_admin,al_user,al_userinfo,al_message。其中al_admin表中定义了id,username,password,class。分别存储管理员用户名，密码以及所属管理组。表1 al_admin数据库表字段名称数据类型类型或文本长度是否主键是否允许空id数字int(11)是否username文本varchar(20)否否password文本varchar(30)否否class数字int(1)否否al_user表中包括了id自动增加，登录账号记录email，用户密码password，性别sex，昵称nickname，以及用户添加时间addtime。表2 al_user数据库表字段名称数据类型类型或文本长度是否主键是否允许空id数字Int(5)是否email文本Varchar(100)否否password文本Varchar(32)否否sex文本Varchar(10)否否nickname文本Varchar(100)否否addtime日期/时间datatime否否al_userinfo中包括了user_id，用户名name，手机号码phone，用户QQ号码以及班级信息class。表3 al_user数据库表字段名称数据类型类型或文本长度是否主键是否允许空id数字int(6)是否user_id数字int(10)否否name文本varchar(6)否否phone数字varchar(50)否否qq数字varchar(20)否否class文本varchar(20)否否addtime日期/时间datatime否否al_message中使用message_id,name,title,con,addtime分别储存了留言序号，用户名，留言标题，留言内容，以及留言添加时间。表4 al_message数据库表字段名称数据类型类型或文本长度是否主键是否允许空id数字int(6)是否message_id数字int(10)否否name文本varchar(6)否否title文本varchar(50)否否con文本varchar(200)否否addtime日期/时间datatime否否4 详细设计4.1 系统结构同学校友录系统提供了“用户注册”、“用户查找”、“信息发布”、“文件共享”、“站内消息”等功能，每一个功能都有独立的php文件进行，部分交互功能互相采用include(); require();进行调用模块之间的相互调用。结构如下图所示：图8 后台管理结构图Config.php:系统与数据库连接接口文件，并对敏感字符进行替换，系统和数据库均采用utf-8字符编码。Conn.php:系统中的数据库链接检测文件，检测数据库的链接是否正确并做出提示。Contect.php:通讯录页面，调用数据库alumni中al_userinfo，将用户的个人信息完整的输出到表格显示，并通过order by sql语句的选择对数据库信息采取正顺，倒序，按时间排列等。Functions.php:系统的跳转信息提示页面，公共页面，通过获取起始页面的$title，$message,$url,$backurl的值获得不同的提示和跳转页面。Login.php:提供用户登录界面，采用数据库匹配验证用户名和密码的正确性然后跳转到main.php用户中心界面。Main.php:用户中心页，可以提交新的个人通讯信息，和删除旧的通讯信息。Logout.php:退出跳转页面，清除用户session。Message.php:留言板，调用message_add.php添加到数据库中的留言信息，按序号进行排列。Reg.php:用户注册，采用表单将用户注册信息储存到数据库中。4.2 功能模块设计4.2.1 用户登录界面用户登录页采用表单将email和password值的通过post的方式传到login.php进行验证。图9 用户登录界面图主要实现代码如下：method=post action=login.php账号：name=email密码： name=password管理员登录地址：/admin/index.html查看通讯录：contect.php立即注册：reg.html4.2.2 信息发布界面信息发布，留言添加，站内消息都采用信息发布页面将信息添加到数据库中。信息发布界面如下所示：图10 信息发布界面图信息添加到数据库中实现代码：$sql = mysql_query(insert into al_message (user_id, name, title, con, addtime) values (.$id., .$name., .$title., .$con., .$addtime.);数据插入成功：gotourl(页面提示:, 数据保存成功, message.php);否则失败提示：echo alert(出错：数据保存失败.);if (myform.user.value=)提示请填写用户名。if (myform.title.value.length5)提示标题不能少于5个字符。if (myform.content.value=)提示必须要填写留言内容。信息发布成功代码以及成功页面：系统将在5秒后返回$url。返回.$backurl.。图11 系统提示界面图4.2.3 通讯录信息浏览界面将所需要的同学的用户个人信息列表进行显示，信息内容包括：姓名，性别,手机号码，QQ，所在班级信息等。信息在个人中心可进行删除更新。用户信息浏览界面如下所示：图12 信息浏览界面图通讯录主要实现代码：姓名：.$rowname.昵称：.$rownickname.性别：.$rowsex.电话：.$rowphone.QQ号：.$rowqq.EMAIL：.$rowemail.采用php代码与html代码混编，while循环语句实现。4.2.4 用户中心界面用户中心可以更新用户的姓名，性别，联系电话，qq，email等提供给其他同学用户查看，并自己更新修改。用户中心界面如下：图13 用户中心界面图表单验证实现代码如下：if (name = ) alert(请输入姓名);if (phone = )alert(请输入联系方式，可以是手机或固定电话！);if (!regphone.test(phone)if (!regphone2.test(phone)alert(对不起，您输入的(手机)电话号码有错误。区号和电话号码之间请用-分割);if (qq = )alert(请输入QQ号码);if (!regqq.test(qq)alert(请输入正确的QQ号码！);5 程序测试及发布程序设计完成后，使用APMServ5.2.6快速搭建Apache 2.2.9、PHP 5.2.6、MySQL 5.1.284.0.26、Nginx、Memcached、phpMyAdmin、OpenSSL、SQLite、ZendOptimizer，以及ASP、CGI、Perl网站服务器平台后，讲文件复制到htdocs根目录下。或者将文件上传到linux服务器wwwroot目录下，默认index.php为首页后即可发布程序。使用IE输入本地地址（localhost）或者服务器地址，打开后的首页页面如下图所示：图14 首页界面图点击立即注册后进入用户注册信息提交表单，填写注册邮箱：；昵称填写：test；性别选择男；密码123，并重复密码123后点击注册后。页面跳转到注册成功提示，3秒后自动跳转到注册成功后的用户中心。在用户中心同学录登记表单中提交真是姓名：；手机号QQ号码：123456；班级信息：计算机3班后点击登记。然后进入通讯录登记列表后可以看到提交的通讯信息。通讯信息包括：用户名、昵称、性别、手机号、QQ号码、班级信息、信息登记时间。返回用户中心可以看到已经提交的自己的通讯录信息，通讯录记录信息下有清除按钮，点击即可以清除掉当前已经记录的全部通讯录信息。在用户中心右上角点击留言添加即可进入到留言添加表单，在留言添加表单中，第一项用户昵称为默认调用注册时候填写的用户昵称，该用户昵称不可修改。第二项为留言标题，填写：留言标题测试。第三项留言内容填写：留言内容测试。填写完三项后点击提交，将留言信息记录到数据库中，然后点击右上角留言板链接进入到留言板列表。列表中出现一条包含了用户的昵称test、留言标题测试以及留言内容测试的一条留言内容，并包含了自动生产的留言提交时间记录信息。然后返回首页后点击后台管理登录后，进入到后台管理登录页面填写默认管理员用户账号admin密码123456，后点击登录；页面跳转到后台管理中心，在后台管理中心显示了一条用户记录，邮箱:、昵称：test、登记时间和删除按钮，点击删除按钮后即可删除登录邮箱为的用户。下面也显示了一条留言内容为：test、留言标题测试、留言内容测试的留言信息。点击删除按钮，即可删除掉一条留言信息。管理中心底部表单中可以进行管理密码修改，填写原密码：123456，新密码12345，重复密码12345，点击修改即可将后台管理登录密码修改为12345。6 总结网络的高速发展，多平台支持程序具有很好的兼容性，目前网络上大多的同学校友录系统都采用ASP语言搭建9，因此建立一个高效、快速、易用的基于web2.0技术PHP5构建的校友录系统，通过它让注册可以随时随地与校友、同学保持更紧密的联系，及时了解他们的动态；与他们分享的生活和创新，即时通讯、即时交流。并且目前同学校友录系统娱乐，广告性质内容太多，系统也良莠不齐10，本设计侧重于注册用户能随时随地的即时的与校友、同学进行交流，分享、查看文件等学习性较强的校友录系统。设计提供了校友通讯录的收集，可以进行留言。不足之处在于互动功能还有待完善。参考文献1 肖维明.基于PHP+MySQL的网站开发J.物流工程与管理,2009,12(06):12-13. 2 FHWA Resource Center.An Introduction to MySQLJ.National Service Center for Environmental Publications,2009,3(01):2-4. 3 史鹏辉,邬霞.基于UML的校友录系统的建模J.辽东学院学报(自然科学版),2009,12(09):5.4 王菲菲.浅谈SQL查询语句的优化方法J.吉林华桥外国语学院学报,2009,12(02):21-22.5 阮征,徐晓昕,邹晨.Web 2.0动态网站开发PHP技术与应用M.北京:清华大学出版社,2008:09.6 Lynn Beighley,Michael Morrison.Head First PHP & MySQLM.US:OREILLY,2010:2-4.7 陈俊杰.校友录也来客户端M.北京:电脑应用文萃,2004:12-13.8 张枭.新一代PHP+MySQL+Dreamweaver网站建设典型案例M.北京:清华大学出版社, 2006:22-23. 9 徐颖.制作同学录的好方法J.计算机应用文摘,2010,24(17);2-5.10 耿相真.Dreamweaver8网页设计轻公现场实战M.北京:航空工业出版社,2007:21-23. 11 丁欣等.决胜SNS：产品设计运营与开放平台社会化营销M.北京:人民邮电出版社,2009: 10. 12 Chan Kin Kong. Enhancing course content through lecture recordings and new Web technologiesJ.Hong Kong University of Science and Technology,2009,(04) .13 (澳)威利，(澳)汤姆森.PHP和MySQL Web开发M.机械工业出版社,2009:04. 14 武金刚.寻找夕日的足迹校友录J.电脑迷,2009,13(17):22.15 基于WEB校友录的设计实现.王民川J.才智,2011,3(05):3-4.16 聂庆鹏.PHP+MySQL动态网站开发与全程实例M.北京:清华大学出版社,2007:12-13.17 陈营辉.PHP网络编程从入门到精通M.北京:清华大学出版社,2009:2.18 杨竞龙,马英瑞.基于PHP的BBS通讯录系统的设计与实现J.电脑学习,2010,15(04):13.19 徐辉.安装配置PHPMySQLJ.网管员世界,2011,12(03):6-7.20 贾素来.使用PHP和MySQL开发动态网站J.大众科技,2011,6(03):31.Design and Implementation of the Students Alumni Based on Webchen yangcong(Information Science and Technology College, Zhongkai University of Agriculture and Engineering, Guangzhou 510225, China)Abstract: Through provides the convenient alumnus to record the management which the platform and the user-friendly alumnus record, may strengthen between the alumnus academic, the innovation, the life exchange, promotes this school informationization construction and even the discipline culture development. This system may facilitate class and grade schoolmate who schoolmate renews independently in the record person-to-person communication information as well as publishes individual most recent information state and so on. The system uses DIV and CSS carries on the homepage standard layout, uses the source PHP language to take the onstage development kit, opens source MYSQL to take the backstage database platform the management system management system. This system uses the source language convenience to carry on the multi-platforms the transplant and the design, the system implementation uses the prototype law to come to avoid in the performance history effectively the blind question, full display superiority, guarantee systems normal implementation. Key words: web;alumnus records system;internet;PHP;致 谢感谢指导老师杜淑琴老师和曾经指导过我的所有老师以及帮助过我的同学们，是他们的帮助让本毕业论文能够得以顺利完成。在此对他们表示最诚挚的谢意！首先感谢给我提供的学习机会，在大学期间是我人生中最重要的时光。在这里我学会了学习；学会了工作；学会了与人结交相处，这为我完成毕业设计打下了基础，也为我以后的人生埋下伏笔。在完成这一毕业设计过程中，我的收获颇多，其中最重要的是，只要用心去学，善于寻找学习资料，利用学习资源，没有什么困难是战胜不了的。通过本次设计，我对php语言尤其是对网页编程语言有了很大的了解。要特别感谢我的指导老师杜淑琴老师。老师在我毕业论文的撰写过程中，给我提供了极大的帮助和指导。从开始选题到中期修正，再到最终定稿，老师一直悉心指导我，给我提供了许多宝贵建议。感谢一同学习生活了4年的电子三班同学，因为有你们，我的大学生活是那么的多姿多彩，大学四年，不管