检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
流式布局与绝对布局的自适应设计 以电脑端为例，分别为您介绍流式布局与绝对布局的自适应设计。 流式布局 流式布局为自适应布局，用于常规Web应用开发，例如电商网站、管理网站等。流式布局为12列栅格布局，可拖动组件右侧边界，按栅格进行组件宽度调整。组件高度将根据组件内容进行自适应，页面中组件将按照从左到右、
示例如下： 示例1：校验输入文字内容长度不能超过10个字符。 return value.length <= 10 其中，“value”变量为系统已定义好的，表示输入内容变量，可直接使用该变量。 示例2：校验输入文字内容只能输入大写的A-Z，或者小写的a-z。 返回值类型为布尔： var
颜色：设置背景的颜色。 高级设置 选中基本柱图组件，单击鼠标右键选择“高级设置”，可对柱状图进行多种配置。 图3 基本柱图效果图 参考配色模板：系统默认提供两种可选柱图模板，单击即可切换样式。 默认：按照数据进行排序展示。 蓝色渐变不排序。 可选择某一模板重置，也可通过设置各配置项得到想要的效果。
参考登录AstroZero新版应用设计器中操作，登录应用设计器。 单击页面左上角的，选择“环境管理 > 环境配置”，进入环境配置。 在顶部主菜单中，选择“维护”。 在左侧导航栏中，选择“全局元素 > 页面资产管理 > 组件”。 在“全局”组件中，单击“路由导航(示例)”，进入组件详情页面。 图5
高级设置 选中自定义背景框组件，单击右键选择“高级设置”，可配置参考模板、背景颜色、阴影设置、边框设置参数。 图2 矩形装饰配置界面 参考模板：系统默认提供四种可选模板，单击即可切换样式。 背景颜色：背景颜色设置，包括是否显示背景颜色、单一色或者渐变色配置。 阴影设置：支持设置为内部阴影、外部阴影或者自定义阴影。
actionName(); 对象 由Object对象表映射生成，关于对象模型的详细介绍，请参见对象。 系统自动获取Object所有的字段，开发者可以从中选择部分字段作为参数。 系统自动生成查询、保存、删除和统计四个方法。 $model.ref("modelName").query(param);
、从左到右的顺序依次排列，组件的高度将根据组件内容大小进行自适应，宽度可按百分比进行配置。流式布局常用于常规Web应用开发，例如电商网站、管理网站等。 绝对布局高级页面 创建绝对布局类型的高级页面。 参考登录经典应用设计器中操作，登录经典版应用设计器。 在模块树中，将鼠标放在某个文件夹上，单击加号，选择“高级页面”。
面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 父主题： 平台标准组件介绍
String 参数解释： 需要对服务编排执行的操作。 约束限制： 不涉及。 取值范围： 各个操作取值及其含义如下： start：启动服务编排，系统标准启动操作。 run：开始执行服务编排，自定义启动操作。 next：执行服务编排的下一步。 back：执行服务编排的上一步。 finis
选中输入框组件，在“事件”页签，单击“失去焦点”后的。 图6 设置事件 在代码编辑区域，编辑事件代码，单击“创建”。 图7 自定义JS代码 系统中已存在商品对象“命名空间__Product__CST”，并有“name”和“命名空间__status__CST”两个字段，分别是商品名和
在基本中，拖拽“记录删除”图元至画布中。 选中记录删除图元，单击，设置基本信息。 表1 基本信息参数说明 参数 参数说明 标签 图元的标签，用于在页面显示。系统会自动填入该值，格式为RecordDelete序号，序号从“0”开始，表示同类型图元序号。 名称 图元的标识，请确保在当前服务编排中唯一。
义触发器。在增/删/改对象的记录数据时，自动触发自定义的TypeScript脚本执行。脚本的执行结果将会影响主操作（即增删改记录）的结果，系统保证主操作与触发器在一个事务中执行，要么都成功，要么都失败。 为什么要用校验器和触发器 使用校验器主要是为了方便对字段做一些简单的规则限制
之后执行的脚本。一般用于删除、更新数据等。 部署策略 > 安装时组件的更新策略 当打包的组件中包含系统参数、连接器、Rest操作、数据接入或事件流时，才会显示该参数。例如可设置系统参数随包打包发布后，在升级时遇到新旧数据冲突（唯一索引相同的数据）的数据更新策略。 覆盖：当相关组件
颜色：设置背景的颜色。 高级设置 选中基本柱图组件，单击鼠标右键选择“高级设置”，可对柱状图进行标题、图例等配置。 图4 基本柱图效果图 参考配色模板：系统默认提供两种可选柱图模板，单击即可切换样式。 默认：按照数据进行排序展示。 蓝色渐变不排序。 可选择某一模板重置，也可通过设置各配置项得到想要的效果。
器信息一并打出。例如，如果应用包发布到运行环境，当前配置默认会被同步到运行环境中。如果不勾选，则内容不会打包发布到运行环境，此时需要您参考管理应用中的连接器中操作，创建对应的连接器。 默认为选中，对信息敏感的场景，建议不勾选。 设置完成后，单击“保存”。 在脚本中调用连接器 在脚
选择“账号密码错误”图元，在右侧单击图标，单击“新增行”。 从全局上下文的“系统变量”中，拖拽“$Flow.ResMsg”到“赋值”下，并设置“操作符”为“=”，拖拽“msg”到“值”。 单击“新增行”，拖拽“系统变量”下的“$Flow.ResCode”到“赋值”的“变量”下，设置“操
图5 分享页面1 图6 分享页面2 打开：在新窗口打开填报。 复制：复制链接分享给匿名用户填报。 ：二维码扫码填报（支持WeLink扫码、微信扫码和企业微信扫码）。单击二维码中的“生成海报”，可将表单生成海报，具体操作请参见将表单生成海报。 微信或企业微信可直接扫码绑定Astr
在基本中，拖拽“记录删除”图元至画布中。 选中记录删除图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用于在服务编排设计页面展示。系统会自动填入该值，格式为RecordDelete序号，序号从“0”开始，表示同类型图元序号。 名称 设置图元的名称，名称为图元在服务编排中的
取值范围： 不涉及。 label String 参数解释： 应用的展示名称。 取值范围： 不涉及。 name String 参数解释： 应用在系统内的唯一标识。 取值范围： 不涉及。 description String 参数解释： 应用的描述信息。 取值范围： 不涉及。 type String
false”语句，可取消上传预览。 当前文件。 文件名。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。 系统为上传组件预置了clearFiles()方法，该方法用于清除上传文件列表。在上传组件的事件编排JS代码中，可使用该方法，示例JS代码如下：
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
