基于微信小程序的新能源客车故障诊断服务手册设计

2020-04-23 09:58赵苗苗张明鑫
汽车电器 2020年4期
关键词:手册客车页面

赵苗苗,张明鑫,刘 静

(扬州亚星客车股份有限公司,江苏 扬州 225116)

微信小程序,简称小程序,是基于微信的一种简便轻型应用,微信用户通过扫一扫或者搜索即可打开应用。据《2019微信数据报告》统计,2019年1-9月,微信月活跃账户数高达11.51亿[1],微信小程序依附着超高的微信用户资源,具有小程序推广应用的先天优势。

考虑到售后服务人员对于新能源客车维修的专业知识需求,以及微信小程序无需安装、即开即用的优点[2],特开发“新能源客车故障诊断服务手册” (以下简称“故障诊断手册”)微信小程序,用于售后技术支持工作。

1 需求分析

新能源客车主要由纯电动、混合动力和燃料电池客车几大类组成,为保障整车运营的安全性和可靠性,整车控制设计时,会综合考量各高低压部件特性,制定整车故障码及其处理策略。

以纯电动客车为例,整车故障码表包含电池故障、电机故障、高压配电故障、辅机及其控制器故障等,故障种类繁多,故障处理策略各有不同[3-5]。单看故障码和故障名称,售后服务人员往往不能快速准确获得维修方法指南。

针对这种情况,基于微信小程序开发了一种故障诊断服务手册,可提供新能源客车故障信息快速查询,并给出相应处理指导意见,同时为了确保小程序使用者为真实售后服务人员,特设定成员管理功能,对使用者身份进行审核与管控。

2 微信小程序开发流程

若要进行微信小程序开发,需进行微信小程序账号申请和小程序类目信息提交,以供微信审核,审核通过后即可进行微信小程序开发,开发完成后代码提交微信审核,再进行线上发布即可。小程序主要开发流程如图1所示。

图1 微信小程序开发流程图

3 “故障诊断手册”开发

3.1 功能模块

此次开发的“故障诊断手册”微信小程序主要有3个模块:数据信息展示模块、终端故障快速排查模块以及用户权限管理模块。其详细功能模块如图2所示。

3.2 代码结构

微信小程序代码最重要的是app.js、app.json和app.wxss三个部分。其中,.js后缀的是脚本文件,.json后缀的文件是配置文件,.wxss后缀的是样式表文件。JSON作为一种数据格式,在小程序中,扮演的是静态配置的角色。WXML全称是WeiXin Markup Language,是小程序框架设计的一套标签语言,结合小程序的基础组件、事件系统,可以构建出页面的结构。WXSS(WeiXin Style Sheets)是一套用于小程序的样式语言,用于描述WXML的组件样式。

小程序的主要开发语言是JavaScript,开发者使用JavaScript来开发业务逻辑以及调用小程序的API来完成业务需求。其框架的核心是一个基于响应的数据绑定系统,使得视图与数据十分简单地保持同步[6]。“故障诊断服务手册”代码结构如图3所示。

图3 “故障诊断手册”代码结构

3.3 页面设计

作为售后服务查询小程序,页面设计力求简洁明了,主要包含欢迎页、主页面 (含检索框)、故障列表页面、故障检修指导页面、成员管理页面等。搜索功能依据故障代码关键词查找,搜索栏下即时展示搜索结果;故障列表页面按照故障等级分类,列表加色彩区分;故障检修指导页设计了危险高亮提醒,步骤文字可放大操作;成员管理页面仅对管理员展示。“故障诊断服务手册”主要页面如图4所示。

3.4 用户权限管理

售后服务用小程序需要对成员进行权限管理。相比APP用户注册的繁琐,微信小程序可以快速实现微信用户的同步[7]。每个微信用户拥有唯一的OpenID,依据OpenID可以完成身份识别功能。再使用如下云函数 (图5),可获得用户OpenID信息。

图4 “故障诊断手册”页面设计

图5 可获得用户OpenID信息的云函数

再添加权限标志,可实现用户权限管理。如图6代码所示,在数据库中查询用户id,将其权限赋值给global变量,使得在各个页面权限状态得以保持。

图6 添加权限标志

用户登入小程序时,系统会自动获取用户OpenID并同时在数据库进行匹配;如果数据库中不存在此OpenID则跳转到申请页面,如果存在则继续判断是否有使用权限。“故障诊断服务手册”用户权限开发流程如图7所示。

3.5 相关数据表的设计

此次开发使用微信小程序云开发数据库。数据库中的每条记录都是一个JSON格式的对象。

“故障诊断手册”中的内容来源于工作中整理的故障诊断数据,将Excel格式的故障诊断数据转换为MongoDB数据库下的JSON格式,即可使用开发者工具把数据导入云开发数据库。“故障诊断服务手册”数据库内容如图8所示。

图7 用户权限开发流程

图8 “故障诊断手册”数据库

图9中代码为小程序部分源码,实现从数据库中关键词筛选功能。

图9 小程序部分源码

4 结语

本文基于微信小程序,设计了一种“新能源客车故障诊断服务手册”,目前该小程序已上线运营一年,据售后服务人员反馈,小程序运行良好,对新能源客车服务检修起到了重要作用。

猜你喜欢
手册客车页面
砥砺奋进“十三五”,看安凯客车“出海”进阶之路
答案
让Word同时拥有横向页和纵向页
20周岁的女青年是否可以申请中型客车准驾车型驾驶证?
驱动器页面文件大小的总数为何总是07
School Admission择校
兔兔自杀手册
School Admission择校