# 使用数据查询组件

# 需求场景

现有一个订单成绩实体,包含订单名称,订单种类,供应商id,金额,销售区域,一个供应商实体包含供应商名称,供应商代码,供应商等级。

# 操作步骤

# 查询实体数据

通过查询组件,查询出实体的数据。

image-20230410200905763

  1. 添加全局逻辑,并添加输出参数。拖拽赋值组件及数据查询组件。

    image-20230608202509880

  2. 双击数据查询,拖拽实体到工作台。

    image-20230609095138491

  3. 页面下添加逻辑,并添加输出参数。逻辑中添加赋值和调用逻辑组件,选择上一步的全局逻辑。

    image-20230410194426893

  4. 点击页面,拖拽面板和数据表格组件到工作台,并修改面板文本。

    image-20230609095457227

  5. 将数据表格的数据源绑定为第三步的页面逻辑。

    image-20230609095412952

  6. 添加表格列并添加文本,修改数据表格文本。

    image-20230609095732872

  7. 给数据表格中的文本绑定对应的值,如果使用枚举,需使用内置函数EnumValueToText将枚举值转成文本展示。

    image-20230609100500304

  8. 点击开发环境预览,查看效果。image-20230410200905763

# 筛选条件查询

现需要通过订单名称筛选查看实体数据。image-20230411095922506

  1. 拖拽线性布局到工作台,并拖拽文本、单行输入和按钮组件,并修改文本。

    image-20230609100532175

  2. 页面下添加变量,并输入框绑定该值。

    image-20230609100555435

  3. 在查询实体的全局逻辑中添加输入参数,并双击数据查询点击筛选条件,将需要筛选的条件放置工作台。

    image-20230609101122571

  4. 在页面数据展示逻辑添加全局逻辑的输入参数。

    image-20230411095618484

  5. 页面下查询按钮添加点击事件,调用数据表格的reload逻辑。

    image-20230411095824913

  6. 点击开发环境预览,查看效果。

    image-20230411095922506

# 分组聚合查询

现需要通过订单区域和供应商进行分组,然后对金额进行汇总,查看地区供应商金额总数。

image-20230411102750697

  1. 新建全局逻辑添加输出参数。拖拽赋值、数据查询组件到工作台。

    image-20230609101434757

  2. 双击数据查询添加数据源,再点击分组聚合,添加分组属性和聚合属性。

    image-20230411101122782

    image-20230609101918040

  3. 页面下添加页面逻辑,并添加输出参数。拖拽赋值、调用逻辑组件。选择调用上一步创建的全局逻辑。

    image-20230411101519225

  4. 拖拽面板组件及数据表格组件。修改面板的文本。

    image-20230411101702550

  5. 数据表格数据源绑定为第三步创建的页面逻辑。

    image-20230609101953735

  6. 添加表格列及文本,并修改表格列的文本。再给文本绑定对应的值。枚举类型需要使用内置函数EnumValueToText函数进行转换。

    image-20230609102011926

    image-20230411102520023

  7. 点击开发环境预览,查看效果。

    image-20230411102744455

# 分页排序

现在想对分组后的数据进行分页排序,查看区域内供应商的最高金额。

image-20230411104906224

  1. 对分组聚合的全局逻辑添加2个输入参数,其类型为整数。

    image-20230609102049812

  2. 双击数据查询,点击分页排序,添加修改排序规则及分页参数。

    image-20230609102115455

  3. 页面下逻辑添加输入参数,其类型为datasourceparams,并添加全局逻辑的输入参数。

    image-20230411104204548

  4. 点击数据表格,开启分页功能加载更多。

    image-20230609114808882

  5. 点击开发环境预览,查看效果。

    image-20230411104837030image-20230411104906224

上次更新: 2023年06月26日