家政服务小程序实战教程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-立即预约功能开发的主要内容，如果未能解决你的问题，请参考以下文章