检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
高级页面发布为模板后，该开发者用户、注册AstroZero的华为账号、华为账号下其他AstroZero开发者可直接使用该页面模板来创建高级页面。 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在应用设计器的左侧导航栏中，选择“界面”。
在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。 选择待设置权限的表单，单击表单名称后的，进入表单编辑页面。 在页面右上方，单击“权限设置”，设置当前页面的可见权限。 图1 页面权限设置 父主题： 配置用户角色权限
父主题： View对象的操作
图1 标准页面实例 选择一个组件，例如“上传”组件，在右侧区域切换到“事件”页签，单击“文件上传”事件后的“+”，进入“上传”事件的编排页面。 图2 单击文件上传后的加号 在代码编辑区域，使用“debugger” 语句设置断点，单击“创建”。
在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。 单击页面右上角的“查看统计”，进入统计页面。 单击已有统计页面后的，选择“克隆”。 图1 克隆统计页面 克隆成功后，系统自动进入克隆后的统计页面。 图2 克隆的统计页面 父主题： 制作统计报表多维度展示数据
BPM如何与页面交互 BPM中一个重要的内容就是用户任务，而用户任务所有的交互都通过页面实现的。在BPM中使用页面与普通的页面开发有一定的区别。本节将要讲解的内容需要用户有一定的页面开发基础，如果没有相关的背景知识，可以先从 标准页面 和 高级页面开始学习。
在主题中配置该输入框的背景色为红色，启用主题使得标准页面表单中输入框的背景色为红色，效果如图2启用后效果图所示。 图1 启用前效果图 图2 启用后效果图 您需要熟悉CSS的Less代码编写规范，关于Less的内容请参考Less介绍。
图1 选择页面设置 选择“资源”页签，在不需要加载的库资源所在行，单击，将“开发页面不加载”开关打开。 请确认不影响开发页面的功能后，再打开“开发页面不加载”，便于减少在开发时的资源加载。 图2 打开所需开关 父主题： 应用前端开发
实现原理 图1 用户登录服务编排大致设想 如图1所示，用户登录服务编排业务逻辑实现过程如下： 通过调用“用户登录”脚本，查询登录账户密码，然后使用“决策”图元进行判断，判断当前登录的账号密码是否正确。
在“widget_demo_property.editor.js”的“propertiesConfig”中，定义Widget属性，包含属性的类型、名称和在界面展示的标签名。
AstroZero(原AppCube) 1.3.8之前的版本，创建的资源均属于全局资源，支持跨应用引用。AstroZero(原AppCube) 1.3.8及之后的版本，不支持跨应用引用资源。 在AstroZero服务控制台，单击“进入首页”。
如何设置选项关联 一个字段下的多个选项默认隐藏，不同选项的显示与否可与前面的某个字段选项选中与否相关联。
DIV是HTML中的一个标签元素，用来为HTML文档内大块的内容提供结构和背景的元素，可以将“容器”简单理解为画布，通过设置外层画布的属性达到控制内容布局的效果。 流式布局 容器组件默认弹性布局未开启，处于流式布局的状态，如图1所示。
图1 标准页面实例 选择一个组件，例如“上传”组件，在右侧区域切换到“事件”页签，单击“文件上传”事件后的“+”，进入“上传”事件的编排页面。 图2 单击文件上传后的加号 在代码编辑区域，使用“debugger” 语句设置断点，单击“创建”。
桌面端：设置应用在PC端显示的样式。 移动端：设置应用在移动端显示的样式。 应用主题：系统预置的主题颜色，单击“管理应用主题”，可自行设计应用主题。 布局选项：提供了一些常见选项，用于设置应用布局。 启用页签栏：是否启用页签栏。勾选后，应用中将会显示页签栏。
图10 流式布局中调整组件宽度示例 当原上下排布的多个组件所占列数之和小于12时，会自动调整到同一行。如下图所示，三个组件的所占列数分别调整为4，则本例中三个组件将会按照从左到右的顺序依次排布。 通过拖拽的方式，调整组件上下、左右的排布次序。
标题大小：设置标题的大小。 标题位置：设置标题的位置。 字体颜色：设置标题的字体和颜色。 行数：标题占页面的行数。 属性：设置字段的属性，勾选“隐藏”后，页面上会隐藏该字段。 父主题： 零码组件介绍
模块管理机制类似Node.js，但因为平台是基于数据库存放脚本，没有目录与路径的概念，所以下面的module管理只是一个简化版本的Node.js模块管理，也不支持npm的整套机制。 脚本文件和模块是一一对应的，每个脚本被视为一个独立的模块。
为AstroZero标准页面中表格的数据增加链接 期望实现效果 在标准页面中，支持为表格中的数据增加超链接，来提升用户体验和数据交互的便捷性。例如，在表格的webName列中，将鼠标移动至WEB A上在页面的左下角可查看到对应的链接地址，单击会跳转到对应的页面。
下面以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以应用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
