检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
中英文切换工具 单击可切换页面中英文显示。 插件栏详细介绍 图3 插件栏 UI编辑器中的左侧插件栏从上至下包括如下功能，单击插件之后会向右展开对应插件的设置面板。 表4 插件栏 图标 名称 物料插件 大纲树插件 国际化插件 页面JS插件 状态管理插件 资源管理插件 导航树栏详细介绍 图4 导航树栏
在UI编辑页面添加插件 UI编辑插件介绍 如何使用物料插件 如何使用大纲树 如何使用国际化资源插件 如何使用状态管理插件 如何使用资源管理插件 父主题： 使用流程引擎编排流程元模板
如何使用物料插件 组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。例如，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在UI编辑页面使用组件，实现流程页面快速搭建。 物料插件介绍 物料插件分为模板和组件。 模板：由
如何使用状态管理插件 状态管理插件，可添加页面变量（state变量）和添加全局变量（stores变量），供页面及应用使用。 添加页面变量 页面状态下的变量仅适用于当前页面。 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模
如何使用国际化资源插件 同一个流程，可能需要同时支持多个语言，流程元模板提供了中英文切换，能够一键切换语言，提升开发效率与开发体验。 国际化资源是应用级别的插件，在任何一个流程元模板的UI编辑页面都可以访问。 国际化只针对流程元模板中的UI编辑页面，不针对流程引擎本身。 新增国际化词条
如何使用资源管理插件 在常规代码开发中，通常会将一些高频率用到的一些代码片段抽离出来业务代码，使其成为一个公共函数，减少重复的代码，从而达到代码复用的目的。 同样，在编排流程元模板中，不可避免地需要编写一些高代码进行组合开发，这里同样存在存储一些公共函数以供各处调用需求。资源管理插件就是在
Vuex集成：如果应用使用了Vuex，可以在Devtools中查看、追踪和编辑应用的状态。 性能分析：提供组件渲染的性能数据，帮助找到和解决性能瓶颈。 插件支持：可以集成第三方Vue插件，为开发者提供更多的调试工具。 定制设置：允许开发者根据自己的喜好调整Devtools的外观和行为。 总的来说，Vue De
urces的call stack，可以查看追溯到源代码的位置，这个特别适合console报错位置不明确的情况（比如报错指向vue.esm.js）。 图2 代码追溯 分析代码 分析代码最常用的就是断点，一步步调试查看结果，定位问题。 断点 直接在代码里Debugger。 在代码运行
tArts IPDCenter）中独立运行。 工作原理 微前端采用的无界方案，利用“iframe”来实现js沙箱能力，下面详细介绍： 应用加载机制和js沙箱机制 将子应用的js注入主应用同域的“iframe”中运行，“iframe”是一个原生的window沙箱，内部有完整的his
修改文件名称并压缩为zip格式的压缩包。 将打包后的mylib.umd.min.js文件名修改为index.js，并和需要引用的静态资源一起选中，压缩在同一级目录。 图10 zip示例截图 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。
ghtweight/download?lightweight_file_path=1804036975960895488/0/model.js 响应示例 状态码： 200 二进制文件流 状态码： 400 错误响应 示例一： { "error_code" : "01090001"
在流程元模板所在行，单击，进入流程元模板的编辑模式。 单击“UI编辑”，切换至“UI编辑”页面。 在左侧插件栏中，单击，展开并查看流程元模板交互页面大纲树。 图1 查看大纲树 父主题： 在UI编辑页面添加插件
户可以根据需要删减指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
开发技能要求 熟悉前端JS，能够编写JS代码。 了解基本的Vue框架，熟悉前端应用构建。 环境要求 已安装Node.js环境。 安装Node及Npm Node.js是一个JavaScript的运行环境，它能帮我们在服务器端运行JavaScript代码。我们需要Node.js来运行一些命令行工具。
在不同页面不同子系统中，复用同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南
使用流程引擎编排流程元模板 在流程编辑页面配置流程工具 设置流程编辑页面的流程工具属性 在数据编辑页面添加数据模型 在UI编辑页面添加插件 为流程元模板定义流程服务编排 父主题： 流程配置指南
描述信息不能超过100个字符。 添加文件 单击“添加文件”，在弹窗中选择待上传卡片包。 仅支持上传zip文件，并且所选文件中需要包含“index.js”文件。 如果您未准备好卡片包，请先参考卡片开发指南制作卡片包。 单击“确定”，上传卡片包。 查看卡片包详情 在角色桌面首页，选择左上角的，单击“管理中心”。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
