零代码应用开发示例

场景描述

通过使用AstroZero的零代码应用模板，快速创建零代码应用，带您了解在AstroZero中开发一个零代码应用的大致流程，并认识相关概念。本入门以AstroZero零代码中预置的“培训报名”模板为例进行介绍，该模板提供如下功能：

外部用户即匿名用户微信扫码，填报活动报名信息，支持查看自己填写的报名信息。
内部用户可在手机端微信扫码或者WeLink扫码填报信息，支持在PC端新窗口打开或使用链接在浏览器访问填报页，支持查看自己填写的报名信息。
培训活动管理员基于用户的填报信息，获取培训报名人员信息，以及用户希望了解的培训内容。

前提条件

如果需要将填报页分享给内部用户进行填报，需要提前创建内部用户并分配权限。

如果内部用户为微信或企业微信用户，可直接扫码绑定AstroZero，将微信或企业微信用户绑定为AstroZero内部用户。

AstroZero开发者用户（以华为账号为例）登录AstroZero服务控制台，单击“进入首页”。

在主菜单中，选择“工作台”，进入零代码开发的工作台。
单击页面左上角的，选择“运行环境管理 > 业务配置中心”，进入运行环境业务配置中心。
图1 进入业务配置中心

在“组织用户”页签下，选择“用户管理”，单击“创建用户”。
在用户管理页面，您可以查看到已创建的所有业务用户。
填写用户信息，在“角色”区域中从左侧勾选角色再单击“>”，赋予业务用户相关权限，如“企业成员”权限，该权限不可编辑和删除应用，可填写表单数据提交表单。
如果需要编辑已有业务用户，可单击具体的业务用户名，进入详情页，单击“编辑”，设置角色。相关权限的说明，请参见应用角色分类。

图2 编辑角色

操作步骤

进入零代码应用开发平台。
1. 使用开发者账号登录华为云网站，在顶部导航栏右侧单击“控制台”，进入华为云控制台。
2. 在左侧导航栏上方，单击，选择服务实例所在的区域项目。
3. 单击，在查找框中搜索“Astro轻应用”，单击查找到的结果，进入AstroZero服务控制台。
4. 在AstroZero服务控制台，单击“进入首页”。
5. 在主菜单中，选择“工作台”，即可进入零代码应用开发工作台。
通过模板创建应用。
1. 在“全部应用”区域，单击“开始创建”，选择“使用模板创建”。
  图3 选择“使用模板创建”
2. 根据需求选择预置的模板，本入门选择“培训报名”，即单击培训报名模板。
3. 在培训报名模板中，单击“安装模板”，安装完成后即可进入应用编辑页面。
  图4 应用编辑页面
  
  培训报名模板由“报名信息记录页”、“效果预览”和“使用说明”三个页面组成。
  - 报名信息记录页：管理员和填报用户使用的是“报名信息记录页”，该页面有“全部信息”和“我的报名”两个视图。
    - “全部信息”视图可查看到所有填报用户填报的信息，管理员可通过该视图了解所有报名信息。
    - “我的报名”视图仅显示当前用户的报名填报信息，填报用户可通过该视图查看自己的填报信息。
  - 效果预览：用于预览培训报名应用效果。
  - 使用说明：培训报名模板的使用说明。
  思考：如何控制不同的视图显示不同的数据？
  
  解惑：选中视图，单击，选择“编辑视图”，在“数据范围”中可设置显示数据的过滤条件，还可设置数据排序方式和隐藏字段。
  
  图5 编辑视图
  
  图6 设置数据范围
（可选）当需要基于已有的模板页面进行定制时，可执行此步骤。
1. 如图7所示，选择需要定制的页面，单击编辑表单图标。
  图7 编辑表单
2. 从左侧组件库中，拖拽所需组件（如“邮箱”）到页面编辑区域并设置组件属性。
  图8 设置组件
3. 单击页面上方的“保存”。
4. 单击页面左上方的“< 报名信息记录页”，返回应用开发页面。
在报名信息记录页，单击“分享问卷”，分享填报页给用户填报。
- 对内部用户分享：分享该页面给内部用户进行访问。分享后，内部用户输入用户名和密码登录后，可填报数据。
  - 打开：在新窗口打开填报。
  - 复制：复制链接分享给用户填报。
  - ：普通二维码扫码填报（支持WeLink扫码、微信扫码和企业微信扫码）。
  图9 对内部用户分享
- 对外公开分享：分享给外部用户进行访问。支持匿名用户访问，匿名用户无需登录，即可访问并填报表单页。
  图10 对外分享表单
  - 打开：在新窗口打开填报。
  - 复制：复制链接分享给匿名用户填报。
  - ：普通二维码扫码填报（支持WeLink扫码、微信扫码和企业微信扫码）。
  微信或企业微信可直接扫码绑定AstroZero，将微信或企业微信用户绑定为AstroZero内部用户。
管理员在零代码应用“报名信息记录页”中，获取培训报名人员信息，以及用户希望了解的培训内容。
选中全部记录单击“导出”，可获取全部报名信息。

图11 导出填报数据
（可选）创建统计页面，用于查看、分析填报数据。
1. 在报名信息记录页的编辑页面，单击“查看统计”。
  图12 查看统计
2. 之前没有创建过统计页面，会显示如图13所示，单击“点击创建”。
  图13 创建统计报表入口
3. 从左侧选择合适的组件类型拖入到中间区域，并设置组件属性。
  默认已拖入饼图组件，参考图14在“属性面板”中配置相关属性。例如，根据填报者想了解的培训内容进行统计。
  
  鼠标悬浮在组件上，出现复制组件图标，当页面组件数大于一个时，还会出现删除组件图标。
  
  图14 设置组件属性
4. （可选）单击右侧“数据范围”，可设置统计数据的范围。
5. 单击页面上方的“保存”，保存设置。
6. 单击页面左上角的“< 数据统计1”，返回应用开发页面。
7. 单击“查看统计”，可查看统计数据。