网站排行首页怎么做,企业登记网上注册,嘉兴服饰网站建设,昆明网站开发目录 1 创建数据源2 创建页面3 显示选中的服务信息4 设置表单容器5 配置地图6 配置预约成功页面7 从详情页到预约页总结 用户在浏览家政小程序的具体服务时#xff0c;如果希望预约的#xff0c;可以在详情页点击立即预约按钮#xff0c;填写具体的信息#xff0c;方便家政… 目录 1 创建数据源2 创建页面3 显示选中的服务信息4 设置表单容器5 配置地图6 配置预约成功页面7 从详情页到预约页总结 用户在浏览家政小程序的具体服务时如果希望预约的可以在详情页点击立即预约按钮填写具体的信息方便家政公司提供上门服务。在预约的时候我们需要将用户在页面上填写的信息存入数据库中方便后续业务流程在流转时进行传递因此我们先需要创建预约的数据源。 1 创建数据源
打开控制台找到数据模型点击新建 输入数据源的名称标识由系统自动生成 然后录入我们需要的字段信息在表格上点击添加一列 先添加服务时长类型选择枚举值点击立即创建创建我们的枚举项 继续添加列输入预约人联系电话 添加预约人姓名字段 添加上门时间类型选择日期时间 添加上门地址类型选择地理位置 添加门牌号字段 添加备注字段 再一个我们要知道是预约的哪一项服务添加所选服务字段类型选择关联关系 我们还希望知道是谁填写的这里填写openid字段用来记录用户的微信标识信息
2 创建页面
点击新建页面的图标我们创建新增预约的页面 选中页面组件创建一个URL参数填写为id
3 显示选中的服务信息
在新增预约页面我们第一部分要展示用户选中的服务信息在代码区点击立即新建创建一个变量选择微搭数据表查询 选择我们的服务管理数据源方法选择查询单条 查询条件设置成数据标识等于我们刚刚设置的URL参数 在页面组件添加一个普通容器里边放置图片组件和普通容器最里边的普通容器放置两个文本组件 外层普通容器我们设置布局为横向排列 设置图片的宽度和高度为96px和64px 布局模式选择裁剪填满 地址绑定从我们的变量里选择 第一个文本组件的文本内容绑定为我们变量里的服务名称 第二个文本组件绑定文本内容选择变量里的优惠价格 然后设置外层容器的内边距 设置图片组件的外边距 在外层容器下添加一个分割线组件
4 设置表单容器
展示了所选的服务后拖入表单容器设置我们提交的表单信息 数据模型选择我们的预约信息 调整一下我们组件的顺序 选中所选服务组件设置一下选中值设置为我们的URL参数 关闭是否可见配置项 选中openid配置输入值选择我们登录对象里的openId 同样也把是否可见的选项关闭
5 配置地图
在表单上我们设置了位置选择的组件先需要配置地图信息。切换到数据源视图切换到APIs 点击新建图标选择我们的地图 创建时候要求输入API Key点击旁边的链接 按照我图示的填写具体的信息将得到的API KEY填写上 选中表单的地理位置组件选择我们刚刚创建的API
6 配置预约成功页面
新建一个预约成功页面 添加一个普通容器里边加一个图标和文本组件 回到我们的立即预约页面选中表单容器组件选择组件内置方法 在数据源提交成功后添加一个动作选择打开页面
7 从详情页到预约页
切换到服务详情页面点击立即预约按钮设置点击事件选择打开页面 这样整体就配置好了
总结
本篇我们介绍了预约功能的开发介绍了表单容器的具体配置过程在使用地图选择的时候还需要配置地图的API低代码已经对这些外部SaaS应用做了集成简单配置就可以使用还是比较方便的。
