检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图7 切换中文 图8 切换英文 父主题： 在UI编辑页面添加插件
表4 插件栏 图标 名称 物料插件 大纲树插件 国际化插件 页面JS插件 状态管理插件 资源管理插件 导航树栏详细介绍 图4 导航树栏 表5 导航树栏 功能 说明 编辑态 通过单击电子流的具体节点，切换至相应节点的画布，并进行编辑。
在UI编辑页面添加插件 UI编辑插件介绍 如何使用物料插件 如何使用大纲树 如何使用国际化资源插件 如何使用状态管理插件 如何使用资源管理插件 父主题： 使用流程引擎编排流程元模板
如何使用物料插件 组件是低代码开发的构建块，就像积木一样。它们是可重复使用的小部件，可以轻松搭建和管理网页。例如，按钮、导航栏和表单都可以是组件。这有助于您快速搭建网站。 下面介绍如何在UI编辑页面使用组件，实现流程页面快速搭建。 物料插件介绍 物料插件分为模板和组件。
isLogin 初始值 数据写法和JS写法一致。 支持插入国际化词条和JS函数。 如果您想对已定义的初始值进行排版，您可以单击右上方的，一键格式化初始值内容。
此时，您可以进入“页面JS”，通过“this.utils.工具类名称”的方式使用自定义的函数。 删除function工具类 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程元模板”，进入“流程元模板”页面。 在流程元模板所在行，单击，进入流程元模板的编辑模式。
可以通过打断点，查看Chrome开发面板的sources的call stack，可以查看追溯到源代码的位置，这个特别适合console报错位置不明确的情况（比如报错指向vue.esm.js）。 图2 代码追溯 分析代码 分析代码最常用的就是断点，一步步调试查看结果，定位问题。
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。
在左侧插件栏中，单击，展开并查看流程元模板交互页面大纲树。 图1 查看大纲树 父主题： 在UI编辑页面添加插件
lightweight_file_path=1804036975960895488/0/model.js 响应示例 状态码： 200 二进制文件流 状态码： 400 错误响应 示例一： { "error_code" : "01090001", "error_msg" : "
将打包后的mylib.umd.min.js文件名修改为index.js，并和需要引用的静态资源一起选中，压缩在同一级目录。 图10 zip示例截图 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。
使用流程引擎编排流程元模板 在流程编辑页面配置流程工具 设置流程编辑页面的流程工具属性 在数据编辑页面添加数据模型 在UI编辑页面添加插件 为流程元模板定义流程服务编排 父主题： 流程配置指南
工作原理 微前端采用的无界方案，利用“iframe”来实现js沙箱能力，下面详细介绍： 应用加载机制和js沙箱机制 将子应用的js注入主应用同域的“iframe”中运行，“iframe”是一个原生的window沙箱，内部有完整的history和location接口，子应用实例instance
准备工作 开发技能要求 熟悉前端JS，能够编写JS代码。 了解基本的Vue框架，熟悉前端应用构建。 环境要求 已安装Node.js环境。 安装Node及Npm Node.js是一个JavaScript的运行环境，它能帮我们在服务器端运行JavaScript代码。
工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南
仅支持上传zip文件，并且所选文件中需要包含“index.js”文件。 如果您未准备好卡片包，请先参考卡片开发指南制作卡片包。 单击“确定”，上传卡片包。 查看卡片包详情 在角色桌面首页，选择左上角的，单击“管理中心”。 选择“集成管理 > 卡片管理”，进入“卡片管理”页面。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
