完成中心应用的开发和部署后，您将进入轻应用开发阶段。轻应用提供了低代码、可视化的方式对页面和服务方法进行编排，实现前端应用对中台能力的复用。本文以基于商品域搭建运营平台为例介绍如何开发轻应用。

前提条件

  • 在技术建模的业务域中已构建商品域。具体操作，请参见新建业务域、新建应用服务和新建结构对象。
    • 包含以下结构对象。1
    • 包含创建商品和分页查询商品应用服务方法。11
  • 商品域已被某个中心应用实现。
    说明 在中心应用部署成功后，模型中的应用服务方法即可作为中台基础能力被调用。

步骤一：创建轻应用

  1. 登录BizWorks，单击左侧导航栏1图标。在概览页面的左上角，单击1图标，从项目下拉列表中选择目标项目实例。1
  2. 单击1图标，在应用列表页面，单击新增应用。
  3. 在创建应用面板，选中轻应用，单击下一步。
  4. 在创建轻应用面板，完成相关配置后，单击完成。
    更多信息，请参见创建轻应用。
    页面提示保存成功，你可以在应用列表页面查看所创建的轻应用。

步骤二：管理模型

说明 通过模型管理功能，您可以变更当前应用关联的业务域和对应的实现该业务域的中心应用以及其版本，并可在应用中继续对模型进行调整。
  1. 单击1图标，在应用列表页面，单击目标轻应用名称。
  2. 在依赖业务域页面，单击关联依赖业务域。
    1. 在关联业务域面板，单击添加。
    2. 从依赖业务域下拉列表中，选择商品域后，再选择目标业务域版本和应用版本。1
      更多信息，请参见关联依赖业务域。
    3. 单击保存。
    在依赖业务域页面，您可以查看所关联的依赖业务域。
  3. 在目标轻应用导航栏中，选择模型管理 > 结构对象。
  4. 在结构对象页面的左侧导航栏中，选择业务域 > 商品域，您可以查看能够调用的模型中的结构对象。1
  5. 您如果需要构建轻应用内部自定义结构对象，在结构对象页面的左侧导航栏中，单击自定义创建，然后单击新建结构对象。
    具体如何新建结构对象，请参见新建结构对象。

步骤三：创建服务方法

说明
  • 搭建运营平台的目的是为了对商品列表进行查询及管理，因此在本轻应用内，需要构建分页查询商品、创建商品等服务方法。
  • 在目标轻应用中，构建分页查询商品及创建商品对应的服务方法在关联的业务域模型中已得到实现。因此，可以直接从模型批量创建服务方法。

从模型批量创建服务方法

  1. 在目标轻应用导航栏中，选择服务管理 > 服务编排。
  2. 在服务方法页面中，单击从模型批量创建。
  3. 在从模型批量创建服务方法面板的左侧导航栏中，选中创建商品和分页查询商品应用服务方法。1
    BizWorks在该轻应用内创建同名称、同编码、同出入参类型的服务方法，且该服务方法能够自动调用对应的中台基础能力。

步骤四：编排页面

本文以运营平台首页及商品列表页为例，介绍页面编排的能力。其中，商品列表页中对商品列表信息的展示需调用中台基础能力，为保证数据的正常获取，您需要确保该基础能力已被构建完成，并能够被顺利调用。

说明 在页面编排中，您可以通过对组件的拖拽实现页面内容的设计及布局，实现应用的可视化编排。

步骤一：新建页面

  1. 在目标轻应用导航栏中，选择页面管理 > 页面编排。
  2. 在页面编排页面，单击新建页面。
  3. 在新建页面面板，按照下图所示的配置项完成设置后，单击创建。1
    更多参数相关信息，请参见参数说明。

步骤二：页面编排

说明 商品列表需要使用表格组件，且表格包含商品信息，因此绑定的结构对象需为一个商品的List。
  1. 在页面编排页面，单击页面名称商品列表右侧操作列下的编辑页面。
  2. 在编辑页面画布中，单击画布左侧的1图标，在标准组件的基础组件区域，您可以拖拽表格组件至画布右侧。1
  3. 在配置表格对话框中，为表格绑定一个结构对象类型。
    1. 在绑定表格数据下拉列表中，单击新增变量。
    2. 在新增变量对话框中，完成相关参数配置。1
      • 变量名称：commodityList
      • 变量类型：集合类型 > List > Structure > 关联业务域 > 商品域 > 商品
    3. 在绑定表格数据下拉列表中，单击目标表格变量后，单击确定。1
  4. 在右侧表格配置栏中对显示字段进行配置，具体操作，请参见下图。1
    按照上图操作完成配置后，表格的表头行显示为商品id、商品名称和描述。
  5. 对表格的数据源进行配置。
    1. 选中整个画布，在右侧事件页签，单击新建动作（支持配置页面加载完成时和离开页面时动作）。1
    2. 为页面加载完成时绑定动作。您可以调用页面JS或全局JS中的内容，也可以进入逻辑流面板（本文以逻辑流编排为例说明），进行可视化逻辑流的编排操作。具体操作，请参见新建动作。
      下图为逻辑流示例：1
      • 在页面加载完毕后，设置初始化数据查询信息：表格当前页数配置为1，页面展示信息条数配置为10。1
      • 调用分页查询商品的服务方法，复用中台能力，并根据返回结果把查询得到的数据赋值给表格对应数据。11
    说明 完成该逻辑流编排后，应用在页面加载完时通过中台能力获取到相应数据，并进行前端数据显示。除了需要显示数据外，运营平台也需要具备新增商品信息的能力。
  6. 设置事件，使运营平台具备新增商品信息的能力。
    1. 构建新增商品页面。具体操作，请参见新建页面。
    2. 构建商品信息输入页面。在新增商品页面的编排页面，把按钮和文本输入框组件分别拖至画布。请您参考下图的参数配置构建一个简单商品信息输入页面。
      更详细的参数配置信息，请参见以下说明。
      • 为商品名称和商品描述绑定String类型的变量。具体操作，请参见新增变量和绑定变量。111
      • 为返回列表按钮绑定点击按钮时的事件，其节点为打开列表节点，在点击返回列表按钮时会跳转至商品列表页。111
      • 为保存按钮绑定点击按钮时的事件。点击保存按钮时，绑定的逻辑流会调用创建商品的服务方法，从而调用对应的中台能力。在创建商品后，页面会自动跳转至商品列表页，展示更新后的商品列表信息。1111
  7. 打开商品列表的编辑页面，对新增商品按钮进行动作绑定，同样添加打开页面节点，在点击按钮时跳转至新增商品页面。111

步骤五：配置页面框架

说明 在页面编排的过程中，您可以对页面框架进行调整。
打开页面框架设计器，您可以根据喜好对页面框架进行相应的配置。具体操作，请参见配置页面框架。1

步骤五：管理菜单

完成对页面的设计后，您可以通过菜单管理把编排完成的页面关联至具体的菜单，有需要时还可进行分组。具体操作，请参见管理菜单。

步骤六：部署应用

在应用开发完成后，您可以选择环境并进行应用的部署。具体操作，请参见部署和管理轻应用。