微信小程序 uniapp校园安全安保巡查系统_uniapp 巡检系统

小程序Android端运行软件  微信开发者工具/hbuiderx
uni-app框架：使用Vue.js开发跨平台应用的前端框架，编写一套代码，可编译到Android、小程序等平台。
前端：HTML5,CSS3、JavaScript、VUE
后端：java(springboot+ssm)/python(flask+django)/php/nodejs/
app小程序：uniapp
开发运行：微信开发者/hbuilderx
后端:idea/eclipse/vscode/pycharm

考虑到实际生活中校园安保巡查系统APP方面的需要以及对该平台认真的分析,将系统权限按管理员和安保这两类涉及安保划分。
(a) 管理员；管理员使用本系统涉到的功能主要有：首页、个人中心、安保管理、地图管理、巡查任务管理、巡查登记管理、巡查公告管理、巡查任务管理、系统管理等功能。管理员用例图如图3-1所示。
 
图3-1　管理员用例图
 (b) 用户；进入系统可以实现首页、地图、我的等功能进行操作。安保用例图如图3-2所示。
安保登录，通过输入账号，密码，并点击登录进行系统登录操作，如图5-1所示。
 
图5-1安保登录界面图

安保注册，在安保注册页面通过填写学号、密码、安保姓名、性别、年龄、联系电话、院系等信息完成安保注册操作，如图5-2所示。
 
图5-2安保注册界面图
 
安保通过登录进入校园安保巡查系统APP，在app首页可以查看首页、地图、我的等功能，在首页可查看巡查公告等内容并进行详细操作，如图5-3所示。
 
图5-3 安保功能界面图

我的，安保在我的页面可查看安保信息、在线反馈等内容，如图5-4所示。
 
图5-4我的界面图
 
巡查信息，安保可在巡查信息页面可以进行巡查信息的登记，如图5-5所示。
 
图5-5巡查登记界面图

5.2管理员功能模块
管理员登录，管理员通过输入安保名、密码、选择角色等信息即可进行系统登录，如图5-8所示。
 
图5-8管理员登录界面图

 
管理员通过登录进入校园安保巡查系统APP可以查看首页、个人中心、安保管理、巡查公告管理、巡查任务管理、巡查登记管理、系统管理统管理等内容进行详细操作，如图5-9所示。
 
图5-9管理员功能界面图

安保管理，管理员可在安保管理页面通过输入安保进行查询、新增、修改或删除等操作，如图5-10所示。
 
图5-10安保管理界面图

 
巡查登记管理，管理员可在巡查登记管理页面通过输入巡查登记进行查询、新增、修改或删除等操作，如图5-11所示。