说明
【技巧】本小节旨在为您简要介绍应用中的目录结构、前端页面、数据对象相关概念知识,并不 是创建应用中的必要步骤,如果您想尽快体验创建应用,请跳过本节,直接阅读操作步骤。
1. 认识应用目录。
如图2-18所示,当前应用有4个默认目录。默认目录是AppCube推荐使用的应用 文件目录结构,轻应用在创建之后,默认已经自动创建应用目录,目录中的文件 组成了完整的应用。后续您需要开发其他应用时,这些元素则需要您自己设计并 创建。
图2-18 应用目录及导航栏图标
表2-6 应用目录介绍
dependencies 存放内部依赖文件,例如BO、原生服务,本应用中未 涉及。
External
dependencies 存放导入的外部依赖文件,例如BO、原生服务,本应 用中未涉及,单击“+”可以添加BO或原生服务。
图2-20 配置应用导航
– 服务:应用中服务的相关设置,本应用不涉及。
3. 帮助信息。
使用应用模板创建的应用,默认提供了帮助信息,通过视频操作方式,向您介绍 如何在前端页面中新增问卷问题等其他详细操作。
图2-21 模板帮助信息
说明
如果帮助信息未显示,请单击界面右下角 ,即可再次显示。
4. 标准页面编辑区。
首次进入应用,默认显示调测问卷首页,调查问卷首页是一个标准页面,关闭帮 助信息后,可以看到完整的标准页面编辑区,如图2-22所示。
图2-22 标准页面编辑区
标准页面是在AppCube开发应用常用的页面形式,以下以调查问卷页面“命名空 间__Questionnaires_questionnairePage”为例,带您初步了解前端页面、页面模 型与后端数据对象之间的关系:
a. 在调查问卷页面中,选中“表单”组件,右侧属性区域自动显示表单组件的 相关属性,在“数据绑定”下,系统自动为“表单”组件绑定了一个
“form_1”,其中“form_1”是一个页面对象模型,页面对象是在“模型视 图”中定义的,本应用中默认已经创建。
图2-23 选择表单组件查看组件属性
b. 单击页面底部“模型视图”,您可以查看到当前页面中的2个页面模型:
form_1、editFlag。
说明
前端页面模型根据绑定的后端资源不同,分为自定义对象、对象模型、服务模型和事 件模型四种,详细介绍请参见标准页面。
图2-24 页面的模型视图
▪
form_1为页面对象模型,在当前页面中,form_1映射绑定了后端数据对 象“命名空间__Questionnaires_qR__CST”;同时,在前端页面中 form_1又被表单组件进行了数据绑定,当用户输入问卷信息后,单击“提交”按钮,触发按钮的“点击”事件,即可将这些数据存入到后端 数据对象,完成数据传递,三者关系如图2-25、图2-26所示。
图2-25 数据传到页面模型“form_1”最终存入到数据对象
图2-26 页面查询时从数据对象查询获取展示到组件
▪
editFlag为页面自定义模型。当用户提交问卷后,单击“问卷详情”,页面on-load事件,先通过 editFlag判断当前页面类型,如果不可编辑,则将查询的对象数据展示到 页面中。
了解标准页面与后端数据对象的关系后,您可以打开其他页面,尝试分析一下页 面逻辑,也可以查看帮助信息中的视频,学习如何在应用中修改标准页面。