基于微信小程序的警务辅助人员管理系统的设计与实现

摘 要

随着计算机技术的成熟，互联网的建立，如今，PC平台上有许多关于警务辅助人员管理方面的应用程序，但由于使用时间和地点上的限制，用户在使用上存在着种种不方便，而开发一款基于微信小程序的警务辅助人员管理系统，能够有效地解决这个问题。
本警务辅助人员管理系统采用WXML 、WXS、JS小程序编写语言、微信开发者工具进行微信端开发，使用MYSQL数据库进行储存系统数据，以微信为入口的，具有快捷、轻便的特点，不占内存，不用下载、安装，而且访问速度很快。系统界面良好，操作简单方便，通过系统概述、系统分析、系统设计、数据库设计、系统测试这几个部分，详细的说明了系统的开发过程，最后并对整个开发过程进行了总结，实现了警务辅助人员管理的重要功能。
“操作简单，功能实用”这是本软件设计的核心理念，本系统力求创造最好的用户体验。

关键词：警务辅助人员管理；微信开发者工具；微信小程序；MYSQL数据库

ABSTRACT

With the maturity of computer technology and the establishment of the Internet, nowadays, there are many applications related to the management of police assistants on the PC platform. However, due to the restrictions on the time and place of use, there are various inconveniences in the use of users. The development of a police assistant management system based on WeChat applet can effectively solve this problem.
This police assistant management system uses WXML, WXS, JS applet programming language, WeChat developer tools for WeChat terminal development, uses MYSQL database to store system data, and uses WeChat as the entry point. It is fast and portable, and does not account for The memory does not need to be downloaded or installed, and the access speed is very fast. The system interface is good, and the operation is simple and convenient. Through the system overview, system analysis, system design, database design, and system testing, the development process of the system is explained in detail. Finally, the whole development process is summarized to realize the alarm The important function of supporting personnel management.
“Easy operation, practical function” is the core concept of this software design, this system strives to create the best user experience.

Keywords: Police assistant management; WeChat developer tool; WeChat applet; MYSQL database

目 录

1 绪 论 1
1.1研究背景 1
1.2研究现状 1
1.3研究内容 2
2系统关键技术 3
2.1 微信小程序 3
2.2微信Web开发者工具 3
2.3微信小程序API接口 3
2.4 WXML 、WXS、JS小程序编写语言 4
2.5 MYSQL数据库 4
3系统分析 1
3.1可行性分析 1
3.1.1 技术可行性 1
3.1.2经济可行性 1
3.1.3操作可行性 1
3.1.4法律可行性 2
3.2系统性能分析 2
3.3 系统功能分析 2
3.3.1警务员功能分析 2
3.3.2管理员功能分析 3
3.4用户体验需求分析 3
3.5系统流程分析 4
3.5.1注册流程 4
3.5.2登录流程 4
3.5.3录入信息流程 5
4系统设计 6
4.1系统设计要求 6
4.2系统开发流程设计 6
4.3系统结构设计 6
4.4数据库设计 7
4.4.1数据库E-R图设计 7
4.4.2数据库表设计 9
5 系统的实现 12
5.1警务员功能模块的实现 12
5.1.1警务员登录界面 12
5.1.2首页界面 12
5.1.3公告信息界面 13
5.1.4任务信息界面 14
5.1.5出勤信息界面 14
5.1.6考勤信息界面 15
5.2管理员功能模块的实现 16
5.2.1管理员登录界面 16
5.2.2警务员管理界面 16
5.2.3公告信息管理界面 17
5.2.4任务信息管理界面 17
5.2.5出勤信息管理界面 18
5.2.6考勤信息管理界面 18
6系统测试 20
6.1测试定义 20
6.2测试的重要性 20
6.3测试方案 21
6.4测试结论 22
结 论 1
参考文献 2
谢 辞 3

1 系统设计

4.1系统设计要求
（1）可用性。目标系统功能齐全，能够完全满足警务辅助人员管理的需求。
（2）可靠性。能连续准确的处理业务，有较强的容错能力。
（3）保密性。保证系统的物理安全、数据存储和存取的安全与保密、数据传输的安全与保密，做好使用人员的授权管理。
（4）可理解性。用户容易理解和使用该系统。
（5）可维护性和适应性。系统应易于修改、易于扩充、易于维护，能够适应业务不断发展变化的需要。
4.2系统开发流程设计
在开发本基于微信小程序的警务辅助人员管理系统时，首先进行需求分析，进而对系统进行总体的设计规划，设计系统功能模块，数据库的选择等，本系统的开发流程如图4-1所示

图4-1 系统开发流程图
4.3系统结构设计
系统结构设计是将一个庞大的任务细分为多个小的任务的过程，这些小的任务分段完成后，组合在一起形成一个完整的任务。本基于微信小程序的警务辅助人员管理系统结构图如图4-1所示。

图4-2 系统功能模块图
4.4数据库设计
一个好的数据库可以关系到程序开发的优劣，数据库设计离不开表结构的设计，还有表与表之间的联系，以及系统开发需要设计的数据表内容等信息。在进行数据库设计期间，还是需要多花时间进行考虑，最终设计出配套程序的数据库出来。
4.4.1数据库E-R图设计
本基于微信小程序的警务辅助人员管理系统采用的是MYSQL数据库，数据存储快，因为警务辅助人员管理系统，主要的就是对信息的管理，信息内容比较多，这就需要好好的设计一个好的数据库，分类要清楚，不能添加信息的时候，造成信息太过混乱，设计好的数据库首先就需要先把各个实体之间的关系表达明确，下面我们用E-R图来具体表示。
E-R图是一种描述显示数据类型间的关系的数据描述方法，E-R图可以完整地映射出现实模型的关系。E-R图中的三个最为重要的元素就是实体、属性、关系。E-R图即由这三点组成。本基于微信小程序的警务辅助人员管理系统的E-R图如下所示：
1、管理员实体属性图如图4-3所示

图4-3 管理员实体属性图
2、警务员体属性图如图4-4所示

图4-4 警务员实体属性图
3、出勤实体属性图如图4-5所示

图4-5 出勤实体属性图
4、公告实体属性图如图4-6所示

图4-6 公告实体属性图
5、考勤实体属性图如图4-7所示

图4-7 考勤实体属性图
6、任务实体属性图如图4-8所示

图4-8 任务实体属性图
4.4.2数据库表设计
本基于微信小程序的警务辅助人员管理系统采用MYSQL数据库，数据库的功能主要是存储网站中所有数据，以便进行操作。关于数据库中的数据表如下：
表4-1 users管理员信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
yonghuming 用户名 varchar(100) 允许空
mima 密码 varchar(100) 允许空
role 角色 varchar(100) 允许空
addtime 新增时间 timestamp 允许空

表4-2 jingwuyuan警务员信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
jingwuhao 警务号 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空 mima 密码 varchar(200) 允许空
xingbie 性别 varchar(200) 允许空
touxiang 头像 varchar(200) 允许空
lianxifangshi 联系方式 varchar(200) 允许空

表4-3 chuqinxinxi出勤信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
jingwuhao` 警务员 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
touxiang 头像 varchar(200) 允许空
chuqinshijian 出勤时间 datetime 允许空
chuqinleixing 出勤类型 varchar(200) 允许空
beizhu 备注 varchar(200) 允许空
userid 用户编号 bigint(20) 允许空

表4-4 gonggaoxinxi公告信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
biaoti 标题 varchar(200) 允许空
tupian 图片 varchar(200) 允许空
gonggaoneirong 公告内容 longtext 允许空
faburiqi 发布日期 date 允许空

表4-5 kaoqinxinxi考勤信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
jingwuhao 警务员 varchar(200) 允许空 xingming 姓名 varchar(200) 允许空 touxiang 头像 varchar(200) 允许空 kaoqinzhuangtai 考勤状态 datetime 允许空 kaoqinriqi 考勤日期 varchar(200) 允许空
beizhu 备注 varchar(200) 允许空
userid 用户编号 bigint(20) 允许空

表4-6 renwuxinxi任务信息表
列 名 说 明 类 型 ( 长 度 ) 备 注
id 编号 bigint(20) 不允许空,主键
addtime 创建时间 timestamp 允许空
jingwuhao` 警务员 varchar(200) 允许空
xingming 姓名 varchar(200) 允许空
touxiang 头像 varchar(200) 允许空
renwuxiangqing 任务详情 longtext 允许空
riqi 日期 date 允许空

2 系统的实现

5.1警务员功能模块的实现
5.1.1警务员登录界面
警务员在登录界面可输入用户名和密码进行登录系统，警务员登录界面展示如图5-1所示。

图5-1 警务员登录界面图
5.1.2首页界面
警务员登录后进入系统首页，首页界面展示如图5-2所示。

图5-2 首页界面图
5.1.3公告信息界面
警务员在公告信息界面可查看所有公告信息，并可查看详情，公告信息界面展示如图5-3所示。

图5-3 公告信息界面图
5.1.4任务信息界面
警务员可进入任务信息界面查看个人任务信息，并可查看详情，任务信息界面如图5-4所示。

图5-4 任务信息界面图
5.1.5出勤信息界面
警务员可管理个人出勤信息，并可添加出勤信息，出勤信息界面如图5-5所示。

图5-5 出勤信息界面图
5.1.6考勤信息界面
警务员在考勤信息界面可查看个人考勤信息，考勤信息界面如图5-6所示。

图5-6 考勤信息界面图
5.2管理员功能模块的实现
5.2.1管理员登录界面
管理员要想进入系统后台对系统进行管理操作，必须登录系统后台，管理员登录界面如图5-7所示。

图5-7 管理员登录界面图
5.2.2警务员管理界面
管理员登录后可查看、新增、修改和删除警务员信息，警务员管理界面如图5-8所示。

图5-8 警务员管理界面图
5.2.3公告信息管理界面
管理员能够增删改查公告信息，公告信息管理界面如图5-9所示。

图5-9 公告信息管理界面图
5.2.4任务信息管理界面
管理员可添加、修改和删除任务信息，任务信息管理界面如图5-10所示，添加任务信息界面展示如图5-11所示。

图5-10 任务信息管理界面图

图5-11 添加任务信息界面图
5.2.5出勤信息管理界面
管理员可查看所有出勤信息，并可添加考勤，出勤信息管理界面如图5-12所示。

图5-12 出勤信息管理界面图
5.2.6考勤信息管理界面
管理员可查看、新增、修改和删除考勤信息，考勤信息管理界面如图5-13所示。

图5-13 考勤信息管理界面图