检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
本实践所涉及到的自定义组件是基于Vue2框架开发的，而系统是默认开启Vue3框架渲染组件的，所以您需要手动关掉Vue3框架渲染组件开关，否则拖拽组件到页面时会提示如下报错。 图4 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。
如何使用WebSocket 使用说明 开发高级页面时，如果需要消息主动推送、高实时数据展示，您需要使用WebSocket来实现后台数据调用。 WebSocket是一种HTML5提供的网络传输协议。WebSocket协议支持Web浏览器，使得客户端和服务端之间可以创建长久连接并进行
创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作，申请AstroZero免费试用或购买商业实例。 实例购买后，在AstroZero服务控制台的“主页”中，单击“进入首页”，进入应用开发页面。 在“应用”中，单击“新建低代码应用”或单击，进入新建低代码应用页面。 在新建
lobal_Vue”的，需要写在“global_Vue”之后。依赖关系的详细介绍，请参见如何引入第三方库。 在“widget_demo_i18n.js”的render方法中，使用平台提供的“HttpUtils.getI18n”方法返回一个“i18n”变量，并新建Vue实例传入该“i18n”变量。
使用WebSocket为AstroZero高级页面组件绑定数据 操作场景 开发高级页面时，如果需要消息主动推送、高实时数据展示，您需要使用WebSocket来实现后台数据调用。例如，园区系统在日常运行中，常监测到人员异常或故障信息，需要以告警显示的形式显示在前端界面中。为简化用例
基础功能，例如绩效管理、请假电子流、健康打卡、在线投票等。标准页面中的组件是基于Vue.js的通用基础组件，常用于管理端表格表单类的页面开发，如布局容器、数据容器、输入、显示、按钮等。 高级页面主要用于开发应用中较复杂的前端页面，例如包含图片、图表、视频、地图等元素的页面，您也可
63]个字符，只能由小写英文字母、数字、点或中划线(-)组成，且必须以小写字母开头，小写字母或数字结尾。 描述：配置项的描述信息。 配置数据：工作负载中配置的数据，可在容器中使用，或被用来存储配置数据。单击“新增行”，可添加配置数据。 键：配置项文件名。 值：文件中的内容。单击值中的，选择6中创建的全局变量。
口等。 在应用中使用BO 在AstroZero中开发应用时，通过添加依赖的方式，将BO添加到应用中。添加后，即可在应用中使用该BO，例如在标准页面的服务模型中，调用BO中的服务编排。 参考登录AstroZero新版应用设计器中操作，进入应用设计器。 在左侧导航栏中，单击“设置”，进入应用设置页面。
并加载到页面中进行使用。在经典版应用设计器的左侧列表中，单击，在“高级页面 > 库 > 租户”中，可查看自定义的库。 场景描述 本章节以某Widget中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库，并在Widget使用库。 操作步骤 将自定
使用AstroZero创建应用 使用AstroZero创建应用概述 登录AstroZero新版应用设计器 使用AstroZero创建一个空白应用 使用AstroZero预置模板创建应用 使用AstroZero创建扩展应用 使用AstroZero创建应用资产
禁用资产”中，可查看已禁用的库。库禁用后，在库详情页面，单击“删除”，输入待删除库的名称，可删除该库。若需解除禁用，可单击“启用”，重新启用该库。 自定义并上传新库 以某组件中需要使用Vue（系统预置库）以及MintUI（自定义库）为例，介绍如何上传自定义库并如何在组件中使用库。 将自定义库的相关文件打成Zip包。
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 创建一个低代码应用。 参考授权用户使用AstroZero并购买实例中操作，申
页面资产管理 > 禁用资产”中，可查看已禁用的库。库禁用后，在库详情页面，单击“删除”，输入待删除库的名称，单击“确定”，即可删除该库。若需解除禁用，可单击“启用”，在弹出的对话框中单击“确定”，即可重新启用该库。 自定义并上传新库 以某组件中需要使用Vue（系统预置库）以及Mint
} }); 上述代码中定义的展示图片文件可使用其他图片代替，将图片放到DisplayWidget目录中即可正常使用。 本示例代码中，widgetBasePath变量为组件包上传后的路径，在组件模板中已包含获取此变量的逻辑，在此直接使用即可（此例也展示了组件中如何引入本地图片的基本方法）。
使用AstroZero创建应用资产 使用AstroZero创建业务对象 使用AstroZero创建原生服务 父主题： 使用AstroZero创建应用
组件对应的value绑定，类似Vue的v-model。 属性绑定：将组件的某个属性，如只读、禁用、必填等与具体的模型字段相绑定，绑定后组件的属性随模型字段的值变化而变化，类似Vue的v-bind。 图1 数据绑定配置面板 值绑定 值绑定类似vue中的v-model语法，组件上创建
开发环境中，可以快速实现底层逻辑的开发。 应用的部署阶段 应用是一个可安装的包，可以实现不同账号间和不同环境间的迁移，用户只要下载和导入这个应用包就可以部署应用。 应用的运行阶段 应用是一个可预览的运行界面。业务用户获取应用访问地址后，即可登录并使用应用。 父主题： 使用AstroZero创建应用
> 已安装的”中的资产包，如图2。 图2 已安装的 创建完成后，系统自动跳转到该应用的设计器界面，如图3所示。 图3 选择开发场景 开发定制内容，如基于依赖应用中的服务编排进行定制。 在左侧导航栏中，选择“逻辑”，单击编排后的“+”。 在添加服务编排页面，选择“使用已有的服务编排
如何使用BO 使用说明 当其他用户需要使用该BO时，需要安装用户包并在上层应用中进行导入。 操作步骤 需要使用该BO的用户，参考如何安装已开发好的应用中操作，安装用户包。 在经典版开发环境“首页 > 项目”中，单击需要导入该BO的上层应用（需要使用该BO服务的应用），打开应用开发页面。
加快速灵活。自定义组件在使用时与标准组件一致。 适用场景 在不同的页面中，可重复使用的模块。 复杂的页面拆分成多个低耦合的模块，有助于代码维护。 使用语言 Vue是一套用于构建用户界面的渐进式框架，与其它大型框架不同的是可以自底向上逐层应用Vue。Vue易于上手，也便于与系统进行整合。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
