【星云座低代码】快速开发用车管理小程序

需求分析

移动互联网时代，人手一部智能手机，人们已经习惯于在手机上办理各种业务。传统的OA软件，很多都是在电脑端发起流程，审批各类业务。

17年小程序的技术出来之后，很多业务都有了小程序版本。我们本篇就利用低代码技术来搭建一套用车管理小程序。

小程序有两类角色，管理员和用车人。

管理员有如下操作

• 录入车辆信息
• 下载车辆二维码
• 管理车辆信息及查看车辆的使用记录

用车人有如下操作

• 注册个人信息
• 扫码查看车辆基本信息
• 用车时录入初始里程数及使用日期
• 还车时录入归还时里程数并自动计算行驶里程
• 查看个人的历史用车记录

1 数据源设计

根据需求，我们设计了三个数据源

• 用车人信息

• 车辆信息

• 使用记录

2 创建模型应用

为管理员创建后台应用，根据所选数据源自动生成页面

在操作列增加一个下载按钮，添加一个弹窗组件

在左侧组件库里拖拽一个二维码组件，并绑定后端数据

点击下载的时候我们把记录的数据标识赋值给该变量

3 创建自定义应用

新建一个自定义应用，输入小程序的名称

3.1 首页开发

首页我们使用网格布局来实现功能

点击用户注册的时候我们要根据当前用户是否注册来跳转，如果已注册就跳转到更新页面，如果未注册就跳转到新增页面

扫一扫的话，我们将得到的值传入下一个页面

用车记录跳转到列表页面即可

小程序启动的时候我们要加载一下用户的信息

3.2 用户注册

用户注册使用表单容器设置对应的数据源即可

3.3 用户更新

更新页面也使用表单容器，场景选择更新即可

3.4 车辆详情

车辆详情我们使用数据详情展示车辆基本信息，然后使用网格布局放置两个按钮，用来引导用户进行业务操作

3.5 用车登记

用车登记也使用表单容器

不一样的地方是我们不使用组件生成的提交事件，自己写逻辑

3.6 还车登记

还车页面也使用表单容器更新即可

行驶里程可以通过表达式来计算

• 

3.7 用车记录

用车记录我们使用数据列表组件，筛选条件让数据标识=登录人的Openid

3.8 用车记录详情

使用数据详情组件搭建即可

总结

内部管理使用小程序还是非常方便的，使用的时候只需要扫码就可以实现用车和还车的登记，管理员也可以方便查阅记录。如果感兴趣，打开你的低码工具照着做一遍吧。