检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。
准备工作 开发技能要求 熟悉前端JS，能够编写JS代码。 了解基本的Vue框架，熟悉前端应用构建。 环境要求 已安装Node.js环境。 安装Node及Npm Node.js是一个JavaScript的运行环境，它能帮我们在服务器端运行JavaScript代码。
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。
将打包后的mylib.umd.min.js文件名修改为index.js，并和需要引用的静态资源一起选中，压缩在同一级目录。 图10 zip示例截图 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。
通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南
插入JS函数：单击，给变量插入js方法（显示为object对象），可以在JS方法中通过this.state.xxx()或this.global.xxx()调用。 格式化：单击，格式化代码，格式化初始值，使其代码整洁美观。 全屏：单击，在页面中心区域内显示面板。
UI编辑操作说明 UI编辑介绍 页面JS 状态管理 资源管理 父主题： 流程元模板
工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
表4 插件栏 图标 名称 物料插件 大纲树插件 国际化插件 页面JS插件 状态管理插件 资源管理插件 导航树栏详细介绍 图4 导航树栏 表5 导航树栏 功能 说明 编辑态 通过单击电子流的具体节点，切换至相应节点的画布，并进行编辑。
图3 新增密钥 将开发指导中生成的卡片JS进行上传管理。 图4 上传卡片 使用卡片 卡片上传完成之后就可以在角色桌面中查看并使用了。 进入管理中心，选择“集成管理 > 卡片管理”，选择需要使用的卡片，单击“使用卡片”并“确定”。 图5 使用卡片 进入门户编辑页面。
lightweight_file_path=1804036975960895488/0/model.js 响应示例 状态码： 200 二进制文件流 状态码： 400 错误响应 示例一： { "error_code" : "01090001", "error_msg" : "
可以通过打断点，查看Chrome开发面板的sources的call stack，可以查看追溯到源代码的位置，这个特别适合console报错位置不明确的情况（比如报错指向vue.esm.js）。 图2 代码追溯 分析代码 分析代码最常用的就是断点，一步步调试查看结果，定位问题。
仅支持上传zip文件，并且所选文件中需要包含“index.js”文件。 如果您未准备好卡片包，请先参考卡片开发指南制作卡片包。 单击“确定”，上传卡片包。 查看卡片包详情 在角色桌面首页，选择左上角的，单击“管理中心”。 选择“集成管理 > 卡片管理”，进入“卡片管理”页面。
通过条件 您可以编写脚本以实现某事件的通过条件，支持表达式和JS脚本两种类型。 快捷菜单栏详细介绍 图6 快捷菜单栏 表6 流程编辑管理 功能 说明 文件 包含打开文件、另存为BPMN文件和另存为SVG图。 编辑 包含一些常用的快捷工具，例如撤销、恢复、复制、粘贴等。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
