检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明请参见表3 组件名.js中预置API说明。 TabsWidget.editor.js 组件属
json中必选要包含待引入的文件。例如，MintUI库需要引入文件“js/index.js”和“css/index.css”，请在packageinfo.json中添加这两个文件的描述。其中，“js”和“css”用于定义文件类型，“name”用于定义文件路径及名称。 { "js": [ {
示例1：校验输入文字内容长度不能超过10个字符。示例JS代码如下： return value.length <= 10 其中，“value”变量为系统已定义好的，表示输入内容变量，可直接使用该变量 示例2：校验输入文字内容，只能输入大写的“A-Z”，或小写的“a-z”。示例JS代码如下： 返回值类型为布尔：
json包含所要引入的文件。例如，MintUI库需要引入的文件有“js/index.js”和“css/index.css”文件，请在packageinfo.json中添加这两个文件的描述，如下所示。其中，“js”和“css”定义文件类型，“name”定义文件路径及名称。 { "js": [ {
在“资源”页签，可查看并引用应用需要的Library。 在“属性”页签，可配置站点属性。 站点设置 合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。
了解事件执行顺序 在低代码平台的标准页面中，支持给单个组件的事件添加多个动作，上下拖动可对动作进行排序。如下图所示，给按钮组件设置了“重置表单”和“自定义JS代码”两个动作。在预览页面单击该按钮时，会按照设置的顺序先执行“重置表单”，再执行“自定义JS代码”。 父主题： 添加事件实现AstroZero组件间交互
文件名 文件说明 TabsWidget.js 组件逻辑文件，整个Widget的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。主要包含的预置API说明，请参见高级页面组件中预置的API。 TabsWidget.editor.js 组件属性定义文件，负责组件在编辑状态时，需要渲染的界面和逻辑。“*
回调方法。 图7 服务编排快捷代码 在代码编辑界面左侧，单击“服务类”下的“脚本编排”按钮，获取调用脚本编排的代码。通过简单的修改，如脚本编排的名称，即可初始化并得到脚本编排对象。调用平台内置run方法，来执行脚本。 图8 脚本编排快捷代码 在代码编辑界面左侧，单击“服务类”下的
归档应用代码 使用约束 应用开发完成后需要打包编译，如果编译包类型为源码包，源码包的内容即是应用代码。归档内容主要包括编译后的对象、页面、服务编排、脚本等组件，您可以参考以下方式编译打包并下载归档应用代码。 操作步骤 参考如何导出源码包中操作，将应用编译为源码包。 将源码包发布到“我的仓库”。
错误信息：正则表达式校验失败时，提示的错误信息。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。 布尔类型：返回为“false”表示未通过校验，即校验失败，
应用前端开发概述 前端开发是指通过拖拉拽预置或自定义组件，进行页面配置开发。AstroZero低代码平台提供了标准页面、高级页面和报表三种类型的前端页面。在开发前端页面前，请先了解三者的区别。 标准页面主要适用于对样式要求相对简单的场景（如表单类应用），这种页面一般用于业务数据的
修改解压后的“Navigator_Widget.js”文件。 “Navigator_Widget.js”文件是Widget逻辑文件，整个Widget的渲染核心JS。“路由导航(示例)”组件是基于Vue Router（ Vue.js官方的路由管理器）开发的，请参考Vue Router的代码开发规范，修改组件包中的文件。
> 自定义动作”。 在“事件编辑”中，通过代码“console.log(`${pm.pageMacro}`)”获取页面宏。 其中，“pageMacro”请替换为实际的页面宏“ID”，注意代码中必须要加“`”。 图6 在“事件编辑”自定义代码中获取页面宏 此时画布中的widgetPa
填时，输入值为空的情况下，提示的错误信息。 自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。 布尔类型：返回为“false”表示未通过校验，即校验失败，
且需要进行信息交互时，频繁的给每个组件去定义事件或动作就比较繁琐了。此时，可以通过定义全局状态，来实现页面级所有组件中数据信息的更新。 低代码平台高级页面支持设置全局状态，通过页面级内存方式共享数据，即采用集中式存储管理页面所有组件的状态，并以相应的规则保证状态以一种可预测的方式
同页面内组件的交互 组件中自定义事件、动作 若低代码平台预置的事件与动作不能满足您的开发需求，还可以在组件中对其进行自定义，以实现业务逻辑。 低代码平台提供的组件模板中，包含了事件和动作的模板组件（widgetEventTemplate、widgetActionTemplate）。在经典版管理中心的“应用管理
connectorDescription：定义该桥接器的说明。 authorName：定义该桥接器的开发人员。 “bridgeTest.js”代码如下，加粗为预置的桥接器API，API说明请参见高级页面桥接器中预置的API。 var bridgeTest = ConnectorWrapper
事件配置 在“添加动作”页面，选择“自定义动作”，输入自定义JS代码，单击“创建”。 如下JS代码仅为示例，请根据实际情况修改示例中表单名称（form_0）和字段名称（data.name）。更多自定义JS脚本介绍，请参见如何通过JS代码，实现页面与后台接口间的交互。 let data =
见如何引入第三方库。 系统为上传组件预置了clearFiles()方法，该方法用于清除上传文件列表。在上传组件的事件编排JS代码中，可使用该方法，示例JS代码如下： var _component = context.$component.get('upload_0');_component
一个完整的应用，少不了多角色用户的协作，每个角色对数据具有不同的管理权限。系统为零代码应用预置了表1中三种角色，您也可以根据自身业务需求自定义角色。 表1 系统预置角色说明 角色 说明 零码开发者 零代码应用开发者权限，默认拥有零代码应用的创建、查看、编辑和删除权限。对应AstroZero运行环境管理中心“用户管理
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
