后台主要使用elementUI组件库进行开发,主要用于发布h5端的任务,保存每个注册的用户,以及对用户每次提交任务的记录。
后端使用自己二次封装的框架,首页使用eCharts展示历史记录的统计,接口通过Cookie来保存token令牌每次请求接口时加进请求头中;页面菜单是动态菜单通过登陆时获取到登录者的菜单来进行条件渲染,通过自定义指令来控制所登录角色的操作。
后端页面的表格采用sortablejs插件可拖拽数据进行排序,富文本中可通过上传word来自动填充文本。
h5端主要是采用vant和px2rem来进行控制响应的,功能是注册和登录,提交任务和查看自己账户的提交任务记录,也有账户的余额和提现余额的记录。
h5端的难点是对接腾讯的活体身份认证,通过上传身份证正反照和进行活体的人脸识别;还有是h5端上传图片一种是通过div元素的contentEditable开启元素可编辑,在通过paste事件来监听上传的图片,这样的好处是在电脑端打开h5时可通过微信的截图直接上传不用在保存本地。