家政预约小程序09服务管理

1 创建数据源

存储服务信息我们需要两个表，一个是服务表，一个是规格表。比如用户在查看某项服务的时候，可能根据选择的时长不同价格不同，因此需要有一个灵活的配置功能方便后续家政公司维护服务内容。

打开云数据库，点击+号创建数据模型

保持默认配置

输入模型名称服务内容，创建第一个字段服务名称

点击字段旁边的图标设置为主列字段

继续添加字段，服务描述，类型选择富文本

继续添加字段服务图片，类型选择图片

继续添加字段，所属分类，类型选择关联关系，关联到分类表

继续添加字段，是否启用该服务，类型选择枚举，枚举值设置为启用、禁用

切换到配置模型，点击发布按钮

切换到权限设置，将权限修改为所有用户可读，管理员可改

继续添加数据模型，添加服务规格，添加第一个字段所属服务，类型选择关联关系

继续添加字段，添加规格名称，类型选择文本

设置规格名称为主列字段

继续添加字段，增加价格，类型选择数字

继续添加字段，是否启用该规格，类型选择枚举，枚举值设置为启用、禁用

2 搭建后台功能

数据库设计完毕后，就需要搭建后台功能，打开我们的后台应用，点击创建页面的图标

选择表格与表单页，数据源选择服务内容，布局选择左侧导航布局

切换到页面设计

点击添加平级菜单，选择我们的服务内容列表页

修改菜单的名称和图标

回到我们的页面设计视图

可以看到新配置的菜单已经出现在左侧的菜单树里

选中数据表格，设置筛选器

勾选筛选条件

3 搭建规格功能

服务内容搭建好之后，我们需要搭建规格维护的功能，先点击创建页面的图标，创建规格的管理页面

选择数据源为服务规格，布局选择左侧导航布局

我们在维护规格的时候需要知道他的服务内容是啥，因此我们需要创建一个URL参数用来接收服务的标识。选中页面组件，在右侧点击创建URL参数，输入serviceid


选中数据表格，设置数据筛选

筛选条件设置为所属服务等于fx表达式

表达式选择我们的URL参数

4 搭建规格新增

新增的时候默认是跳转到新增页面，为了方便录入，我们改用弹窗实现。点击页面组件，添加弹窗

添加表单容器，数据模型选择服务规格

选择弹窗组件，关闭底部按钮

选中所属服务字段，设置选中值为我们的URL参数

选择表单容器，设置事件

在表单提交成功后先刷新表格并关闭弹窗

将新建按钮的点击事件修改为打开弹窗

回到服务内容列表页，在操作列添加一个规格的按钮

点击的时候，打开服务规格列表页，并且传入服务的数据标识

5 最终效果

可以看到服务的列表页面

点击规格的时候，可以维护规格信息

总结

本篇我们带着大家搭建了服务内容的后台功能，包括创建数据源，配置页面，页面联动。我们开发小程序总是先把表结构创建好，然后再搭好管理功能，录入数据之后就可以开发前端的交互功能啦。