网上报名与信息发布系统的设计与实现.docx

1、网上报名与信息发布系统的设计与实现培训中心网上报名与信息发布系统的设计与实现案例一：培训中心网上报名与信息发布系统的设计与实现第一章 开发背景和系统概述1.1 开发背景随着人们生活水平和教育素养的提高，越来越多人意识到学习的重要性，各类培训中心应运而生。高校的培训中心依托高校的教学资源，设备先进、教学力量雄厚，培训教师也是经各类考试中心的认证，教学经验丰富。而且相比一些私营的培训中心，从收费合理等角度来说，让参加培训考试的学员们更加放心，如复旦大学的求是进修学院，交通大学的交大昂立进修等等。上海理工大学管理学院培训中心隶属于上海理工大学管理学院。从2000年6月成立至今，已运作了将近六年半。从

2、当初的仅有NIT一个项目，到现在已经设立了好几个项目，参加的学员人数也越来越多。可是随着培训中心的不断发展，人工操作也渐渐显露出了它的弊端。例如：手工记录的报名单很容易出错，不是姓名写错，就是身份证号码填错，会影响到日后证书的有效性。另外，随着培训中心项目的不断增多，中心的宣传跟不上，要向外发展，不能仅仅局限于校内的学员。可是要宣传就要投入大量的资金和人力，成本太高；而且信息不能及时更新，告知学员。宣传信息不够，培训中心的规模就不够大，学员就不够多，也会影响培训中心的发展。为了培训中心今后更好的运作和发展，建立培训中心的网站迫在眉睫。网站建成的优势是显而易见的。互联网络具有文字、图片、色彩、电

3、影、三度空间、虚拟现实等所有广告媒体的功能，通过它，可以让人们非常方便地了解到培训中心的介绍、各类项目的介绍、联系地址等，而且可以加入声音、图片、动画和影像信息，达到真正的声情并茂，树立良好的培训中心的形象。其优势还体现在以下几个方面：第一、 网上报名，省时省力。学员可以在网上进行报名，填写报名信息，网站自动帮你检验你所填的信息是否正确，学员还可以随时在网上更改他自己的个人资料及报考信息，既省时又省事，还不容易出错。学员有什么问题也可以直接在网上询问，无需不停地打电话到培训中心询问。第二、 宣传及时，成本低廉。网络宣传成本低廉，同其它广告媒体相比，上网的成本可说极低，比起印刷宣传手册和电视广告

4、，其费用更显微不足道。而且网上的信息更新迅速，学员们能够在第一时间得到培训中心的最新消息。新增的项目，最新的考试培训信息等都可以在网上及时宣传。第三、 范围扩大，遍及全球。网络是无所不在的，上网之广告区域能延伸之全世界每一个角落。学员市场不断扩大，可以遍及全世界每个角落，不管你需不需要，你都会发现网上的学员有可能来自世界各地。1.2系统概述针对培训中心用户提出的一些对网站开发的要求，本网站分为前台和后台两个部分。网站前台实现培训中心信息展示及学员报名，后台实现信息的管理。前台主要功能包括：（1） 培训中心简介：主要包括管理学院的介绍、培训教师的介绍以及教学环境（考试培训机房）的介绍。（2） 科

5、目简介：主要是各类项目的介绍，包括项目下的小类别（模块）、收费标准、宣传图片等。包括科目介绍和费用一览。（3） 学员登录报名：新学员报名，需填入各类资料，并选择报考科目（新报名时，一次只能报考一门）；老学员登陆，可查看自己的信息，并进行修改，也可再行报考其他科目，考试结束后，也可登陆查询自己的成绩，登录后，选择报考的科目，进行成绩查询。（4） 新闻中心：这部分主要是公布一些最新的通知公告。按照新闻的输入时间先后显示培训中心的相关新闻信息，其中所有信息都是以标题显示，若要查看详细信息，点击标题即可进入另一个详细信息的页面。（5） FAQ：这部分主要是总结一些学员经常会咨询的问题，给予解答。（6）

6、 资料下载：这部分功能只提供给交过费用的高级学员，学员网上报名后，现场报名缴费，由管理员开通其权限，提供下载。若未登录或未缴费，均无权限下载资料。（7） 留言板：这部分功能提供给网上报过名的学员，可以自己发表留言，咨询问题，也可查看他人留言。可针对培训中心科目或是其他问题进行咨询。后台主要功能包括：（1） 学员管理：主要包括学员信息管理和学员成绩管理。学员信息管理包括查询学员信息，即根据学员姓名或学员的身份证号查询所需学员信息，提供模糊查询；修改学员权限，即学员现场报名后，修改相应学员的权限，转为高级用户，可让其查看知识点等；修改、删除学员信息；退报考试培训科目，若该学员只报了一门科目，则自动

7、删除该学员信息。学员成绩管理包括对学员成绩的添加、修改和查询等。（2） 科目管理：主要包括添加科目模块和查看修改科目模块。添加科目模块，首先要确定大的项目类别，如是NIT考试，三级培训还是电子政务考试；假如确定为NIT考试，再确定小的模块，是Excel模块还是C语言模块，对于添加的类别，可以上传相应的图片。查看修改科目包括科目的显示，即控制前台首页中“热门考试介绍”的内容，最多为三门，最少为一门；科目的修改，可修改大的项目类别的简介、描述、收费标准等等；也可修改其包含的小类别；科目的删除，若删除大的项目类别，则其下面的小类别全部删除，若删除小类别，则不影响大的项目类别，若该科目或该模块有学员报

8、名，则不能删除；科目的查询，可根据科目的名称进行查询，提供模糊查询；科目中小模块的添加，若模块名称为空，则自动默认科目名称为其模块名称。（3） 信息管理：主要包括新闻中心管理、FAQ问答管理、留言信息管理和相关资料管理。新闻中心管理包括新闻的添加、修改、删除和搜索，搜索新闻可按新闻主题或是新闻内容进行搜索。新闻的添加，一般取系统时间作为添加的时间。FAQ问答管理包括 FAQ的添加、修改、删除和搜索。搜索按照FAQ的问题进行搜索。留言管理包括留言的查看、删除、回复以及查询。管理员可以查看所有的留言，对于与培训咨询无关的或者恶意辱骂的留言可以删除；管理员还可以对留言进行回复，回答学员的问题。可以按

9、照留言标题进行查询。相关资料管理包括资料的上传、修改、删除以及查询。资料的上传，可以上传固定类型的文件，包括rar，doc，jpg，ppt，xls等文件，有大小的限制；资料的修改，主要是指修改资料的名称、上传的内容以及所属科目或是类别，修改时，上传内容若为空，则默认为不修改；资料的删除，删除的资料不可再恢复。资料的查询可按资料名称、所属科目名称或是所属类别进行查询，并提供模糊查询。（4） 友情链接管理： 包括首页面上友情链接的添加、修改和删除。（5） 管理员管理：包括管理员密码的修改。注：该网站的权限共分为四类：游客、普通学员、高级用户、管理员。游客：只能浏览一些简介及动态信息，FAQ；普通学

10、员：已网上报名，未现场报名交费，除游客功能外，还能登陆修改自己的信息，进行留言；高级用户：已现场报名交费，可使用前台所有功能；管理员：可进后台进行管理。1.3系统架构此次开发这个动态网站采用的是TOMCAT+JSP+MSSQL这样一个最佳组合：即WEB服务器为TOMCAT，脚本语言为JSP，数据库系统为MSSQL。 在网页设计中采用的是FrontPage2003，图片编辑用的是Adobe Photoshop等相关的一些图像处理软件。1.3.1 JSPJSP(JavaServer Pages)是由Sun Microsystems公司倡导、许多公司参与一起建立的一种动态网页技术标准，在传统的网页H

11、TML文件(*.htm,*.html)中加入Java程序片段(Scriptlet)和JSP标记(tag)，就构成了JSP网页(*.jsp)。Web服务器在遇到访问JSP网页的请求时，首先执行其中的程序片段，然后将执行结果以HTML格式返回给客户。程序片段可以操作数据库、重新定向网页以及发送 email 等等，这就是建立动态网站所需要的功能。所有程序操作都在服务器端执行，网络上传送给客户端的仅是得到的结果，对客户浏览器的要求最低，可以实现无Plugin，无ActiveX，无Java Applet，甚至无Frame。Microsoft 公司的 ASP 技术也是动态网页开发技术。但为何选用JSP而不

12、是ASP，其中最主要的原因有以下三点：（1）JSP的效率和安全性更高（2）JSP的组件 (Component) 方式更方便（3）JSP的适应平台更广1.3.2 MSSQL2000Microsoft SQL Server2000是一个分布式的关系型数据库管理系统，具有客户机/服务器体系结构，采用了Transact-sql的sql语言在客户机与服务器间传递客户机的请求与服务器的处理结果。它一种应用广泛的数据库管理系统，具有许多显著的优点：易用性、适合分布式组织的可伸缩性、用于决策支持的数据仓库功能、与许多其他服务器软件紧密关联的集成性、良好的性价比等。与以前的版本相比，SQL Server2000

13、强调数据库的可扩展性和可靠性，同时支持更新的Windows版本，更易于使用，支持行锁定、OLAP支持、多个服务器的单控制台管理，并且能管理超过一百万TB的巨大数据量。其主要的新内容有：（1）查询功能的新内容： 数据库最简单的用途是存放数据和根据需要取出数据，即要有快捷而健全的数据库查询引擎。SQL Server查询的改进包括OLE DB支持、异构分布式查询支持、执行并行查询、改进的索引使用和更好的查询分析用户接口。（2）数据存储中的新内容： 多个触发器支持、更大的表格、Unicode支持和行锁定。（3）复制的新内容： SQL Server的一个重要功能是复制，能够使数据库的两个或几个备份实现同

14、步，使一个备份中的改变能反映在其它备份中。支持合并复制、Internet复制、新向导和更好的异构复制支持。（4）管理中的新内容： 易于管理，表现在动态自主管理、设备的消除、通过Microsoft管理控制台进行多站点管理、更多的作业选项等。（5）数据仓库中的新内容： 数据转换服务、微软OLAP服务器、微软数据立体服务、微软数据仓库。（6）其它新内容： 备份改进、bcp改进、安全性改进、Internet改进和微软可视数据库工具。1.3.3 TOMCATTomcat是一个免费的开源的Serlvet容器，它是Apache基金会的Jakarta项目中的一个核心项目。Tomcat的包中的文件按一定目录结构

15、来组织：通常其根目录下包含有Html和Jsp文件或者包含这两种文件的目录，另外还会有一个WEB-INF目录，这个目录很重要。通常在WEB-INF目录下有一个classes目录，包含编译好的Servlet类和Jsp或Servlet所依赖的其它类（如JavaBean）。Tomcat不仅仅是一个Servlet容器，它也具有传统的Web服务器的功能：处理Html页面。但是与Apache相比，它的处理静态Html的能力就不如Apache。我们可以将Tomcat和Apache集成到一块，让Apache处理静态Html，而Tomcat处理Jsp和Servlet。这种集成只需要修改一下Apache和Tomca

16、t的配置文件即可。1.3.4 FrontPage2003之所以选择FrontPage2003，一来因为对FrontPage使用较为熟练，二来FrontPage2003的新功能较为强大。其新功能包含如下：1.自定义浏览器分辨率预览检查 2.层功能 3.代码提示功能1.3.5 图像处理软件在制作页面的同时还要做一些文字和图片的编辑，所以还需配合使用一些相关的图像处理软件。其中我采用的是Adobe Photoshop和Adobe ImageReady软件。其中Photoshop是用来处理静态图片的，对图片进行剪辑、色调处理、拼接以及渲染等，做出漂亮的图片。Photoshop自己的文件格式保存文件，可

17、以同时记录图像文件中的图层、通道等信息，这对以后对图像文件进行修改和编辑非常有用。而ImageReady是用来制作gif的动态图片的，用Photoshop处理好数张图片后，用ImageReady进行帧的设置，做出漂亮的gif动画。虽然使用ImageReady做出的动画效果远远不如Flash，但是，就简单的动画来说，用ImageReady比用Flash要简单得多。第二章 系统分析系统分析是系统开发中最重要，也是最困难的阶段。因为它需要系统分析员和用户在一起，充分了解用户的要求，并把双方的理解用系统说明书表达出来，从而明确新系统需要“做什么”这个关键性问题。2.1 业务流程图每个学员要填写一张报名

18、表，报名表的内容包括姓名、拼音、身份证号、联系电话及所报考的模块等；老师对所填的报名表进行核对，有错误的报名表要重新填写，正确的报名表由老师整理汇总，填写汇总表。学员填写完报名表，缴费确认后，由老师开收据并发放资料。图2.1 业务流程图2.2 数据流程图图2.2为用户（非学员）报名的一个DFD图2.2 首次报名的数据流程图下图2.3为学员再报名的DFD图2.3 再次报名的数据流程图下图2.4为学员修改个人信息的DFD图2.4 个人信息修改DFD下图2.5为学员退报考试培训模块的DFD图2.5 退报DFD第三章 系统设计在系统设计阶段应该做的是回答如何实现系统说明书规定的系统功能，确定系统的实施

19、方案。它包括了总体（概要）设计和详细设计两大部分：总体设计就是将系统划分成模块；决定每个模块的功能；决定模块的调用关系；决定模块的界面。详细设计就是对各个具体任务选择适当的技术手段和处理方法。3.1系统功能模块图前台：后台：3.2 E-R图3.3 数据库设计表1学员信息表(stuInfo)列名数据类型可否为空说明ST_IDIntNot Null学员编号，关键字ST_NameVarcharNot Null学员姓名ST_PYVarcharNot Null姓名拼音ST_IdentityVarcharNot Null身份证号ST_GenderVarcharNot Null学员性别ST_PhoneVar

20、charNull固定电话ST_MobileVarcharNull移动电话ST_PwdVarcharNull学员密码ST_AuthorityVarcharNull学员权限表2科目（大类）信息表 (LsubInfo)列名数据类型可否为空说明SB_LIDIntNot Null科目编号，关键字SB_LNameVarcharNot Null科目名称SB_SimpleNtextNull科目摘要SB_DetailNtextNull科目的详细介绍SB_PicUrlIntNull图片的链接地址SB_DisplayIntNot Null是否显示在首页（1为显示，0为不显示），默认为0表3科目（小类）信息表 (Ss

21、ubInfo)列名数据类型可否为空说明SB_SIDIntNot Null小类科目编号，关键字SB_LIDIntNot Null大类科目编号SB_SNameVarcharNot Null科目名称SB_FeeVarcharNot Null费用表4考试培训信息表 (examInfo) ：列名数据类型可否为空说明ST_IDIntNot Null学员编号，关键字SB_SIDIntNot Null科目编号，关键字EX_MarksFloatNull考试成绩表5新闻信息表 (newsInfo)列名数据类型可否为空说明NW_IDIntNot Null新闻编号，关键字NW_TitleNtextNot Null新闻

22、标题NW_DetailNtextNull新闻内容NW_ReadIntNot Null阅读次数，默认为0NW_DateDatetimeNull添加时间表6 FAQ信息表 (faqInfo)列名数据类型可否为空说明FAQ_IDIntNot NullFAQ编号，关键字FAQ_AskNtextNot Null问题FAQ_AnswerNtextNot Null回答表7留言板信息表(messageInfo)列名数据类型可否为空说明MSG_IDIntNot Null留言编号，关键字MSG_TitleNtextNot Null留言标题MSG_DetailNtextNot Null留言内容MSG_BackNte

23、xtNull管理员回复内容ST_IDIntNot Null学员编号MSG_DateDatetimeNot Null留言时间表8友情链接信息表 (linkInfo)列名数据类型可否为空说明LK_IDIntNot Null链接编号，关键字LK_NameVarcharNot Null链接名称LK_UrlVarcharNot Null链接地址表9资料信息表 (DocumInfo)列名数据类型可否为空说明DOC_IDIntNot Null资料编号，关键字DOC_NameVarcharNot Null资料名称，网页上显示DOC_UpnameVarcharNot Null服务器上文件的名称SB_LIDInt

24、Not Null科目名称DOC_ClarifyVarcharNot Null资料类别DOC_DownIntNot Null下载次数，默认为0第四章 主要模块的实现和技术4.1 前台设计根据用户要求，这个培训中心的网站的主要目的是网上报名以及信息发布，所以前台的页面采用简洁的方案，以蓝色色调为主，配以各式动态和静态的图片，以求让每一个打开此网页的用户都有一种整齐、干净的感觉。下图4.1即为培训中心网站的首页。图4.1 培训中心网站的首页4.1.1网上报名网上报名部分，采用了表单形式，用户输入个人信息以及所报考的科目，如图4.2，点击“下一步”，即到图4.3，选择所要报考的模块，点击“提交”，即可

25、报名。报名部分我采用了比较强的容错设置，比如：带*号的文本框必须填写，姓名必须填写中文，拼音必须为英文字母，固定电话和移动电话必须为11位数字等等。由于报名考试的学员身份证号码决不能出现差错，所以对身份证号码的容错做得最为详尽。首先判断身份证号码的位数为15或18位；再判断身份证号码与所选的性别是否相符（15位的身份证号码取末位，18位的身份证号码取倒数第二位，若为奇数，则为男，若为偶数，则为女）；最后判断身份证号码中的出生年月日是否符合常规（年份为1900至2000，月份为1至12，日则根据月份来判断，若为1、3、5、7、8、10、12月，为1至31；若为4、6、9、11月，为1至30；若为

26、2月，则判断是否为闰年，若为闰年，为1至29，否则为1至28）。图4.2 网上报名图4.3 报考模块选择当填写出错时，采取了不同的报错，以利于用户更改自己的错误填写。若有空格未填写，则报错如图4.4，若输入不符合要求，则报错如图4.5，其中身份证号码的报错比较复杂，如图4. 6、4. 7、4.8。 图4.4 图4.5 图4.6 图4.7 图4.8当用户所填的身份证号码已存在，而所填其他信息与已存在的信息不符时，出现提示（图4.9），若所填其他信息均符合时，则判断所报模块，该学员是否已经报过，若报过，则出现提示（图4.10）。图4.9图4.10若为第一次报名，则告知学员编号及初始密码（图4.11

27、），若非第一次报名，则提示需现场报名后方可拥有更多权限（图4.12）。图4.11图4.124.1.2学员信息报名后，学员就可以登录培训中心的网站（图4.13），可以查看自己的信息、修改自己的信息、修改密码、退报模块、查询成绩以及再报一门考试培训。其中修改信息时的容错设置与报名时的相同；修改密码时需确认所输入的新密码；退报模块时需注意，如果该学员只报有一门模块，退报则会删除此学员的全部信息（图4.14）；查询成绩时，报名的考试培训均有显示，若已有成绩，则显示为成绩，若未有成绩的，则显示为0分。图4.13图4.144.1.3留言板留言板是为了方便学员有问题提问时使用的。留言栏包括学员姓名，用头像来

28、显示学员的性别，显示留言标题、内容以及留言的时间（图4.15）。游客可以查看留言，但没有权限留言（图4.16）；学员留言时，需要填写标题和内容（图4.17）。图4.15图4.16图4.174.2 后台设计由于前台采用了蓝色色调，所以后台我仍然选用了以蓝色色调为主，以与前台一致，后台我设计了一个登录界面（图4.18），简单整齐，方便管理员登录。登录进去后，是培训中心的后台管理界面（图4.19）。左面为导航条，右面为主界面。图4.18图4.194.2.1学员管理学员管理包括学员信息管理和学员成绩管理。学员信息管理（图4.20）包括查询学员信息、查看学员信息、修改学员信息、删除学员信息、退报学员模块

29、、以及学员权限的设置。查询学员信息，可按照学员姓名和身份证号查询，包括模糊查询。浏览页面包括学员的密码，若某学员忘记了自己的密码，管理员可帮他查看。修改学员信息的容错设置同报名时一样。学员权限的设置主要用于学员现场报名后，管理员将学员权限由普通学员升级为高级学员，学员升级为高级学员后，就具有下载的权限了。学员成绩管理，包括添加修改成绩（图4.21）和搜索成绩。添加成绩时，选择科目进行添加。搜索成绩时，可只按照学员ID搜索，即搜索该学员所有报名的科目成绩；也可只按照考试科目搜索，即搜索该科目所有学员的成绩；也可以选择学员ID和考试的科目来搜索该学员该科目的成绩。若无该学员报该科目，则报错“该科目

30、没有学员报名！” ；若该学员未报该科目，则报错“该学员没有报该科目！” 。4.2.2科目管理科目管理包括添加科目模块（图4.22）和查看修改科目（图4.23）。添加科目模块时可以上传该科目的图片（图4.24），图片上传成功后按“返回”，将图片路径返回至上传文本框，科目简述和科目详述可以不填写。查看修改科目，包括显示科目，即该科目是否在首页面上显示出来，首页面最多显示三门，最少显示一门；修改科目模块；删除科目模块，若删除科目，则该科目下的模块一并删除，若删除模块，则不影响其科目，但如果该科目只有此一个模块，则不能删除该模块（图4.25）；添加模块（图4.26）时，若模块名称为空，则默认为科目名称，添加时，如果科目名称或模块名称重复，则不能添加（图4.27）。图4.20图4.21图4.22图4.23图4.24图4.25图4.26图4.274.2.3信息管理信息管理，包括新闻中心管理（图4.28）、FAQ问答管理（图4.29）、留言信息管理（图4.30）、相关资料管理（图4.31）。图4.28图4.29图