跳到主要内容

云数据库运营管理

云开发管理系统支持通过云数据库中的数据表，自动创建运营管理应用，同时支持自定义开发，根据业务需求灵活定制，帮助运营人员高效进行业务管理。

使用流程

1.创建入口​

云开发控制台->云后台，点击去使用 云后台-菜单栏管理，添加入口进入应用选择云数据库管理 应用安装后，选择初始化

2.选择数据表​

选择需要使用的数据表，配置需要展示的数据字段

3.生成运营管理系统​

生成运营管理系统页面，后续操作可以选择编辑、发布、管理应用，配置运营账号

4.编辑/发布应用​

编辑或发布应用进入开发工具，应用核心模块包括云数据管理页面以及 APIs 数据处理，页面生成原理以及数据构建会在下文详细说明 生成的 APIs，主要用于对数据表进行增删改查 开发者根据业务需求，灵活配置运营管理应用，完成后发布应用

5.配置运营账号​

回到云后台-用户权限管理，配置运营账号，提供给运营人员使用

6.运营人员使用​

运营人员访问应用发布后地址，使用提供的运营账号登录，即可使用运营管理系统

运营管理应用生成原理

核心功能​

image

1.数据统计模块​

  • 数据总数
    • 通过查询数据库获取数据总条数
  • 买家总数
    • mock 数据
  • 商品数量
    • mock 数据
  • 订单总数
    • mock 数据

2.图表数据模块​

  • 图表 1
    • 通过获取字段类型为 number 的字段进行 Top10 排序
    • 如果未配置 number 字段或无数据使用默认数据展示
  • 图表 2
    • 通过获取字段类型为 date 的字段进行按 1-12 月进行数据统计
    • 如果未配置 date 字段或无数据使用默认数据展示
  • 图表 3
    • 通过获取字段类型为 boolean 的字段进行数据统计
    • 如果未配置 boolean 字段或无数据使用默认数据展示

3. 数据表格模块​

生成数据表格展示所有已配置字段以及数据。 无数据则展示空。

搭建原理​

1.页面组成介绍​

image

  • 大纲树
    • 页面展示组件大纲
  • 当前页面变量 image
    • 变量区域包含以上功能
  • 数据统计
    • 使用 网格布局 搭配循环展示组成
  • 图表模块
    • 使用 通用图表 搭建完成，内部配置为 echart 配置
  • 数据表格
    • 使用 数据表格 组件搭建,默认使用表达式绑定

2. 搭建原理​

1. 统计模块数据获取及展示​

  • 获取数据 image
    • 使用代码区 getDataLists 方法获取当前数据库前 100 条数据
    • 设置事件回调方法 setDatas image
    • 事件流方法中将获取到的数据总数绑定至 datas
    • 此处可根据自己的需求对返回的数据进行处理后展示image
  • 数据展示
    • 在数据统计模块循环展示组件中绑定获取到的数据 datas image
  • 数据字段绑定
    • 将获取到的数据绑定到 文本 组件中进行展示 image
    • 获取到的循环对象值为 datas 中的每一个元素对象
    • 将对象中对应的值进行绑定后展示

2.图表模块数据获取与展示​

  • 图表介绍
    • 图表均使用 通用图表 组件进行搭建
    • 图表 1 为数据库中第一个 number 类型字段 top10 统计
    • 图表 2 为数据库中第一个 date 类型字段 1-12 月数量统计
    • 图表 3 为数据库中第一个 boolean 类型字段统计
  • 数据获取
    • 在 getDataLists 事件回调中绑定 setBoolNum 、 setNumData 、 setDateDataimage
    • 其中 setNumData 为获取 number 类型字段、setBoolNum 为 boolean 类型字段、setDateData 为 date 类型字段 image
    • 在代码区事件流中对数据进行了处理
    • 处理后的数据保存在 numberData 、 dateData 、 booleanData 中
    • 如果数据库中不包含以上三种字段，则使用上面三个变量中默认值
  • 数据绑定

3. 数据表格数据获取、展示及操作​

  • 数据获取
    • 使用代码区 getTableData 获取表格数据
    • 其中入参 pageSize 为页数默认为 10 pageNo 为页码默认为 1 searchData 为过滤搜索字段
    • 其中 pageSize、pageNo、searchData 字段为代码区中变量 image
  • 数据展示
    • 将获取的表格数据绑定至 数据表格 组件 image
    • 其中 total 为总数 records 为数据列表
    • 将 total 绑定至右侧数据总数
  • 操作 image
    • 蓝色部分为全局按钮红色部分为最后一行操作列
    • 在右侧数据表格组件下设置需要的按钮或搜索展示

核心场景修改​

1. 增加/减少数据表格展示字段​

  • 在 Apis 查询列表方法出参 records 下新增或删除参数后保存 image
  • 点击编辑
  • 在出参中新增或删除参数 image
  • 保存后再数据表格组件中列管理进行刷新后生效 image

2. 新增、编辑表单字段​

image 图中弹窗 1 为编辑表单、弹窗 2 为新增表单 在 Apis 中对新增方法以及更新方法进行入参调整实现新增或删除参数 image 调整完成后再表单容器中更新字段后生效 image

3. 表单字段显示隐藏与组件类型选择​

在表单容器字段中可以设置是否展示字段和字段组件进行更新 例如单行输入切换为多行输入或单选、下拉 image

4. 弹窗的控制​

在数据表格全局按钮新增和操作列编辑中加入事件控制弹窗的展示 image 在弹窗中绑定控制显示隐藏的字段并设置关闭事件 image 打开为 true 关闭为 false isModel 为新增弹窗控制 updateModle 为更新弹窗控制

5. 删除​

在数据表格中进行删除操作，全局按钮中删除支持数据表格批量删除、操作列中删除为删除当前列 全局按钮删除 image 在全局按钮中加入删除按钮并绑定事件调用 Apis 中删除方法，入参为数据表格提供的选中行数据，将数据汇总_id 提取传入完成删除。

操作列删除 image 在操作列中加入删除按钮，绑定事件调用删除方法，入参为数据表格提供的当前行数据中的_id。

6. 搜索​

目前只支持 string 、 number 、 boolean 类型字段的搜索

  • 可筛选字段获取
    • 使用 setSelectKey 事件获取所有字段 image
    • 在下拉组件变量中对字段进行筛选后展示 image
  • 设置搜索值
    • 在单行输入中输入查询数据后回车为 searchData 赋值后触发 getTableData 查询筛选数据 image

APIs 构建逻辑​

模版创建会同时自动生成 1 个 APIs，其中包括 2 个公共变量和 5 个方法。

公共变量​

KEYVALUE
TARGET_COLLECTION操作的数据库集合名称
TARGET_ENV操作的数据库集合所在环境

公共变量可以通过方法内的 context.vars 对象进项访问，如：context.vars.TARGET_ENV

方法​
  1. 查询列表：根据用户配置创建映射好出参，生成查询数据库数据的自定义代码。代码功能：查询数据库数据，对数据库数据字段 key 和类型进行转换，转换为微搭组件可以识别的 key 及类型，返回转义后数据（出参）。如需变更需要用户参考模版生成内容自行处理。 出参示例
  2. 新增方法：根据用户配置创建映射好入参，生成新增数据库数据的自定义代码。代码功能：对入参数据字段 key 和类型进行转换，转换为数据库对应的 key 及可识别类型，并写入数据库。如需变更需要用户参考模版生成内容自行处理。 入参示例
  3. 删除方法：删除数据库数据，删除操作通过入参_id 进行匹配。
  4. 查询单条方法，参考【查询列表】，查询操作通过入参_id 进行匹配。
  5. 更新方法，参考【新建方法】，更新操作通过入参_id 进行匹配。