检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
修改第1个折叠页“折叠页签标题”的“标签”下的“文本内容”修改为“故障记录”。 在“故障记录”的“折叠页签内容”下，拖入1个分栏组件，设置为3列，并向第1列拖入“输入框”，并修改输入框的标签为“故障现象说明”。 修改第2个折叠页“折叠页签标题”的“标签”下的“文本内容”修改为“时间记录”。 在“时间
在应用设计器的左侧导航栏中，选择“界面”，单击页面后的“+”。 输入页面的标签和名称，单击“添加”，新建一个标准页面。 图12 新建一个标准页面 表4 标准页面参数说明 参数 说明 示例 标签 标准页面的标签名，创建后可修改。 取值范围：1~64个字符。 page01 名称 标准页面的名称，名称是标准页面在系统中的唯一标识，创建后不可修改。命名要求如下：
开发界面，您可以阅读以下内容初步了解标准页面。 图1 标准页面开发界面 标准页面开发界面由左侧组件区域、上方按钮区域、中间工作区域和右侧可配置页面元素区域四部分组成。各区域功能介绍，请参见表1。 表1 标准页面区域功能说明 分类 功能说明 按钮区域 页面的功能按钮区域，包括保存、
消息类型：弹出的消息类型，如成功、错误、警告和提示。 标题：消息对话框左上角，显示的标题。 消息内容：消息对话框中，显示的消息内容。 内容作为HTML渲染：内容是否作为HTML渲染。动态渲染HTML容易导致XSS攻击，开启此属性时，请确保传入的内容是可信的。 按钮：消息对话框中，显示的按钮名称。 弹出后延时自动
在应用设计器菜单栏下方，单击“页面设置”。 图1 选择页面设置 选择“资源”页签，在不需要加载的库资源所在行，单击，将“开发页面不加载”开关打开。 请确认不影响开发页面的功能后，再打开“开发页面不加载”，便于减少在开发时的资源加载。 图2 打开所需开关 父主题： 应用前端开发
言名称和多语言内容，例如“名称”设置为“item”，中文设置为“您最常使用的功能或者您最感兴趣的功能有哪些？”。 选项 下拉框单击后可选择的选项内容。 设置如图9所示选项。其中选项值支持国际化配置，在配置该属性时，选择“创建或更新多语言”，设置多语言名称和多语言内容。 是否多选 配置下拉框是否提供多选的能力。
高级页面开发框架 在开发高级页面过程中，主要涉及组件、库、桥接器、事件和动作等相关内容。组件、库、桥接器、事件和动作之间的关系，可概述为： 组件为高级页面的元素，组件的可复用性可以大幅提高开发效率。 组件的事件-动作机制提升页面的灵活度，使得组件与组件、组件与页面之间可以交互。 库作为组件的依赖
带提示信息。 示例如下： 示例1：校验输入文字内容长度不能超过10个字符。 return value.length <= 10 其中，“value”变量为系统已定义好的，表示输入内容变量，可直接使用该变量。 示例2：校验输入文字内容只能输入大写的A-Z，或者小写的a-z。 返回值类型为布尔：
定日期时间和指定表单内日期时间字段。 自动提醒：是否开启自动提醒，默认为关闭。 在节点处理截止时间当时、之前或之后发送提醒。 提醒内容：输入提醒内容，如请及时处理待办任务。 被提醒人：默认为节点责任人。 自动提交：是否开启自动提交，默认为关闭。 开启后，可以设置在节点处理截止时间当时、之前或之后自动提交。
如果无需创建标准页面目录，请直接单击页面后的。 选中“空白”，设置页面的标签和名称，单击“添加”。 图1 设置标准页面基本信息 表1 标准页面参数说明 参数 说明 标签 输入标准页面的标签名，用于在页面显示，创建后可修改。 取值范围：1~64个字符。 名称 输入标准页面的名称，名称是标准页面在系统中的唯一标识，创建后不可修改。命名要求如下：
入其他组件。 折叠面板：用于对页面的某些区域进行折叠和展开，可放下多个折叠页组件。 页签：用于制作多页签页面时使用，可放下多个页签组件，实现多页签效果，可在不同的页签内放置内容，通过点击标签切换显示不同的内容。 列表视图：用于灵活组合列表项的内容，并且根据实例化数据动态展示。使用时需要在List
）进行定制时，可以选择创建扩展类型应用。 使用该方式创建的应用，会继承原有应用或者解决方案包里的应用设置，如站点设置、导航条等，可将原有应用或者解决方案包里应用的组件资产添加到扩展应用里进行定制，复用已有资产，满足业务需求，大大提高开发效率。 创建扩展应用 进入AstroZero服务控制台。
记录”组件至表单设计区域，如图1。 图1 关联记录 例如，系统预置的“订餐应用”，“选择套餐”字段为关联记录组件，关联“已上架套餐”视图页面的某些字段，用于订餐人选择订餐。 图2 配置样例 图3 展示效果 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。
Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，全称Division，即为划分，有时可以称其为图层。 DIV是HTML中的一个标签元素，用来为HTML文档内大块的内容提供结构和背
提供系统层面的操作，例如获取系统参数值、提供alarm脚本库在脚本里埋点上报告警。 context 脚本执行的上下文，例如获取当前租户ID、获取当前登录用户ID等。 action 定义脚本的输入输出方法，以及调用脚本的方法。 buffer 操作二进制缓存区，例如将缓冲区内容转换为字符串。
在“HW__createWorkOrder”页面的“设计视图”下，选中“提交”按钮。 在右侧“事件”页签中，单击“点击”后的“+”。 在“添加动作”弹窗的“自定义动作”中，输入如下事件代码。 脚本中加粗斜体内容请替换为实际的命名空间前缀。 // 配置页面的bpm参数bp.name，通过sub
TypeScript执行引擎没有自带模块管理，嵌入引擎时，需要开发人员手动引用。 模块管理机制类似Node.js，但因为平台是基于数据库存放脚本，没有目录与路径的概念，所以下面的module管理只是一个简化版本的Node.js模块管理，也不支持npm的整套机制。 脚本文件和模块是一一对应的，每个脚本被视为一个独立的模块。假设，有一个名称为foo的脚本：
Layout），标准页面的基础布局主要是通过“容器”组件实现的。 容器组件就是基础的布局容器，可以将其理解为CSS中DIV的概念。DIV是层叠样式表中的定位技术，全称Division，即为划分，有时可以称其为图层。 DIV是HTML中的一个标签元素，用来为HTML文档内大块的内容提供结构和背
文档地址：设置当前应用包的文档链接。 授权模式：设置应用包的完整性和保密性。 加密保护应用包：对应用包中的内容进行签名和加密，以防止有人获取应用包后明文查看甚至篡改包中的内容。 应用安装后允许查看代码：在环境上作为资产安装时，可以通过应用设计器查看安装后的应用代码，但不可编辑。
的实时在线调测。对于前台页面中常遇到的样式或功能问题，可借助浏览器内置的开发者工具来对问题进行调试和定位。 前台页面常用调测方法 在高级页面的开发中，常借助浏览器内置的开发者工具对样式或功能问题进行定位和分析。下面以Chrome浏览器为例，简单介绍浏览器开发者工具中常用的调测方法
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
