校友之家网站的设计与研究

admin管理员组

文章数量:1596345

2024年4月2日发(作者：)

开发案　／　

／　

校友之家网站的设计与研究　

张成彬　，　周大为　，　卢　川　

（１．盐城工学院信息工程学院，盐城２２４０５１；２．南京邮电大学，南京２１０００３）　

摘　要：设计校友之家网站．给广大校友们提供更多更全面的信息和一个自由开放的信息交流平　

台。主要对系统的需求分析，前后台的功能设计流程，前台校友注册模块、信息平台模块、校　

友分会模块、后台登录管理模块和校友管理模块等主要模块的实现及涉及的关键技术进行　

阐述。　

关键词：校友之家：校友论坛：信息平台　

０　引言　

生的大事及动态，让校友了解母校的发展。　

在学校自主发展、提高效益的办学道路上．开发校　

⑤校友分会：该栏目介绍各地校友会的概况及最　

新动态、校友返校聚会信息及校友的其他活动。　

友资源．挖掘校友潜力．充分利用好校友这一学校的特　

殊资源．使校友资源在学校的发展中发挥更大的作用．　

是适应新的办学体制、增强学校办学实力、促进学校发　

展的一条重要渠道ＩＩ　】盐城工学院建校５０多年．校友遍布　

各行各业　为了给广大校友们提供更多更全面的信息和　

一

２　系统的设计　

盐城工学院校友之家网站系统分前台和后台两个　

主要平台　系统的前台为校友提供各种服务．是系统中　

学校和校友之间进行信息交流的主要平台　系统的后　

台实现对前台各个模块的管理功能　

个自由开放的信息交流平台．盐城工学院校友办决定　

组织建设盐城工学院校友之家网站　盐城工学院校友之　

家网站是围绕“如何更好地实现校友与校友之间的沟通　

与交流、实现信息共享”这样一个主线，创建校友和校友　

之问的合作平台。发挥校友和母校之间的桥梁作用．将　

母校和各地校友及校友会更紧密地联系起来　

２．１系统前台设计　

系统的前台所要实现的功能有：校友注册、校友登　

录、密码找回、用户中心、校友撷英、校园动态、信息平　

台、校友分会、留言板和校友论坛。其中用户中心要实　

现密码修改、个人信息修改和修改个人头像等功能　校　

友撷英要实现校友动态、校友风采、校友捐赠和校友感　

１　系统的需求分析　

通过和校友办的相关领导和工作人员沟通交流　

校友之家网站所要完成的功能有：　

言等功能。信息平台要实现信息发布、信息查询和信息　

回复等功能。图ｌ为校友之家网站前台流程图．从图中　

可以看出游客角色与盐城工学院校友角色之间的权限　

①校友撷英：该栏目介绍工作在各行各业的校友　

及优秀在校生　

差别。游客只能浏览首页、公告和使用校友注册功能。　

校友可以使用网站提供的所有功能　

②校友论坛：该栏目做成ＢＢＳ形式．校友可以各抒　

己见，充分沟通交流　

２．２系统后台设计　

校友之家网站系统的后台所要实现的主要功能有：　

③信息平台：该栏目供校友发布供求信息．实现资　

源共享，校友之间互通有无．互相帮助　

④校园动态：该栏目主要向校友介绍学校最新发　

①管理员管理：包括管理员的添加、修改和删除。　

②公告管理：包括公告的添加、修改和删除　

③信息平台管理：包括信息管理、回复管理和信息　

收稿日期：２０１１—０３—０１　修稿日期：２０１１一Ｏ３—２１　

作者简介：张成彬（１９７６－），女，江苏盐城人，硕士，研究方向为计算机网络　

现代计算机２０１１．０４　囝　

＼＼＼　

一．　

开始　

浏　

览　

站　

内　

公　

告　

找　

回　

密　

码　

校　

友　

登　

录　

垂　畦　

，＿——■—■———＿７　

登录是否成功＞—～　

＼

等待管理　

员验证　

／　

ｆ登录成功　

茎｝ｆ蓁ｉ　ｌ　ｉ｝蓁｛ｆ　｝｝蓁｛｝垂｝ｆ茎ｆ　ｆ蓁　校动态王园　

篓ｆ　ｆ、耋　ｆｉ差｛ｆ菱ｌ　ｆ　｛ｉ　ｆ　ｆ蓁ｆ　ｆ垂｛｛菱　ｆｉ菱　坛校友论浏　

中　

｛　

日　

用　

户　

心　

校　

友　

撷　

英　

校　

友　

分　

会　

留　

板　

学　

院　

简　

介　

览　

帖　

子　

内　

容　

囱　

复　

帖　

子　

（　塞　）　

图ｌ校友之家网站系统前台流程图　

类别管理　

息平台功能、校友分会功能和后台的登录功能、注册校　

④新闻管理：包括新闻的添加、修改和删除。　

⑤论坛管理功能：包括论坛栏目设置、版主设置、　

类别管理、帖子管理等。　

⑥数据库管理功能：包括数据库备份、数据库还原　

和数据库备份文件管理。　

⑦站内通知管理：包括发送站内通知、修改站内通　

知和删除站内通知　

友管理功能作简单介绍　

３．１前台校友注册功能　

注册功能是校友们真正使用的第一个功能．所以注　

册功能做的好坏直接影响到整个校友之家网站在校友　

们心中的形象　在设计过程中尽量站在校友角度去思考　

问题．将注册功能做得更加人性化和更加快捷高效。　

解决网站注册中用户存在问题的方案目前主要有　

以下三种方法：　

⑧校友分会管理：包括分会的添加、分会信息修改、　

分会删除、分会活动剪影的添加、分会活动剪影的删除　

和分会活动剪影的修改。　

图２所示为校友之家网站系统后台流程图。　

①第一种方法．用户的存在性验证采用ＪａｖａＳｃｒｉｐｔ　

进行客户端验证．必须在用户第一次打开注册页面就将　

所有已经注册的校友账号存于一个ＪａｖａＳｃｒｉｐｔ数组里　

面．然后在用户填写完账号信息以后再在客户端进行比　

较　这种做法虽然可以实现实时的客户端用户存在性验　

证，但是所付出的代价是高昂的同时危险系数太高。　

②第二种方法是只在服务器端进行控制．这样一　

来用户只有在将注册信息提交以后才可能知道自己所　

填写的用户名是否可用．而当用户名不可用时用户必　

须重填写所有注册信息．这就必然会引起用户的不满　

３　系统的实现及涉及的关键技术　

系统采用典型的三层结构模式［２Ｊ：第一层页面主要　

实现对管理界面的显示和解释，中间层实现对数据库　

的操作和前台页面的生成工作，第三层数据库服务器　

主要对系统提供数据服务。　

因为篇幅原因在此只对前台的校友注册功能、信　

。　现代计算机２０１１．０４　

再发案　

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————～——　

／　

／　

登录失败　

登录成功　

信息管理　

是否是、　

回复管理　

Ｉ　ｌ校　

　Ｉ校ｌ　Ｉ　

　ｆ篓　

管　

留ｌ　ｌ友　

倍息类别管理　

校ｌ

论　

理　

言Ｉ　

会ｆ　Ｉ业　

坛　

员　

管Ｉ　

站内通知添加　

Ｉ风　

｛采　

友ｊ　Ｊ友Ｊ墨【｛　Ｊ校套　

新　

分ｌ

｝

　Ｉ企　

闻　

管　

管ｌ　Ｉ图　

管　

管　

理【　

理　

理｛　｝量　

站内通知修改　

ｆ管　

篱｛｛薹｛｛理　

理　

Ｉ　Ｉ理　

理ｆ）　｛ｆ　片　

理　

站内通知删除　

校友风采添加　

校　校　

校　

校ｆ

公　公　公　

友ｌ

　ｆ

　Ｉ

　｛ｆ

删｛Ｉ

添　

友　友　

友　

加　

类　

＆　＆　

口　

口　口　

风　

风　

信　

添　

修　删　采　采　

息　

篆　

别　

管　

力日　改　除　

修　删　

宙　

嘉ｌｆ友　

理　

改　

除　核　

结　束　

图２校友之家网站系统后台流程图　

最终导致网站用户的流失　挽救这个不足的方法是在　

用户提供的信息进行验证．如果合法．则将信息写入数　

用户提交注册信息的同时将用户的所有注册信息存人　

修改分会信息　

据库．如果不合法则提示错误信息　

Ｓｅｓｓｉｏｎ值中．但是这样做同样代价高昂　

删除分会　

在这里值得提出的是对信息描述字数限制的控　

③解决用户存在性问题的第三种方法是采用Ａ．　

论坛栏目设置　

制，笔者所采用的不是简单的ＪａｖａＳｃｒｉｐｔ验证．而是实　

ＪＡＸ技术．同时也是当前解决这个问题的最佳方法．用　

论坛版主设置　

时的字数显示和余下可数字数的提醒。这个功能的实　

户在填写完账户信息之后立刻就可以得知自己所填写　

现使用的仍然是ＪａｖａＳｃｒ

帖子管理　

ｉｐｔ的客户端验证技术．但是在　

的账号在网站中是否已经被注册．而页面却没有被刷　使用手法上却更加成熟和灵活　实现这个功能的前台　

新。这就是ＡＪＡＸ中所提高的“异步”与“无刷”　层的布局和设置代码如下：　

系统中在注册功能的前台验证中使用了　

＜ｄｉｖ　ｃｌａｓｓ＝”ｃａｓｅ”＞　

ＪａｖａＳｃｒｉｐｔ技术．这样做的好处在于用户不用真正提交　

注册信息就可以得知注册信息的合法性：在注册功能中　

ｉｄ＝”ｃｏｎｔｅｎｔ”ｃｏｌｓ＝”６５”ｒＯＷＳ：”１５”ｏＩＩｆＯＣＵＳ＝”ｔｈｉｓ．ｃｌａｓｓＮａｍｅ＝，ｉｎ—　

使用ＡＪＡＸ技术实现了用户账号是否存在的无刷验证　

ｐｕｔ　ｏｎＦｏｃｕｓ　”　ｏｎｂｌｕｒ＝”ｔｈｉｓ　ｃｌａｓｓＮａｍｅ＝　ｉｎｐｕｔ　ｏｎＢｌｕｒ　”　

３．２信息平台功能　

ｍａｘｌｅｎｇｔｈ＝”５０００”＞＜／ｔｅｘｔａｒｅａ＞＜／ｄｉｖ＞　

信息平台具有四个主要功能：发布信息、发表回复、　

＜ｄｉｖ　ｃｌａｓｓ＝”ｇｒａｙ”＞最多可输入＜ｓｐａｎ　ｉｄ：”ｓｔａｔ　ｎｌａｘ”　

查找信息、浏览信息，主要包括有发布信息的页面、发　

ｃｌａｓｓ：”ｂ　ｌｉｇｈｔ”＞＜／ｓｐａｎ＞，当前共＜ｓｐａｎ　ｉｄ＝”ｓｔａｔ

ｔｏｔａｌ”ｃｌａｓｓ＝”ｂ　

布回复的页面、信息查找页面　

ｌｉｇｈｔ”＞＜／ｓｐａｎ＞，还可输．，ｈ￣＜ｓｐａｎ　ｉｄ＝”ｓｔａｔ

＿

ｌｅｆｔ”ｃｌａｓｓ：”ｂ　ｌｉｇｈｔ”＞＜　

／ｓｐａｎ＞＜／ｄｉｖ＞＜／ｄｉｖ＞　

①发布信息页面　

在该页面中用户通过表单提供信息内容．系统对　

②发表回复页面　

现代计算机２０１１．ｏ４　囝　

＼、　

在发表回复页面中用户通过表单提供回复内容．　

系统对回复内容进行验证，发表的回复内容字符数不　

地控制网站已经注册校友信息的真实性、有利于更好　

地维护校友之家网站秩序。未通过信息验证的校友会　

能超过３００，校友在输入回复的过程中系统会自动提示　

已经输入的字符数与还可以输入的字符数　

在页面中直接显示出来，而且被用红色字样特殊标记　

出来。管理员只要点击操作一栏中的“审核”就可以对　

③信息查找页面　

校友进行信息审核。此功能实现的代码如下：　

在信息查找页面中用户通过表单提供信息查找依　

＜％　ｉｆ　ｔｒｉｍ（ｓｉ（”ｉｓｃｈｅｃｋ”））＝”０”ｔｈｅｎ　

据，系统根据用户提供的查找依据合成ｓｏＬ语句进行　

ｒｅｓｐｏｎｓｅ．ｗｒｉｔｅ”＜ｆｏｎｔ　ｃｏｌｏｒ＝ｒｅｄ＞否＜／ｆｏｎｔ＞”　

数据查找　

ｅｌｓｅ　

３．３校友分会功能　

ｒｅｓｐｏｎｓｅ．ｗｒｉｔｅ”是”　

校友分会的前台不需要浏览信息的校友填写任何　

ｅｎｄ　ｉｆ　％＞　

信息．只需校友选择要浏览的分会点击进去进行浏览　

值得提出的是在此页面中还添加了发送站内通知　

就可，这个模块中显然功能上要求不高．但要做得尽量　

的快捷方式，点击就可以直接对该校友发送站内通知。　

人性化，方便校友进行浏览、查阅。在这里导航的现实　

此功能实现的代码如下：　

样式就凸显出了它功能上的优越。在此功能模块上值　

＜ａ　ｈｒｅｆ＝”ｓｔａｍｓｇａｄｄ．ａｓｐ？ＵｓｅｒＩＤ＝＜％＝１８（”ＵｓｅｒＩＤ”）％＞　

得注意的是各个校友分会的活动剪影和各个分会的关　

＆Ｕｓｅｒｎａｍｅ＝＜％＝ｉｓ（”Ｕｓｅｒｎａｍｅ”１％＞”＞发站内通知＜，ａ＞　

联。校友之家网站校友分会的导航使用ＤＩＶ＋ＣＳＳ设　

４　结语　

计，ＪａｖａＳｃｒｉｐｔ语言实现。　

３．４后台登录管理功能　

本文通过我校校友之家网站的设计与开发．着重　

分析了系统开发过程中的功能模块的分析、设计、实现　

网站的后台用于管理网站的所有资源．安全性要　

求相对较高，而后台的登录模块是整个后台的门户．除　

以及关键技术问题和可行的解决方案．希望能给相关　

了做到后台的安全隐藏以外还要做到后台登录验证的　

的开发人员以参考和借鉴。　

尽可能严谨。后台登录页面所包含的验证有：客户端　

参考文献　

ＪａｖａＳｃｒｉｐｔ验证、服务器端验证、验证码验证。　

［１】张彦超，张召，邵丽娜．开发校友资源促进高校发展【ＥＢ，　

３．５校友管理功能　

ＯＬ１．ｈｔｔｐ：／／ｗｗｗ．ａｌｕ—ｒｅｓ．ｏｒｇ．ｃｎ／ｙａｎｔａｏｈｕｉ／ｄａｌｉａｎ－Ｈａｉｓｈｉ．ｈｔｍ．　

普通管理员和超级管理员都可以对网站的注册校　

献　

友进行管理。可以进行的操作有校友信息审核、校友锁　

『２１吴竞华，陈根才．基于三层结构模式的档案管理系统设计　

定、校友删除、校友查询。其中信息审核功能能够很好　

及实现【Ｊ】．计算机应用，２０００（８）：６３—６５　

Ｄｅｓｉｇｎ　ａｎｄ　Ｒｅｓｅａｒｃｈ　ｏｎ　Ａｌｕｍｎｕｓ　Ｈｏｕｓｅ　Ｗｅｂｓｉｔｅ　

ＺＨＡＮＧ　Ｃｈｅｎｇ—ｂｉｎ　，ＺＨＯＵ　Ｄａ－ｗｅｉ　，ＬＵ　Ｃｈｕａｎ　

（１．Ｓｃｈｏｏｌ　ｏｆ　Ｉｎｆｏｒｍａｔｉｏｎ　Ｅｎｇｉｎｅｅｒｉｎｇ，Ｉｎｓｔｉｔｕｔｅ　ｏｆ　Ｙａｎｃｈｅｎｇ，Ｙａｎｃｈｅｎｇ　２２４０５　１；　

２．Ｎａｎｊｉｎｇ　Ｕｎｉｖｅｒｓｉｔｙ　ｏｆ　Ｐｏｓｔｓ　ａｎｄ　Ｔｅｌｅｃｏｍｍｕｎｉｃａｔｉｏｎｓ，Ｎａｎｊｉｎｇ　２１０００３）　

Ａｂｓｔｒａｃｔ：Ｄｅｓｉｇｎｓ　ａ　Ｗｅｂｓｉｔｅ　ａｓ　ａ　ｐｌａｔｆｏｒｍ　ｆｏｒ　ｅｘｃｈａｎｇｉｎｇ　ｉｆｎｏｒｍａｔｉｏｎ　ｃｏｎｖｅｎｉｅｎｔｌｙ　ｔｏ　ａｌｕｍｎｉ．Ｅｌａｂｏｒａｔｅｓ　

ｔｈｅ　ｉｍｐｌｅｍｅｎｔａｔｉｏｎ　ａｎｄ　ｔｈｅ　ｋｅｙ　ｔｅｃｈｎｏｌｏｇｉｅｓ　ｗｈｉｃｈ　ａｒｅ　ｉｎｖｏｌｖｅｄ　ｉｎ　ｔｈｅ　ａｎａｌｙｓｉｓ　ｏｆ　ｔｈｅ　ｓｙｓｔｅｍ，　

ｔｈｅ　ｆｕｎｃｔｉｏｎａｌ　ｄｅｓｉｇｎ　ｆｌｏｗ　ｏｆ　ｆｒｏｎｔ　ａｎｄ　ｂａｃｋ，ｔｈｅ　ａｌｕｍｎｕｓ　ｒｅｇｉｓｔｅｒ　ｍｏｄｕｌｅ，ｔｈｅ　ｉｎｆｏｒｍａｔｉｏｎ　ｐｌａｔ—　

ｆｏｒｍ　ｍｏｄｕｌｅ，ｔｈｅ　ｍｏｄｕｌｅ　ｏｆ　ｔｈｅ　ｂｒａｎｃｈｅｓ　ｏｆ　ｔｈｅ　ａｌｕｍｎｕｓ　ａｓｓｏｃｉａｔｉｏｎ，ｔｈｅ　ｂａｃｋｇｒｏｕｎｄ　ｌｏｇｉｎ　ｍｏｄ—　

ｕｌｅ，ｔｈｅ　ａｌｕｍｎｕｓ　ｍａｎａｇｅｍｅｎｔ　ｍｏｄｕｌｅ　ａｎｄ　ＳＯ　ｏｎ．　

Ｋｅｙｗｏｒｄｓ：Ａｌｕｍｎｕｓ　Ｈｏｕｓｅ；Ａｌｕｍｎｕｓ　Ｆｏｒｕｍｓ；Ｉｎｆｏｒｍａｔｉｏｎ　Ｐ１ａｔｆｏｒｉＢ　

ｏ　现代计算机２０１１．０４　

本文标签： 校友信息功能网站用户