校友之家网站的设计与实现
毕业设计说明书
盐城工学院校友之家网站的设计
与实现
专业 计算机科学与技术
学生姓名 班级 学
号
指导教师 完成日期
盐城工学院校友之家网站的设计与实现
摘要:盐城工学院建校50多年，校友遍布各行各业。为了给广大校友们提供更多更全面的信息和一个自由开放的信息交流平台，盐城工学院校友办决定组织建设盐城工学院校友之家网站。
盐城工学院校友之家网站是围绕“如何更好的实现校友与校友之间的沟通与交流、实现信息共享”这样一个主线，创建校友和校友之间的合作平台，发挥校友和母校之间的桥梁作用，将母校和各地校友及校友会更紧密地联系起来。盐城工学院校友之家网站分前台和后台两个主要模块，系统前台的主要功能有：校友注册、校友撷英、校友分会、信息平台、校友论坛和留言板。系统后台的主要功能有：注册校友管理、新闻管理、信息平台管理、留言管理和论坛管理等
盐城工学院校友之家网站使用Asp技术建设，后台数据库使用SQL Server 2005。在设计过程中使用了DIV+CSS对页面进行布局和美化，使网站整体感觉更加清爽简洁。网页中的表单都使用了JavaScript对提交的信息进行客户端验证，提高系统对信息的验证效率。
关键词:校友会；校友之家；校友论坛；信息平台
Design and Implementation based on Technology Alumnus House Web Site of Yancheng Institute
Abstract: Yancheng Institute of Technology has a history of more than 50 years, and its students are working for many fields and industries. In order to supply a platform for exchanging information conveniently to alumni, Yancheng Institute of Technology Alumnus Office decide to construct this website as "Alumnus Family".
The core theme of Alumnus Family is how to improve the connection and communication between alumni and share their news and information. It supplies a cooperation platform for alumni and build a bridge to combine the college with the alumni. The Alumnus Family system can be divided into two main modules of foreground and background. The foreground module includes some functions, such as registration, featured alumni, alumni club, information list, BBS and leaving message. The background module mainly includes alumnus management, news post & management, information management, message management, BBS management and etc.
The website system is based on asp web technology and use the MS SQL 2005 as the database. All web pages are designed and made prettification via the DIV+CSS HTML layout technology. The form submition is added the javascript data validated. Therefore, the website is running efficiently and securely.
Key words: Alumnus association; Alumnus House; alumnus forums; Information Platform
盐城工学院校友之家网站的设计与实现
目录
1概述 (1)
2课题研究背景与意义 (1)
2.1 课题研究背景 (1)
2.2课题研究意义 (2)
3盐城工学院校友之家网站系统可行性研究 (2)
3.1技术可行性研究 (2)
3.2操作可行性研究 (3)
4盐城工学院校友之家网站系统需求分析 (3)
4.1功能需求 (3)
4.2用户角色与权限需求分析 (4)
5盐城工学院校友之家网站系统设计 (4)
5.1校友之家网站系统前台设计 (5)
5.2校友之家网站系统后台设计 (6)
5.3校友之家网站系统的数据库设计 (8)
5.4校友之家网站系统公共设计 (15)
6校友之家网站系统的具体实现 (16)
6.1系统注册功能模块 (16)
6.2信息平台功能模块 (21)
6.3校友分会功能模块的实现 (24)
6.4后台管理登陆模块的实现 (26)
6.5校友管理功能模块的实现 (28)
7校友之家网站系统的测试与分析 (30)
7.1系统测试方案及测试结果分析 (30)
7.2校友之家网站系统的测试 (30)
8结束语 (31)
参考文献 (32)
致谢 (33)
附录 (34)
附录1源程序代码清单 (34)
附录1.1说明书中所涉及的代码 (34)
附录1.2验证码技术代码 (56)
附录1.3系统前台样式代码 (57)
附录1.4系统前台登陆验证代码 (62)
附录1.5 注册功能服务器端验证代码 (64)
附录1.6系统防止SQL注入代码 (66)
附录1.7系统后台信息平台管理代码 (66)
盐城工学院本科生毕业设计说明书（2009）
盐城工学院校友之家网站的设计与实现
1概述
盐城工学院校友之家网站是围绕“如何更好的实现校友与校友之间的沟通与交流、实现信息共享”这样一个主线，创建校友和校友之间的合作平台，发挥校友和母校之间的桥梁作用，将母校和各地校友及校友会更紧密地联系起来。盐城工学院校友之家网站拥有自己的论坛，在校友论坛里校友们可以畅所欲言，对学校建设、当前时政谈谈自己的看法，校友彼此之间可以有更多的交流机会。盐城工学院校友之家网站还设有信息平台栏目，该栏目供校友发布供求信息，实现资源共享，校友之间互通有无，互相帮助。利用这个信息发布平台，校友可以发布供求信息，这样网站就具有出现商机的可能，而在校友的网站上，每个校友的身份信息都是经过管理员严格认证的，所以本网站所提供的商务信息具有相当高的可信度。但是本平台不具有任何的商务盈利性质，我们旨在为广大校友提供一个商机涌现的平台，为我们的校友提供一个更广阔的交流空间。校友之家网站实现的功能：校友身份审核功能、校友可以凭用户名和密码登陆并发布信息（包括文字和图片）、各类活动的前期推广、各类信息的发布和整合、母校和各地校友会的活动介绍。
校友之家网站前台栏目设置：校友撷英：该栏目介绍工作在各行各业的校友及优秀在校生；校友论坛：该栏目做成BBS形式，校友可以各抒己见，充分沟通交流；信息平台：该栏目供校友发布供求信息，实现资源共享，校友之间互通有无，互相帮助；校园动态：该栏目主要向校友介绍学校最新发生的大事及动态，让校友了解母校的发展；校友分会：该栏目介绍各地校友会的概况及最新动态、校友返校聚会信息及校友的其他活动。
盐城工学院后台功能主要有：注册校友管理：此功能用于对已注册校友的信息进行审核，对校友进行锁定解锁，删除等；信息平台管理功能：此功能主要是对信息平台上信息和回复的功能进行管理，包括信息的审核，修改，删除；新闻管理功能：此功能主要用于新闻的添加、修改和删除；论坛管理功能：此功能主要用于论坛的管理，其中包括帖子管理、回复管理、版主设置和论坛模块设置等功能；校友分会管理：此功能主要用于管理各个分会的信息，包括分会信息的添加、修改和删除。校友分会活动剪影的添加、修改和删除。
2 课题研究背景与意义
盐城工学院校友之家网站是应盐城工学院校友办的要求开发的，针对原校友会网站在功能和安全防护上的不足，提出了对盐城工学院校友之家网站在功能上和安全防护上等各方面的开发指标。
2.1 课题研究背景
原校友会网站在功能上存在诸多不足，愈来愈无法满足校友办的工作需求和校
盐城工学院校友之家网站的设计与实现
友之间相互进行密切交流的渴望。原校友会网站主要存在以下几点不足：a．无法完成对校友意见的采集，给校友办各方面工作的展开带来了很大的困难。
b．没有提供一个校友之间能够互通有无的平台，很大程度上影响到校友使用网站的积极性，这点也是网站实用性的重要体现。
c．校友会网站的论坛和校友会网站是完全分离的，登录校友会网站以后要使用论坛功能仍需要再次登陆，除此以外论坛需要重新注册，给校友之间的相互交流带来了很大不便。
d．网站在安全防护上存在诸多不足之处。比如没有做防止SQL注入，前台安全性检验不完善等等。
e．在前台没有提供校友搜索的功能，给需要寻人的校友带来了诸多不便。
f．网站在后台没有对管理员进行分级，不利于网站的安全维护。
2.2课题研究意义
盐城工学院校友之家网站是围绕“如何更好的实现校友与校友之间的沟通与交流、实现信息共享”这样一个主线，创建校友和校友之间的合作平台，发挥校友和母校之间的桥梁作用，将母校和各地校友及校友会更紧密地联系起来。盐城工学院校友之家网站拥有自己的论坛，在校友论坛里校友们可以畅所欲言，对学校建设、当前时政谈谈自己的看法，校友彼此之间可以有更多的交流机会。盐城工学院校友之家网站还设有信息平台模块，该栏目供校友发布供求信息，实现资源共享，校友之间互通有无，互相帮助。利用这个信息发布平台，校友可以发布供求信息，这样网站就具有出现商机的可能，而在校友的网站上，每个校友的身份信息都是经过管理员严格认证的，所以本网站所提供的商务信息具有相当高的可信度。但是本平台不具有任何的商务盈利性质，我们旨在为广大校友提供一个商机涌现的平台，为我们的校友提供一个更广阔的交流空间。
校友办在工作中发现校友都希望能够通过网站寻找到以前的同窗好友，所以我们特意在盐城工学院校友之家网站上添加了寻找校友的功能，只要是在校友之家网站上注册的校友，你都可以通过他的姓名或班级信息查找到。与此同时我们还在信息平台上开辟了一个名为“寻找校友”的模块，专门为需要寻找校友的校友提供服务，他们可以直接在这个模块发布寻人信息，其他校友可以跟帖来提供被寻校友的相关信息。
3盐城工学院校友之家网站系统可行性研究
3.1技术可行性研究
盐城工学院校友之家网站使用ASP技术进行编程开发，使用SQL Server 2005作为后台数据库支持。
ASP是Active Server Page的缩写，意为“动态服务器页面”。ASP是微软公司开发的代替CGI脚本程序的一种应用,它可以与数据库和其它程序进行交互，是一种
盐城工学院本科生毕业设计说明书（2009）
简单、方便的编程工具。ASP的网页文件的格式是.asp，现在常用于各种动态网站中。ASP是一种服务器端脚本编写环境，可以用来创建和运行动态网页或Web应用程序。
SQL Server 2005包括了一些在安全性能上的改进，例如数据库加密、设置安全默认值、增强密码政策、缜密的许可控制、以及一个增强型的安全模式。
新的SQL Server Management Studio SQL Server 2005引入了SQL Server Management Studio，这是一个新型的统一的管理工具组。这个工具组将包括一些新的功能，以开发、配置SQL Server数据库，发现并修理其中的故障，同时这个工具组还对从前的功能进行了一些改进。专门的管理员连接。SQL Server 2005将引进一个专门的管理员连接，即使在一个服务器被锁住，或者因为其他原因不能使用的时候，管理员可以通过这个连接，接通这个正在运行的服务器。这一功能将能让管理员，通过操作诊断功能、或Transact—SQL指令，找到并解决发现的问题。
SQL Server 2005中的新安全模式将用户和对象分开，提供fine-grain access存取、并允许对数据存取进行更大的控制。另外，所有系统表格将作为视图得到实施，对数据库系统对象进行了更大程度的控制。Transact-SQL 的增强性能。SQL Server 2005为开发可升级的数据库应用软件，提供了新的语言功能。这些增强的性能包括处理错误、递归查询功能、关系运算符PIVOT, APPL Y, ROW_NUMBER和其他数据列排行功能。
3.2操作可行性研究
盐城工学院校友之家网站采用被广泛使用的B/S模式开发，在前台校友只需要打开浏览器输入https://www.wendangku.net/doc/578259655.html,就可以访问校友之家的首页，登录后就可以使用系统为校友提供的各项功能。在后台校友办工作人员输入后台登陆URL，登陆后就可以使用管理网站的各项功能。因为浏览器被广泛使用所以校友之家网站所提供的功能界面对校友来说是简洁易懂的，而且在开发设计时我将尽量将人性化的功能设计考虑进去。
4盐城工学院校友之家网站系统需求分析
4.1功能需求
通过和校友办的相关领导和工作人员沟通交流后了解到他们希望校友之家网站所要完成的功能有：
a．校友撷英：该栏目介绍工作在各行各业的校友及优秀在校生。
b．校友论坛：该栏目做成BBS形式，校友可以各抒己见，充分沟通交流。
c．信息平台：该栏目供校友发布供求信息，实现资源共享，校友之间互通有无，互相帮助。
d．校园动态：该栏目主要向校友介绍学校最新发生的大事及动态，让校友了解母校的发展。
e．校友分会：该栏目介绍各地校友会的概况及最新动态、校友返校聚会信息
盐城工学院校友之家网站的设计与实现
及校友的其他活动。
4.2用户角色与权限需求分析
通过与盐城工学院校友办的相关领导交流之后确定盐城工学院校友之家网站的用户角色应该分为五种：游客、普通校友、论坛版主校友、普通管理员、超级管理员。各个角色所拥有的权限描述如下：
a.游客权限：访问网站的首页，浏览网站公告，使用注册功能，取回登录密码。
b.普通校友权限：浏览网站新闻，浏览网站公告，浏览校友风采，浏览校友风采，浏览校友捐赠，浏览信息平台信息，发布信息，发表信息回复，站内校友查询，浏览校友分会，浏览分会活动剪影，在论坛内发表帖子，在论坛内发表回复，修改个人信息，发表留言（可选择是否保密），查看留言回复，查看站内通知，修改个人登录密码。
c.论坛版主校友权限：浏览网站新闻，浏览网站公告，浏览校友风采，浏览校友风采，浏览校友捐赠，浏览信息平台信息，发布信息，发表信息回复，站内校友查询，浏览校友分会，浏览分会活动剪影，在论坛内发表帖子，在论坛内发表回复，修改个人信息，修改个人登录密码，发表留言（可选择是否保密），查看留言回复，查看站内通知，管理其论坛板块的所有帖子和回复。
d.普通管理员权限：管理网站公告，查看系统帮助，修改部门简介，管理信息平台的信息，管理信息平台的回复，管理信息平台的信息类别，管理站内通知，发送站内通知，管理校友风采，添加校友风采，管理校友感言，添加校友感言，管理注册校友，新闻管理，添加新闻，留言管理，回复留言，发布留言板公告，分会管理，添加分会，分会活动剪影管理，添加分会活动剪影，管理校友捐赠，论坛帖子管理，论坛回复管理，论坛版主设置，论坛版块管理，论坛各版块的分类管理，校友企业图片管理。
e.超级管理员权限：网站管理员管理，上传图片管理，数据库备份，数据库还原，数据库备份文件管理，管理网站公告，查看系统帮助，修改部门简介，管理信息平台的信息，管理信息平台的回复，管理信息平台的信息类别，管理站内通知，发送站内通知，管理校友风采，添加校友风采，管理校友感言，添加校友感言，管理注册校友，新闻管理，添加新闻，留言管理，回复留言，发布留言板公告，分会管理，添加分会，分会活动剪影管理，添加分会活动剪影，管理校友捐赠，论坛帖子管理，论坛回复管理，论坛版主设置，论坛版块管理，论坛各版块的分类管理，校友企业图片管理。
5盐城工学院校友之家网站系统设计
盐城工学院校友之家网站系统分前台和后台两个主要平台。系统的前台为校友提供各种服务，是校友之家网站系统中学校和校友之间进行信息交流的主要平台。系统的后台实现了对前台各个模块的管理功能，例如前台有信息平台模块，后台就
盐城工学院本科生毕业设计说明书（2009）
有相应的信息平台管理模块。
5.1校友之家网站系统前台设计
校友之家网站系统的前台所要实现的功能有：校友注册、校友登陆、密码找回、用户中心、校友撷英、校园动态、信息平台、校友分会、留言板和校友论坛。其中用户中心要实现密码修改、个人信息修改和修改个人头像等功能。校友撷英要实现校友动态、校友风采、校友捐赠和校友感言等功能。信息平台要实现信息发布、信息查询和信息回复等功能。
5.1.1校友之家网站前台功能模块
图5-1 校友之家网站系统前台功能图
5.1.2校友之家网站前台流程图
如图5-2为校友之家网站前台流程图，从图中可以看出游客角色与盐城工学院校友角色之间的权限差别。游客浏览首页、浏览公告和使用校友注册功能。盐城工学院校友可以使用网站提供的所有功能。
盐城工学院校友之家网站的设计与实现
如图5-2为校友之家网站前台流程图。
图5-2 校友之家网站系统前台流程图
5.2校友之家网站系统后台设计
校友之家网站系统的后台所要实现的主要功能有：a．管理员管理：包括管理员的添加、修改和删除。b．公告管理：包括公告的添加、修改和删除。c．信息平台管理：包括信息管理、回复管理和信息类别管理。d．新闻管理：包括新闻的添加、修改和删除。e．论坛管理功能：包括论坛栏目设置、版主设置、类别管理、帖子管理等。f．数据库管理功能：包括数据库备份、数据库还原和数据库备份文件管理。g．站内通知管理：包括发送站内通知、修改站内通知和删除站内通知。h．校友分会管理：包括分会的添加、分会信息修改、分会删除、分会活动剪影的添加、
盐城工学院本科生毕业设计说明书（2009）分会活动剪影的删除和分会活动剪影的修改。
5.2.1校友之家网站后台功能模块
图5-3 校友之家网站系统后台功能模块
盐城工学院校友之家网站的设计与实现
5.2.2校友之家网站后台流程图
图5-4 校友之家网站系统后台流程图
5.3校友之家网站系统的数据库设计
5.3.1数据库结构设计
根据校友之家网站系统的需求，通过对前台功能和后台各功能的内容和数据流程分析，设计如下所示的数据项和数据结构：
a．校友信息
包括的数据项有：帐号、登录密码、姓名、性别、密码保护问题、密码保护答案、邮箱、公司信息、电话号码、入学年份、所在班级、工作地点、工作领域、QQ、
盐城工学院本科生毕业设计说明书（2009）
注册时间、登录次数、上次登录时间等。
b．新闻信息
包括的数据项有：新闻ID、新闻标题、新闻内容、新闻类别、新闻发布时间、新闻发布人、被点击次数等。
c．校友风采信息
包括的数据项有：校友风采ID、校友ID、所属类别、标题、校友姓名、校友职位、所在单位、校友年届信息、文章内容、更新时间、被点击次数等。
d．校友分会信息
包括的数据项有：分会ID、分会标题、分会名称、分会信息、更新时间等。
e．信息平台信息
包括的数据项有：信息ID、信息标题、所属分类、信息内容、信息有效期、发布者ID、发布者姓名、发布时间、被浏览次数、回复次数等。
f．信息平台回复
包括的数据项有：回复ID、信息ID、回复内容、回复人ID、回复人姓名、回复日期等。
g．站内信息
包括的数据项有：信息ID、信息标题、信息内容、发送时间、是否被阅读、校友ID、校友姓名。
h．留言信息
包括的数据项有：留言ID、校友ID、校友姓名、留言内容、留言时间、IP信息、回复标识、回复时间、回复内容、信息是否保密等。
i．管理员信息
包括的数据项有：管理员账号、管理员密码、上次登录时间、登录次数、IP信息、是否超级管理员等。
j．分会活动剪影
包括的数据项有：剪影ID、剪影标题、发布时间、图片信息、分会ID。
k．论坛帖子及回复
包括的数据项有：ID、标题、发布者ID、发布者姓名、发布时间、内容、所属版块、点击次数和回复次数等。
得到上面的数据项和数据结构以后，就可以设计出能够满足用户需求的各种实体，以及它们之间的关系，为后面的逻辑结构设计打下基础，这些实体包括各种具体信息，通过相互之间的作用形成数据的流动。本系统根据上面的设计规划出的实体与E-R图有：校友信息实体、管理员信息实体、新闻信息实体、留言信息实体、新闻信息、校友分会信息E-R图、信息平台信息E-R图、校友风采信息实体。
盐城工学院校友之家网站的设计与实现
图5-5 校友基本信息实体图
图5-6 新闻基本信息实体图
图5-7 校友风采信息实体图
盐城工学院本科生毕业设计说明书（2009）
图5-8 校友分会信息E-R图
图5-9 信息平台信息E-R图
盐城工学院校友之家网站的设计与实现
图5-10 留言信息实体图
5.3.2数据库逻辑结构设计
现在需要将上面的数据库概念结构转化为数据库系统所支持的实际数据模型也就是数据库的逻辑结构。在上面的实体以及实体之间关系的基础上，形成数据库中的表格以及各个表格之间的关系。校友之家网站系统数据库中校友基本信息表（表5-1）、新闻信息表（表5-2）、校友风采信息表（表5-3）、分会信息表（表5-4）、分会活动剪影信息表（表5-5）、信息平台信息表（表5-6）、信息平台回复信息表（表5-7）、留言信息表（表5-8）。
盐城工学院本科生毕业设计说明书（2009）
盐城工学院校友之家网站的设计与实现
盐城工学院本科生毕业设计说明书（2009）
表5-8 留言信息表（message）
5.4校友之家网站系统公共设计
5.4.1数据库连接配置
ASP技术可以使用ADO对象直接与数据库进行交互，很方便地与数据库建立连接，操作数据库。ADO是一种功能强大的数据库应用程序接口，通过ADO访问SQL Server数据库的编程接口如图5-11所示。
图5-11 通过ADO访问SQL Server 数据库的编程接口
在校友之家网站系统中使用的数据连接文件为conn.asp相关代码见附录1.1.1。
5.4.2 校友之家网站导航
校友之家网站的导航使用DIV+CSS设计，使用JavaScript语言加入了鼠标触发事件，具有很好的动态效果，效果如图5-12所示。
盐城工学院校友之家网站的设计与实现
图5-12 校友之家网站导航演示图
导航中使用了CSS的UL标签这样就更容易控制导航中各个元素的显示样式。导航中的每个菜单都是UL中的一个子元素LI，这样的话只要编写LI的显示样式就可以控制所有导航栏中菜单的样式，对LI显示样式进行控制的代码如下：.banner li{margin:0px; padding-left:2px; padding-right:15px; text-align:right;padding-bottom:0px; padding-top:0px; float:left; height:36px; list-style-type:none; line-height:36px;}
具体实现代码见附录1.1.2。
6校友之家网站系统的具体实现
详细设计阶段的根本目标是确定应该怎样具体地实现所要求的系统，也就是说经过这个阶段的设计工作，应该得出对目标系统的精确描述，从而在编码阶段可以把这个描述直接翻译成某种程序设计语言书写的程序。
因为篇幅原因在此只对前台的校友注册功能、信息平台功能、校友分会功能和后台的登陆功能、注册校友管理功能作详细介绍。
6.1系统注册功能模块
注册功能是校友们真正使用的第一个功能，所以注册功能做的好坏直接影响到整个校友之家网站在校友们心中的形象。在设计过程中我尽量让自己站在校友角度去思考问题，为了将注册功能做的更加人性化更加快捷高效，我参考了许多知名网站的注册页面的布局，并自学了Ajax技术。
6.1.1用户存在性验证解决方法的比较与探讨
通过在图书馆借书查阅资料和上网查找相关技术文档，然后经过自己的推敲和反复测试，我所总结出的解决网站注册中用户存在问题的方案主要有以下三种：a．第一种方法，用户的存在性验证采用JavaScript进行客户端验证，必须在用