基于 JavaWeb 的学院党费缴费系统

第 1 章绪论

1.1 项目背景

当今互联网发展及其迅速，互联网的便利性已经遍及到各行各业，惠及到每一个人，传统的缴费方式都需要每个人前往缴费点陆续排队缴费，不仅浪费大量了个人时间，而且也浪费了大量的公共资源，运用缴费系统可以很好的方便缴费用户在任何时间任何地点缴上费用，非常的便捷，方便！而且管理员也可以很直观，方便的管理用户和缴费信息及统计数据。

1.2 项目开发意义

网络的发展惠及到每一个人，也改变了每个人生活节奏和方式。带来了大量的便捷，只需一个按键，就可以完成以前甚至需要排队一天才可以完成的事情，本项目开发的学院党费缴费系统，不仅可以方便用户及时的缴费，而且也使管理员可以及其方便的管理用户和直观的查看用户缴费信息和数据统计等。

1.3 开发技术及开发环境

本次系统所采用的服务器开发技术是 JSP 以及 MySQL，开发工具为 eclipse，在前端采用了 Bootstrap 前端框架和 jQuery 插件库。全局采用 AJAX 技术进行通讯修改。

1.3.1JSP

JSP（全称 JavaServerPages）是由 SunMicrosystems 公司主导创建的一种动态网页技术标准。JSP 部署于网络服务器上，可以响应客户端发送的请求，并根据请求内容动态地生成 HTML、XML 或其他格式文档的 Web 网页，然后返回给请求者。JSP 技术以 Java 语言作为脚本语言，为用户的 HTTP 请求提供服务，并能与服务器上的其它 Java 程序共同处理复杂的业务需求。

1.3.2MySQL

MySQL 是一个关系型数据库管理系统，由瑞典 MySQLAB 公司开发，属于 Oracle 旗下产品。MySQL 是最流行的关系型数据库管理系统之一，在 Web 应用方面，MySQL 是最好的 RDBMS(RelationalDatabaseManagementSystem，关系数据库管理系统)应用软件之一。

1.3.3Eclipse

Eclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括 Java 开发工具（JavaDevelopmentKit，JDK）。

1.3.4Bootstrap

Bootstrap 是美国 Twitter 公司的设计师 MarkOtto 和 JacobThornton 合作基于 HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。Bootstrap 提供了优雅的 HTML 和 CSS 规范，它即是由动态 CSS 语言 Less 写成。Bootstrap 一经推出后颇受欢迎，一直是 GitHub 上的热门开源项目，包括 NASA 的 MSNBC（微软全国广播公司）的 Breaking News 都使用了该项目。[1]国内一些移动开发者较为熟悉的框架，如 WeX5 前端开源框架等，也是基于 Bootstrap 源码进行性能优化而来。

1.3.5jQuery

jQuery 是一个快速、简洁的 JavaScript 框架，是继 Prototype 之后又一个优秀的 JavaScript 代码库（或 JavaScript 框架）。jQuery 设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装 JavaScript 常用的功能代码，提供一种简便的 JavaScript 设计模式，优化 HTML 文档操作、事件处理、动画设计和 AJAX 交互。

第 2 章系统分析

2.1 系统可行性分析

开发一个系统前是需要进行系统可行性分析的，通过可行性分析我们可以知道该系统是否可以受益进而判断系统是否值得开发，还可以知道系统开发过程中可能存在的问题是否值得去解决进而得知原先设计的系统的模型和目标是否可以实现。

2.1.1 系统技术可行性

本次的学院党费缴费系统采用了比较实用的 Java 语言、JSP 开发框架和 MySQL 数据库进行开发。我们在选择数据库工具时，关系型数据库系统是相对成熟的，有很多的数据库系统，如 SQLServer，Access2003 等采用这种技术。我的设计根据实际情况来选择的，Eclipse 是 Java 语言常使用的一个集成开发工具，当然其他的也可以，但是我看中是其依赖 JSP 平台的稳定，安全，便携性的优点而成为首选的系统开发工具。因为我比较熟悉 MySQL，因此选择它作为数据库工具。

2.1.2 系统经济可行性

系统的开发成本之间的关系，以及新的系统可能是利益之间的权衡，只有在充分考虑了它们之间的关系，我们才能够考虑系统在经济上的可行性。本次的学院党费缴费系统开发基本不需要资金，系统开发只需要在个人笔记本上操作即可，开发软件都是免费的，只要拥有一台个人电脑就可以，因此在经济上是可行的。

2.1.3 系统操作可行性

本次的学院党费缴费系统用于方便用户及时、随时的缴党费，所以核心功能是缴费，还有就是要方便管理员管理普通用户和对数据有及时直观的缴费统计。

2.2 系统需求分析

本次的学院党费缴费系统需要满足普通用户和管理员两种用户，对于普通用户，需要提供注册、登录、修改个人信息和缴费等信息；对于管理员，需要满足对于个人信息的修改、对缴费项目的管理、对普通用户的管理、对学院的管理等功能。

2.3 系统功能组成

通过对学院党费缴费系统的需求分析可知道，在开发学院党费缴费系统的时候应该将系统分为前台系统和后台管理系统。

1)学院党费缴费系统的前台

对于系统的前台开发要考虑到一些不太懂电脑操作的游客，所以前台系统的设计要易于操作。前台系统的主要功能要实用，应该包括自助注册、自助登录、自助修改信息和缴费等功能。

前台系统模块如图 1。

图 1 前台系统模块图

2)学院党费缴费系统后台

学院党费缴费系统是为管理员提供的管理后台，需要和普通用户进行分辨，提供基础的登录和信息修改功能，除此之外，还需要添加管理系统，包括但不限于用户管理、缴费管理、学院管理、信息统计等。

后台系统管理模块如图 2。

图 2 后台管理模块

2.3 系统功能模块分析

2.3.1 前台系统功能分析

1)登录模块

用户访问该站点，默认是未登录状态，所以此时需要为用户提供登录功能，登录进系统，然后使用其余功能，是一切功能的前提。

2)注册模块

对于注册模块，可能会出现新用户需要访问，但是没有自己账号的，此时就需要提供注册功能为这些用户提供注册账号的功能。

3)用户信息修改

对于用户个人中心，需要为用户提供自助修改姓名、密码等个人信息功能方便对用户的安全性和个性化提高保证。

4)缴费模块

对于缴费模块，用户可以查看当前需要缴费的订单和历史已经缴费过的订单，并可以直接点击进行缴费。

2.3.2 后台系统功能分析

1)登录

管理员与普通用户共同使用同一个登录页面，根据用户名来判断是管理员还是普通用户，借此跳转到不同的页面。

2)个人信息模块

对于个人信息模块，用于管理员修改自己的基本信息，例如姓名和密码等，可以有效的保证后台系统的安全性。

3)缴费管理模块

对于缴费管理模块，用于提供给管理员发起缴费订单，和查看缴费统计等功能，管理员可以自主选择订单的标题、金额、按学院筛选等

4)用户管理模块

对于用户管理模块，用于管理员对普通用户进行管理，包括对用户的增加、删除、按指定规则搜索和修改用户信息等功能。

5)学院管理模块

对于学院管理模块，用于管理员对学院信息进行管理，因为学院不止一个且学生分属不同的学院，包括对学院的增加、删除、修改学院名称和搜索等。

第 3 章系统设计

3.1 系统结构设计

学院党费缴费系统包括前台系统和后台管理系统。前端功能包括用户信息修改、缴费管理等；后台包括管理员信息修改、学院信息修改、订单管理、用户管理等功能。角色分为普通用户与管理员。

本系统的系统总体功能结构设计如图 3。

图 3 系统总体功能结构

3.2 系统数据库设计

3.2.1 系统实体图

在设计数据库的时候，首先应该知道系统要存储那些事物的信息，然后再确定这些事物间的相互关系，这些事物就是实体——表示数据库中描述的现实世界中的对象或概念[6]。

学院党费缴费系统的实体图，如图 4、图 5、图 6 和图 7。

图 4 用户图

图 5 缴费列表

图 6 学院信息

图 7 订单信息

3.2.2 系统 E-R 图

E-R 图是用来描述现实世界的概念模型，也称为实体-联系图，提供了表示实体类型、属性和联系的方法[6]。各实体关系联系图，如图 8

图 8 各实体关系联系图

3.2.2 系统数据表设计

本系统创建的 SQL 数据库名称为 DataManage。通过对系统功能分析可知，本系统主要包括以下表 1、表 2、表 3 和表 4。

表 1 用户(user)表

表 2 学院信息(class)表

表 3 缴费信息(works)表

表 4 缴费订单(detail)表

第 4 章系统实现

4.1 系统实现的技术

学院党费缴费系统采用的是 JSP+ajax 技术，整体逻辑架构如图 9

图 8 系统架构

网站访问时默认访问 JSP 页面，经过 JSP 和 HTML 渲染后输出到浏览器端，再与用户交互后由 js 通过 AJAX 技术与 JSP 中的 servlet 交互，并实时反馈给浏览器端。前端采用和 Bootstrap 框架和 jQuery 插件库。

4.2 用户系统的实现

学院党费缴费系统的前台主要有主页面（index.jsp）、个人用户中心页面（user.jsp）、订单详情页面（detail.jsp）等。

index.jsp 是默认页面，用于给访问用户提供注册和登录的功能，之后经过正确验证后跳转到个人中心页面，见图 9。

图 9 首页

个人用户中心页面是展示当前登录用户的信息等的一个页面，可以用于用户查看和修改个人信息，见图 10。

图 10 个人信息页面

订单信息页面用于展示当前用户需要缴纳的缴费订单和历史已经完成缴费的订单，见图 11。

图 11 用户订单

4.3 管理员后台系统的实施

系统后台是从管理者的角度设计的。对于首页模块，系统根据数据库表中的 usertype 字段来判断当前用户是管理员还是普通用户，如果是管理员则跳转到管理员的后台页面。此时也会添加标识至 session 存储。

管理员后台可以修改当前管理员的个人信息，例如姓名、密码等，可以有效的保证系统的安全，见图。

图 12 管理员个人信息

对于用户，管理员可以自定义添加用户（图 13），搜索指定用户（图 14）和修改用户的信息（图 15）及删除指定用户。

图 13 管理员新增用户

图 14 筛选用户

图 15 修改用户信息

对于学院信息，管理员可以自定义的添加学院（图 16）、修改学院姓名（图 17）和删除指定学院。

图 16 新增学院

图 17 修改学院名称

对于缴费信息，管理员可以发起指定的一次缴费任务（图 19），自定义的添加任务的标题，详细介绍和任务需要缴纳的金额及要发送给的学院名称。

图 18 缴费任务列表

图 19 新增缴费

4.4 代码设计

数据库设计

本次系统对应数据库进行设计了 4 个基本模型，分别为：user、works、detail、class，其中字段与数据库一一对应。

Servlet 设计

表 5servlet 表

页面设计

第 5 章系统测试

系统完成后并不可以直接拿来使用，需要经过测试成功才可以。测试软件的方法有很多种，但基本可分为黑盒测试和白盒测试两类。黑盒测试又叫功能测试，用户是不可见的，对程序员可见。白盒测试又叫性能测试，对所有人都可见。

因用户所见只是系统的功能，所以本系统采用的测试方法为黑盒测试[11]。此次测试的目的是为了发现系统的功能模块存在的缺陷。主要测试该系统的功能是否存在不确定的地方或是系统功能是否存在遗漏；数据库具体操作是否存在错误；系统界面是否符合要求等。以下用用户登录为例进行登录功能测试。

测试用例 1：

用户名输入 123456，密码输入 123456，结果登录成功，跳转到用户页

测试用例 2：

用户名输入 123456，密码输入 321，结果登录失败。

测试用例 3：

用户名输入 10001，密码输入 123456，结果登录成功，并且跳转到管理员后台页面。

通过实践中的测试，虽然该系统的功能不是很完善，但是该系统的基本功能存在错误，测试的基本结果显示良好。

第 6 章总结

本次开发的学院党费缴费系统是一个动态网页，本次开发的学院党费缴费系统是一个动态网页，采用了 JSP 作为开发语言。学院党费缴费系统在设计完成之后进行了一系列的测试，测试结果显示良好。通过本系统，普通用户可以自助注册、登录、查询缴费信息并自主发起缴费。管理员可以在管理员专属页面查看注册用户信息，并且可以自己添加用户和修改用户信息，对于缴费信息，管理员也可以自助发起缴费任务。非常的方便且简洁。

当然，本次的系统并不算非常完善，虽然已经实现了基本的需求，并且运行过程中并无致命缺陷，但是还有许多需要完善和需要改进的地方，比如可以给管理员添加数据统计的图表数据和导出数据的功能，这次的课程设计是本人首次自己使用 JSP 开发一个完整的系统，由于能力的不足和经验的缺乏，导致系统功能简单还有一些不足。不过，我相信，只要平时认真踏实学习编程知识，再通过做项目不断的积累经验，将来在开发系统方面我一定会越做越好。

参考文献

[1]明日科技.JavaWeb 从入门到精通[M].北京：清华大学主板社,2012.

[2]秦琦.便利店库存管理系统的设计与实现[D].长春：吉林大学,2019.

[3]张国权.JavaWeb 程序设计实战[M].上海;上海交通大学出版社,2019.

[4]晚空.系统构建[EB/OL].https://www.mmifx.com/?post=73,2020.