家政服务小程序实战教程14-立即预约功能开发

Posted 低代码布道师

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了家政服务小程序实战教程14-立即预约功能开发相关的知识,希望对你有一定的参考价值。

上一篇我们开发了客服功能,本篇我们开始开发预约功能。

1 创建数据源

功能开发之前先需要考虑数据源的规划问题,顾客预约某项服务时,需要告知上门时间、联系地址、联系电话,如果需要注明的事项,还需要标明备注。

先创建数据模型,输入名称


点击编辑按钮添加字段


首先添加上门时间,我们选择日期时间类型


输入详细地址,字段类型选择文本


添加联系电话,字段类型选择电话

剩下就是考虑当前数据源和别的数据源的关系,我们是在服务下边预约,因此需要关联服务内容数据源,添加一个字段,字段类型选择关联关系,关联到服务内容


还有就是需要和用户信息进行关联


为了快速查到本人的数据,我们再增加一个openid的字段


最后考虑一个状态,我们就几个状态,如果客户下单状态为待处理,如果商家已经处理并分配了人员状态为待服务,如果服务完毕状态为待评价,最终用户评价完毕为已完成。

状态的这些值我们是存储在枚举值里,创建一个状态字段,字段类型选择枚举值


点击立即创建,创建我们的枚举值

2 创建页面

打开应用编辑器,点击创建页面的按钮,创建预约页面

3 页面开发

先往页面中添加一个分组容器,标题改为服务内容

选中内容插槽,添加网格布局,修改列数量为2


选中第一列,将列宽度改为手动调节,修改为4

增加图片组件

设置图片的宽和高以及外边距

第二列增加两个文本组件,布局改为纵向排列,平分


我们这三项内容要从上一个页面传递过来,因此需要创建URL参数

然后将参数绑定到对应的组件上


'¥'+($page.dataset.params.serviceprice || 0)

再添加一个分组容器,标题改为预约信息

在内容插槽里添加表单容器,数据源选择服务预约

openid从系统变量里绑定

绑定好之后将该字段隐藏

服务内容绑定为我们的URL参数serviceid

状态我们设置选中值为1,然后隐藏该字段

用户信息这块涉及到如何从数据源获取,我们下一篇单独介绍一下,现在先空着

4 页面跳转及传参

新增页面开发好之后,我们需要从服务详情页跳转到预约新增页面,给按钮增加点击事件,选择平台的打开页面方法,并且设置跳转的参数

5 最终的效果

以上是关于家政服务小程序实战教程14-立即预约功能开发的主要内容,如果未能解决你的问题,请参考以下文章

家政服务小程序实战开发教程015-填充用户信息

家政服务小程序实战开发教程015-填充用户信息

理发预约小程序实战教程

理发预约小程序实战教程

腾讯云微搭低代码理发预约小程序实战教程

幼儿园小程序实战开发教程04