检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 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代码。
打包后的js文件运行逻辑已在门户专门处理，按照下列方式配置打包入口文件即可。 在package目录下新建index.js文件，代码如下： import demoCard from '.
插入JS函数：单击，给变量插入js方法（显示为object对象），可以在JS方法中通过this.state.xxx()或this.global.xxx()调用。 格式化：单击，格式化代码，格式化初始值，使其代码整洁美观。 全屏：单击，在页面中心区域内显示面板。
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。
代码示例 使用Verify方法校验“token”，并且从中获取“issuer”信息。
工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南
查询故障现象 在“故障与缺陷代码”页面，在记录列表上方输入“失效代码”（故障现象代码）或“失效名称”（故障现象名称）信息后，再单击“查询”，查询故障现象。 导出故障现象 在“故障与缺陷代码”页面，单击“导出”，系统当中存在的故障与缺陷代码信息将导出为Excel文件保存到本地。
UI编辑操作说明 UI编辑介绍 页面JS 状态管理 资源管理 父主题： 流程元模板
可以通过打断点，查看Chrome开发面板的sources的call stack，可以查看追溯到源代码的位置，这个特别适合console报错位置不明确的情况（比如报错指向vue.esm.js）。 图2 代码追溯 分析代码 分析代码最常用的就是断点，一步步调试查看结果，定位问题。
表4 插件栏 图标 名称 物料插件 大纲树插件 国际化插件 页面JS插件 状态管理插件 资源管理插件 导航树栏详细介绍 图4 导航树栏 表5 导航树栏 功能 说明 编辑态 通过单击电子流的具体节点，切换至相应节点的画布，并进行编辑。
图3 新增密钥 将开发指导中生成的卡片JS进行上传管理。 图4 上传卡片 使用卡片 卡片上传完成之后就可以在角色桌面中查看并使用了。 进入管理中心，选择“集成管理 > 卡片管理”，选择需要使用的卡片，单击“使用卡片”并“确定”。 图5 使用卡片 进入门户编辑页面。
lightweight_file_path=1804036975960895488/0/model.js 响应示例 状态码： 200 二进制文件流 状态码： 400 错误响应 示例一： { "error_code" : "01090001", "error_msg" : "
仅支持上传zip文件，并且所选文件中需要包含“index.js”文件。 如果您未准备好卡片包，请先参考卡片开发指南制作卡片包。 单击“确定”，上传卡片包。 查看卡片包详情 在角色桌面首页，选择左上角的，单击“管理中心”。 选择“集成管理 > 卡片管理”，进入“卡片管理”页面。
资源管理 在常规代码开发中，通常会将一些高频率用到的代码片段抽离出来成为公共函数，减少重复的代码，从而达到代码复用的目的。同样，在低代码开发中，不可避免地需要编写一些高代码进行组合开发，这里同样存在存储一些公共函数以供各处调用需求。
尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启https协议。 父主题： 外部无AUI依赖开发示例
录入缺陷原因： 缺陷代码：数据来源于故障与缺陷代码中缺陷分类数据。 缺陷说明：对产品缺陷进行说明。 图1 缺陷登记 单击“确认”。 父主题： 质量检验
录入故障现象： 故障现象代码：数据来源于故障与缺陷代码中故障现象分类数据。 故障现象说明：对产品故障现象进行说明。 图1 故障现象登记 单击“确认”。 父主题： 质量检验
通过条件 您可以编写脚本以实现某事件的通过条件，支持表达式和JS脚本两种类型。 快捷菜单栏详细介绍 图6 快捷菜单栏 表6 流程编辑管理 功能 说明 文件 包含打开文件、另存为BPMN文件和另存为SVG图。 编辑 包含一些常用的快捷工具，例如撤销、恢复、复制、粘贴等。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
