提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档
前言
统开发语言使用的在于微信小程序的开发语言,采用的技术主要为WXML技术及云技术,在系统的前端页面采用与微信小程序相配套的WXSS和WXML技术实现,WXML在许多方面与HTML5有着许多相似的地方,WXSS对CSS进行了扩充以及修改,与CSS相比,WXSS扩展的特性有:尺寸单位、样式导入。并在其基础之上提高了自身对于HTML5的特性支持能力,更多的系统调用开放出来
一、概要设计
二、维修流程
1.用户登录绑定
用户首次登录需要进行绑定,每个用户首次使用该小程序的时候会有一个OpenID,OpenID是用户对小程序的唯一标识,通过绑定OpenID来实现自动登录,若没有登录绑定首页的功能区是没有解锁的。
界面如下图:
2.维修申请
当用户绑定之后便可以进行维修申请了,点击-首页-维修申请,接着一次选择报修项目,当选择完成报修项目之后,点击提交便完成了报修的申请。
界面如下图:
当点击确定之后便会弹出如下图的界面,会有一个10秒的倒计时,该倒计时为了防止用户点快了从而造成信息错误,使得用户在10秒内仔细检查这些数据是否有误,无误则点击提交,有误则点击返回修改。
3.管理审核
当用户发起申请之后,审核人员需要对该数据进行审核,审核通过则派出维修人员,否则为审核失败,且报修人员也能查询到审核是否通过。
审核人员的操作流程为 1.点击移动派工,2.登录账号 ,3.选择处理的日期,4.点击处理对象进行处理,5.是否通过通过则选择派遣对应的维修师傅。
如下图:
点击移动派工,输入审核人员账号密码登录系统。
选择需要处理的日期,这里选择16日的,选择完之后会自动出现当日未处理的报修申请。
当对报修申请进行处理之后,当日的订单就会在数据库中标记为1,表示通过申请,且以派遣维修工人前去进行处理,如果不通过为2。
4.维修人员上门维修
当审核人员审核通过之后,将任务派发给不同的维修人员,维修人员只需登录自己的账号便可以看到自己是否有订单需要处理。
维修师傅的操作流程为: 1.点击移动派工,2.登录账号 ,3.点击处理对象进行处理,4.输入报修人手机尾号后4位。
如下图:
点击移动派工,输入维修员账号密码登录。
登录之后,点击需要处理的对象,表示该报修单已处理完成,点击之后会弹出输入用户手机号码后四位。
当维修师傅输入正确的手机号码, 将会彻底的结束本次维修。
5.维修查询模块
该模块,可以在发起维修申请之后便可以进行维修查询,这里为了看到效果,故放到最后一个模块。
操作方式为:1.点击维修查询 ,2.输入相关信息 ,3 点击确定。
点击维修查询之后会出现,第二张图片的界面。
当输入相关的信息之后,则会在数据库内查询到该数据。
三、超级管理
1.超级管理模块
超级管理界面是用于超级管理员对于维修系统中数据的管理,第一超级管理员可以根据不同的情况来修改首页的通告,第二超级管理员可以对所有的用户进行管理其中包括维修师傅、审核员、教师、学生,可以对以上用户进行增删改查。第三可以将数据库中的数据进行导出,方便管理员对数据进行操作。最后可以对维修申请的数据进行统计,共分为六类分别为:空调、绿化、水电、家具、建材、基建。每一类下面又分为六大区域分别为:商业区域、办公区域、教学区域、教师生活区域、学生生活区域、公共区域。
流程图如下:
首页通告:
用户管理:
数据导出:
数据统计:
总结
首先该项目锻炼了微信小程序的原生态开发的能力,其结Want weapp组件库,极大的缩短了项目的的开发时间,开发者只需在其基础上做些小改动便可,其次该项目锻炼了微信云开发使用能力,可以更加熟悉云开发模式。由于代码过多,我直接将项目放在下方的连接里,当然需要的也可以私信我。