软件131web大实验.docx

软件131web大实验.docx

《软件131web大实验.docx》由会员分享，可在线阅读，更多相关《软件131web大实验.docx（9页珍藏版）》请在冰豆网上搜索。

软件131web大实验

淮海工学院计算机工程学院

课程设计报告

设计名称：

基于Web的校友会系统

姓名：

王裕学号：

2013122870

专业班级：

软件131

系（院）：

计算机工程学院

设计时间：

2016.11.21——2016.12.9

设计地点：

计算机机房206

指导教师评语：

成绩：

签名：

年月日

1．课程设计目的

WEB应用技术课程设计是计算机软件工程专业的一个综合性实践教学环节，其目的在于促进学生复习和巩固计算机软件设计知识，加深对软件设计方法、软件设计技术和设计思想的理解，并能运用所学软件设计知识和WEB工程技术进行综合软件设计，通过本课程设计让学生进行简单WEB应用软件系统的开发，掌握软件设计的方法和面向对象程序设计的基本技术，提高学生在软件开发方面的综合应用能力。

2．课程设计任务与要求：

具体要求如下：

（1）系统目标：

本系统可为学校的同届毕业生提供通讯录管理、财务公开信息管理、公告信息管理等功能，便于为成员提供信息公开的平台。

本系统只为一届校友会提供服务。

（2）系统输入数据：

会员信息（班级、姓名、网名、性别、生日、手机、电话、QQ、EMAIL）

财务信息（项目名称、收支类型、经手人、备注）

公告信息（公告标题、公告内容、发布人、发布时间

（3）系统输出数据：

会员可查询其他成员的通讯信息。

可单个查看，也可生成全部成员的通讯录报表。

会员可浏览公告信息。

会员可查询校友会财务收支信息，查看财务余额，也可查看以季度、年度为时间单位的财务收支统计报告。

（4）系统功能要求：

学生可预订空闲设备，可删除自己的设备预订信息。

管理员可删除自己管理的实验室、实习室设备预订信息。

（5）系统实现要求：

可使用任意WEB程序设计技术。

可使用任一种关系型数据库技术（只能选一种方式）。

3．课程设计说明书

3.1需求分析

3.1.1研究背景

社会在不断进步和发展，对高校的要求也在不断加强。

由于校友分布区域广泛、所属行业种类繁多，仅靠在校教职工通过人工走访的方式收集和发布信息效率有限，且对校友后续事宜缺乏有效跟踪处理，因此，建立一套富有成都学院特色的校友网络系统迫在眉睫，不仅可以实现人力、物力和财力的节约，而且可以通过信息化建设提高工作效率。

淮海工学院毕业生已近二十万人，数据存储信息量较大，对于校庆时高峰期点击应用的系统反应速度和时间要求较高，我们在设计本校友网络系统的时候对系统物理架设、网络拓扑、负载平衡、数据存放、系统功能完善等各方面进行了综合考量。

同时，对系统开发过程中的技术重点和难点进行了仔细研究，为实现本系统打下了良好的基础，也为校庆三十六周年校友广泛交流搭建了良好的沟通平台，为凝聚广大校友感情和联系起到了积极的作用。

3.2详细设计

3.2.1系统主要功能

校友会管理系统需要实现以下三个个子系统

（1）校友通讯管理子系统

对应的模块有

■通讯录编辑■通讯录查询

（2）公告管理子系统

对应的模块有

■公告发布■公告查询

（3）财务管理子系统

对应的模块有

■财务新增■财务查询

3.2.2用户与角色

用户：

管理员及校友

●管理员：

所有使用该平台的教职工。

例：

淮海工学院计算机工程学院软件工程系的张三

●学生：

所有使用该平台的校友。

例：

淮海工学院计算机工程学院软件工程系13级2班的王伟

角色：

管理员、普通校友

●系统超级管理员：

主要负责对系统的初始化和对系统进行管理

●实验室管理员：

具有实验室管理、设备管理、综合查询的权限

3.2.3系统管理模块

系统管理模块包括财务管理，公告管理，通讯录管理

只有获得系统管理员的权限，才能对财务进行新增，才能发布公告

普通用户能够进入后台，但是只能浏览，无法操作

财务管理

新增财务信息；输入经手人，选择经手类型，输入金额，输入备注

财务查询；以列表的形式显示所有财务信息

通讯录管理

新增通讯信息添加校友信息

通讯录查询查询所有校友的信息

公告管理

公告发布新增公告内容

公告查看查看最新公告

3.3数据库设计

财务管理子系统E-R图（部分）：

●如下图所示：

图3.1财务管理E-R图

●通讯录E-R图如下图所示：

图3.2通讯录E-R图

4．课程设计成果

4.1通讯录管理

用户可以登录后进入通讯录的主页面，如下图所示

图4.1校友会管理系统登录首页

4.2系统设计

本系统采用的B/S和三层架构技术，完成校友相关信息管理等功能平台，需要在网络架设时对网络拓扑结构有所设计，整个网络采用内外网共用的方式实现。

从图3-1可以看出PC连接请求经过交换机之后，途经路由器，进入到校园网防火墙，验证合格后可以连接到服务器。

当服务器响应PC请求之后，可为客户机提供信息，服务器端存有相关用户信息和其他数据，见图系统网络拓扑结构所示。

4.3通讯录校友信息查询

这一功能可以帮助用户快速了解校友的的相关信息。

若只想了解特定的一个校友信息则只需在输入框里输入校友的名称进行查询，若想了解按字符排序的校友，则可以进行按字段排序。

如图4.2。

图4.2通讯录信息查询

4.4通讯录校友信息录入

这一功能可以帮助管理员进入信息录入，由于时间有限，实验此处采用的是mysql语句的插入，以及对相应数据进行修改删除操作

图4.3通讯录录入

5.课程设计心得

维持三周的课程设计终于结束，这次web的课程设计中学习到了很多，通过这次的课程设计，检验和巩固了我平时所学的知识，让我知道了平时学习中的不足，教会了我如何去完整地完成简单的系统。

 本次课程设计我是负责页面设计和通讯录管理的部分，页面设计，是采用现在较为流行的框架布局，即登录界面居中显示，主页面左起排列，页面内容在中间显示，在此过程中，首页的的图片显示运用了JS技术，即图片的滑动显示，而通讯录的管理，之实现了查询功能，对于通讯录的编辑功能未能实现，而是通过mysql的CMD命令进入，进入语句的插入和删除，而通讯录信息则使用了按字符顺序的优先级，可以对信息进行再拍下，至于具体操作，则在com,sm,www,serive和usercontroller两个包里面有体现，另外，通讯录的查询，是对登录用户全部开放的，并没有像财务信息中新增财务信息那样，因为校友信息的管理工作是校友工作的重要组成部分，也是校友工作赖以推进的重要基础，只有管理员才有权限查询，所以也体现了校友会的服务校友的目的。

另外对于登录用户的识别是对页面设计的一个考验，即框架内的信息交互的不冲突的，两种身份，即平台用户和管理员，其实打开的页面是相同的，这个课程设计做的比较浓缩，不过好在基本的功能都有，本系统采用的B/S和三层架构技术，完成校友相关信息管理等功能平台，需要在网络架设时对网络拓扑结构有所设计，整个网络采用内外网共用的方式实现。

com,sm,www,utils包里则是对整个页面中出现的字体进行统一安排，通过接口的形式实现了对各个功能，特别是财务管理和公告发布的统一安排，分别以列表和和空框的形式来读取显示数据，另外我对本次设计中出现的所有的流程图和架构图进行了编写和勾画，校友会管理系统分为三个主模块，即通讯录管理模块，公告管理模块，以及财务信息模块，另外对于各个用户的权限进行了区分，即管理员可以进行发布公告，新增财务，查询财务，而平台用户只能查询而已，另外通过对E-R图的勾画，可以清楚的把本次所需的数据已经实际实现的数据进行显示，即对财务信息，只有经手人，签订数据，金额，收支类型，当前金额，以及活动备注实现了，而会员信息就只有昵称，账号类型，手机姓名，班级实现了，公告信息则是代表性的标题和内容，本次课程设计运用了Java和HTML以及JS的相关技术，会员部分mysql语句的操作，可以是一次综合度比较高的课程设计，跟以往不同的是这次主要运用的是主流框架的技术，并不是，往常的那种hibernate之类的框架，兼容性的各方面有了很好的提升，在备战考研的过程中，能够通过本次课程设计对所学的web知识以及数据库进行一次全面的回顾也是挺好的，但是想学的太多，所以，只能做到这样了，非常感谢在此过程中，老师的理解和帮助和组员的共同努力，一起完成这个考研前的最后一个课程设计，时间并不是太长，但是收获也是有的，那就是理论知识丰富的基础上还是要多动手，等考试结束会加强这方面的训练的