文档首页> 应用魔方 AppCube> 快速入门> 初学入门> 探索示例应用> 步骤1 :使用应用模板快速创建调查问卷
更新时间:2022-04-27 GMT+08:00
分享

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

轻应用一般为轻量级应用,不涉及复杂化的代码,本节以“对应用魔方AppCube开发者展开调查问卷”为例,介绍如何使用“调查问卷”模板快速创建、配置以及发布调查问卷轻应用。

通过该应用,您可以了解AppCube中的标准页面、公共接口、导航页面设置、对象模型等能力。

创建轻应用

  1. 使用华为云帐号,登录华为云网站,在顶部导航栏右侧单击“控制台”,进入华为云控制台。
  2. 在左侧导航栏上方,单击,选择服务实例所在的区域项目。单击,在查找框中搜索“应用魔方”。单击查找出的结果,进入AppCube服务控制台。
  3. 在AppCube服务控制台,单击“旧版入口”。
  4. AppCube开发环境首页的“项目”页签下单击“轻应用”。
  5. 鼠标放在“问卷调查”下的“调查问卷”模板上,会出现“查看模板”和“使用模板”图标,单击“使用模板”。

    这里使用的是“调查问卷”模板讲述开发应用的大致流程和一些相关知识,AppCube还预置了“问卷调查[高阶]”模板,“问卷调查[高阶]”模板用于快速定制个性化调查问卷,发布匿名/企业问卷。若想了解更多关于高阶模板的相关使用指导,可将鼠标放在“问卷调查”下的“问卷调查[高阶]”模板上,单击“查看模板”,再单击“查看说明文档”获取相关指导。

  6. (可选)首次创建应用时,您需要先定义专有的命名空间:在提示窗中,单击“创建”,输入“命名空间”,例如“CNAME”,再单击“创建”。

    命名空间一旦设定不能修改,且唯一,请慎重定义;建议您使用公司或者团队的缩写作为命名空间。

    后续您创建的应用、应用元素(例如对象、脚本、服务编排、页面等)的名称前,系统会为其增加命名空间。例如,您将命名空间定义为“CNAME”,您后续创建的所有应用、应用元素(对象、脚本、页面等)都将以“CNAME__”开头。

    图1 输入命名空间

  7. 命名空间创建完成后,在“创建轻应用”页面填写该应用标签和名称“Questionnaires”,单击“创建”。

    图2 创建轻应用
    表1 “创建轻应用”页面参数说明

    参数

    参数说明

    添加图标

    可为该轻应用设置图标。

    标签

    轻应用的展示名称。

    名称

    轻应用在系统内的唯一标识。输入标签值后单击该参数的输入框,系统会自动生成轻应用的名称。系统会自动在该名称前添加命名空间__。

    分类

    应用所属的分类。

    描述

    轻应用的描述信息。

    运行时版本

    展开“高级设置”时才会显示该参数。开发的资产包依赖所选择的运行时版本,若线下运行版本不一致,可能产生不兼容。

    图3 创建后的应用

    在应用开发页面,若提示“您的租户没有配置默认邮件服务器地址,将会导致在服务编排/BPM/脚本中发送邮件功能不可用”,请直接忽略,本示例不涉及。

    调查问卷轻应用继承了模板功能,即调查问卷是一个具备完整功能的应用,无需做任何修改,单击左侧,可直接模拟问卷客户,预览并体验调查问卷应用的功能,具体操作请参见步骤4:预览并体验应用

    若您想在模板应用的基础上自定义应用的问卷项及页面,请执行(可选)步骤2:自定义调查问卷项(可选)步骤3:自定义调查问卷页面

了解应用

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

  1. 认识应用目录。
    图4所示,当前应用有4个默认目录。默认目录是AppCube推荐使用的应用文件目录结构,轻应用在创建之后,默认已经自动创建应用目录,目录中的文件组成了完整的应用。后续您需要开发其他应用时,这些元素则需要您自己设计并创建。
    图4 应用目录及导航栏图标
    表2 应用目录介绍

    文件夹名

    说明

    Logic

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

    Model

    用于存放数据对象。

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

    Page

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

    Internal dependencies

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

    External dependencies

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

    您也可以根据自己的开发习惯,单击应用名右侧“+”,添加新的应用目录,自定义放置应用资源。
    图5 添加自定义应用目录
  2. 了解应用设置。
    • 页面设置:应用中页面的相关设置,本应用不涉及。
    • 配置:用于配置应用中的各种应用公共参数(运营配置、导航条、布局与颜色、选项列表、系统参数等)。

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

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

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

    图7 模板帮助信息

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

  4. 标准页面编辑区。

    首次进入应用,默认显示调测问卷首页,调查问卷首页是一个标准页面,关闭帮助信息后,可以看到完整的标准页面编辑区,如图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判断当前页面类型,如果不可编辑,则将查询的对象数据展示到页面中。

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

分享:

    相关文档

    相关产品

关闭导读