检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
站点设置 合并并压缩资源：勾选后，在发布该应用时，对应用中所有高级页面涉及的css和js文件进行合并及压缩，这样可以有效降低运行时服务器压力，但从终端浏览器首次访问该站点页面时，访问时间会稍微增加。 资源延迟加载：勾选后，在body标签中加载资源。
例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包，如图1。
单击语言后的，会显示“请在翻译工作台中添加支持的语言”。单击“翻译工作台”跳转到对应页面，在翻译工作台中可添加系统支持的语言。 格式 错误码信息描述，长度不能超过255个字节。在描述中，可以用{Number}表示变量名。
图4 创建一个空脚本 在脚本编辑器中，输入如下代码。
输入自定义JS代码，调用库中的方法获取git仓库的地址。 关于fetch的使用方法及介绍，请参考Fetch API。
表1 组件文件结构 文件名 文件说明 TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。
添加库扩展AstroZero标准页面功能 如果您希望使用第三方库文件，而当前系统中不存在该库，您可以通过上传，新增该JS/CSS库，并在页面中设计并使用该库，实现引入第三方库的功能。本节将介绍如何引入并使用第三方库的具体操作步骤。
复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。 开发自定义组件前，请先了解JS和Vue相关知识，具备一定的JS和Vue开发经验。
若支持的语言未在下拉框中显示，可单击语言后的，再单击“翻译工作台”，跳转到翻译工作台配置页面，添加支持的语言。 格式 新增错误码的信息描述，长度不能超过255个字节。 在描述中，可以用{Number}表示变量名。
例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包。该场景中Zip包为“MintUI.zip”，单击链接获取该包。
主要事件说明 事件编排器说明 如何通过JS代码，实现页面与后台接口间的交互 页面级常见操作 控制组件是否可见可用可编辑 BPM相关预置事件说明 父主题： 标准页面
图4 “Console”页签查看日志相关信息 图5 在“Network”页签查看网络请求信息 单击上传按钮上传文件，由于之前在上传事件的自定义JS代码中使用“debugger” 语句设置断点，因此事件代码在执行到debugger语句时会停止执行。
(event.eventParam.param); } } DisplayWidget.js文件中第一行代码“var DisplayWidget = StudioWidgetWrapper.extend();”，其含义为新建的自定义组件继承于AstroZero平台定义的StudioWidgetWrapper
自定义校验：是否进行自定义校验，打开后需要设置校验JS代码。当输入框在表单组件中，该设置才会生效。 校验方法：输入JS代码定义校验规则，代码的返回值必须为布尔类型或者对象类型。
例如，在MintUI官网下载组件库的代码，增加一个packageinfo.json元数据描述文件，在该文件中列出Library包含的js和css文件名，并打成Zip包，如图2。您也可以单击链接，获取该包。
表1 组件文件结构 文件名 文件说明 TabsWidget.js 在开发自定义组件时，需要定义“组件名.js”文件，该文件为组件逻辑文件，是整个组件的渲染核心JS，在组件编辑状态和页面最终的发布运行态都会被加载执行。
单击“点击”后的“+”，在“添加动作”弹窗中，输入以下自定义JS代码。
+[a-z]{2,}$"); return reg.test(value); 校验错误信息 当“自定义校验”中，JS代码返回值类型为布尔类型时，会取该参数的值为错误提示信息。 当“自定义校验”中，JS代码返回值类型为对象类型时，直接取返回值中的message值为错误提示信息。
在多语言详情页面，单击值中的“新建”，设置语言类型和该语言下资源的翻译内容。 重复上一步，配置其他语言类型。 多语言中配置的信息，可以通过无认证方式访问，请勿设置敏感信息。 父主题： 如何设置应用
CustomTranslation 包含用户自定义的翻译。 TranslationSetting 包含翻译工作台里的信息。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
