事件处理系统--功能，应用技术和数据库

功能图

业务逻辑

事件首先是由用户在小程序端填写内容后发出。

这个事件会进入到网页端的视线中，由管理员对事件进行安全员的分配

此时，事件进入了被分配的安全员的小程序端中

安全员就可以对事件进行开始处理操作和已完成操作

当事件处理完成后，用户可以对此事件的情况进行反馈

ps:事件的进程在用户小程序端和网页后台都可以看到

技术栈

前端采用的vue2和微信小程序（没有使用uniapp）

后端采用的node.js

前后端分离

应用技术

前端：

使用vue/cli+webpack搭建项目

使用vuex管理数据

使用element-ui完成网页端的数据展示和操作

利用路由守卫进行登录拦截和验证token是否有效

对axios进行二次封装，并设置请求拦截器（发请求时携带token）和响应拦截器（对返回的数据进行过滤）。

后端：

使用node.js进行后端接口编写

使用mysql和数据库连接

使用cors解决跨域问题

使用hapi/joi进行数据验证

使用jsonwebtoken生成token

使用express-jwt解析token

使用apifox进行接口的测试

数据库

这是最初的数据库表，实际中有些可能有变化，后续实际开发中才发现自己对数据库的建立还是太过于草率了，没有对需求进行分析，想一步来一步。

用户表 -- users

id：id

用户名--username

密码--password

姓名:user_name

电话--user_phone

默认地址--home

open_id:open_id

ps：登录只需要username以及password，phone和home在用户个人信息页面自己选择填写

安全员 -- safety_officer

id：id

用户名--username --此username为安全员的工号，用来登录和查询此工号负责的事件

密码--password

姓名：safety_name

电话：safety_phone

code：0,1

管理员 -- admin

id：id

用户名--username

密码--password

事件表 -- event

id：id

open_id:open_id

上报人姓名:user_name

上报人电话：user_phone

上报时间：start_time

开始执行时间：over_time

完成时间：overtime

安全员工号：username

安全员姓名：safety_name

安全员电话：safety_phone

地址：address

内容：content

状态码：code 0/1/2/3 0表示未处理，1表示已处理,2表示正在处理，3表示已接单但未处理

反馈信息：back_info