ASTRO轻应用 ASTROZERO-步骤1 :使用应用模板快速创建调查问卷:了解应用

时间:2024-04-28 13:51:47

了解应用

【技巧】本小节旨在为您简要介绍应用中的目录结构、前端页面、数据对象相关概念知识,并不是创建应用中的必要步骤,如果想尽快体验创建应用,请跳过本节,直接阅读(可选)步骤2:自定义调查问卷项

  • 认识应用目录

    图5所示,当前应用有4个默认目录。默认目录是AstroZero推荐使用的应用文件目录结构,轻应用在创建后,默认已自动创建应用目录,目录中的文件组成了完整的应用。后续需要开发其他应用时,这些元素则需要您自己设计并创建。您也可以根据自己的开发习惯,单击应用名右侧的“+”,添加新的应用目录,自定义放置应用资源,如图6

    图5 应用目录及导航栏图标
    图6 添加自定义应用目录
    表2 应用目录介绍

    文件夹名

    说明

    Logic

    用于存放业务中的后台逻辑,例如服务编排、脚本等。业务功能复杂时,需要创建后台逻辑完成。本应用中未涉及。

    Model

    用于存放数据对象。

    数据对象相当于数据库中的一张表,根据业务功能不同,您可以在应用中创建各种数据对象,用来存储业务数据。本应用中的问卷记录对象“Questionnaires_qR__ CS T,是用于保存前端页面获取的“问卷记录”中的数据,实际创建的数据对象名为“CNAME__Questionnaires_qR__CST”,命名规则对应是“命名空间__应用名_qR__CST”,单击数据对象名,即可查看或编辑数据对象。

    Page

    用于存放前端页面。示例应用中有3个前端页面,分别是问卷提交页、问卷记录管理页以及问卷提交成功页。其中页面名称命名规则对应是“命名空__应用名_页面名”。

    Internal dependencies

    存放内部依赖文件,例如BO、原生服务,本应用中未涉及。

    External dependencies

    存放导入的外部依赖文件,例如BO、原生服务,本应用中未涉及,单击“+”可以添加BO或原生服务。

  • 了解应用设置
    • 页面设置:应用中页面的相关设置,本应用不涉及。
    • 配置:用于配置应用中,各种应用公共参数(运营配置、导航条、布局与颜色、选项列表、系统参数等)。

      本应用中,仅用到“导航条”的相关功能,即在导航条页签下,设置应用导航菜单。

      本应用中,预置了2个导航菜单页面,即问卷提交页、问卷记录管理页。后续开发其他应用或页面时,可以在“配置”中新增、编辑导航菜单。

      图7 配置应用导航
    • 服务:应用中服务的相关设置,本应用不涉及。
  • 帮助信息

    使用应用模板创建的应用,默认提供了帮助信息。即通过视频操作的方式,向您介绍如何在前端页面中新增问卷问题等。

    图8 模板帮助信息

    如果帮助信息未显示,请单击界面右下角,即可再次显示。

  • 标准页面编辑区

    首次进入应用,默认显示调测问卷首页,调查问卷首页是一个标准页面,关闭帮助信息后,可以看到完整的标准页面编辑区,如图9所示。

    图9 标准页面编辑区

    标准页面是在AstroZero开发应用常用的页面形式,以调查问卷页面“命名空间__Questionnaires_questionnairePage”为例,带您初步了解前端页面、页面模型与后端数据对象之间的关系。

    1. 在调查问卷页面中,选中“表单”组件,右侧属性区域自动显示表单组件的相关属性,在“数据绑定”下,系统自动为“表单”组件绑定了一个“form_1”。

      其中,“form_1”是一个页面对象模型,页面对象是在“模型视图”中定义的,本应用中默认已经创建。

      图10 选择表单组件查看组件属性
    2. 单击页面底部“模型视图”,可以查看到当前页面中的2个页面模型form_1、editFlag。

      前端页面模型根据绑定的后端资源不同,分为自定义对象、对象模型、服务模型和事件模型四种,详细介绍请参见标准页面

      图11 页面的模型视图
      • form_1为页面对象模型,在当前页面中,form_1映射绑定了后端数据对象命名空间__Questionnaires_qR__CST”。同时,在前端页面中form_1又被表单组件进行了数据绑定,当用户输入问卷信息后,单击“提交”按钮,触发按钮的“点击”事件,即可将这些数据存入到后端数据对象,完成数据传递,三者关系如图12图13所示。
        图12 数据传到页面模型“form_1”最终存入到数据对象
        图13 页面查询时从数据对象查询获取展示到组件
      • editFlag为页面自定义模型。

        当用户提交问卷后,单击“问卷详情”,页面on-load事件,先通过editFlag判断当前页面类型,如果不可编辑,则将查询的对象数据展示到页面中。

    了解标准页面与后端数据对象的关系后,可以打开其他页面,尝试分析一下页面逻辑,也可以查看帮助信息中的视频,学习如何在应用中修改标准页面。

support.huaweicloud.com/qs-astrozero/astrozero_02_0033.html