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

时间:2023-11-01 16:15:21

了解应用

【技巧】本小节旨在为您简要介绍应用中的目录结构、前端页面、数据对象相关概念知识,并不是创建应用中的必要步骤,如果您想尽快体验创建应用,请跳过本节,直接阅读操作步骤

  • 认识应用目录。

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

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

    文件夹名

    说明

    Logic

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

    Model

    用于存放数据对象。

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

    Page

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

    Internal dependencies

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

    External dependencies

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

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

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

      本应用中,预置了2个导航菜单页面:问卷提交页、问卷记录管理页。后续您开发其他应用或页面时,您可以在“配置”中新增、编辑导航菜单。
      图6 配置应用导航
    • 服务:应用中服务的相关设置,本应用不涉及。
  • 帮助信息。

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

    图7 模板帮助信息

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

  • 标准页面编辑区。

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

    图8 标准页面编辑区

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

    1. 在调查问卷页面中,选中“表单”组件,右侧属性区域自动显示表单组件的相关属性,在“数据绑定”下,系统自动为“表单”组件绑定了一个“form_1”,其中“form_1”是一个页面对象模型,页面对象是在“模型视图”中定义的,本应用中默认已经创建。
      图9 选择表单组件查看组件属性
    2. 单击页面底部“模型视图”,您可以查看到当前页面中的2个页面模型:form_1、editFlag。

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

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

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

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

support.huaweicloud.com/qs-appcube/appcube_02_0033.html