检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
页面JS 编写JS脚本 单击左侧插件栏中页面JS按钮即可打开页面JS面板。在代码编辑区中编写好代码后单击右上角保存按钮。 图1 代码编辑区 系统预先编写好了一些范例脚本，单击“展示使用帮助”可以查看提供的范例脚本。 可以将需要使用的相关范例复制，然后单击“关闭使用帮助”回到JS代码编辑页面，粘贴到代码编辑区进行使用。
开发技能要求 熟悉前端JS，能够编写JS代码。 了解基本的Vue框架，熟悉前端应用构建。 环境要求 已安装Node.js环境。 安装Node及Npm Node.js是一个JavaScript的运行环境，它能帮我们在服务器端运行JavaScript代码。我们需要Node.js来运行一些命令行工具。
代码示例 使用Verify方法校验“token”，并且从中获取“issuer”信息。 代码示例如下： @Controller @RequestMapping("/api") public class TestController { @GetMapping("/testApi")
> 故障与缺陷代码”。 进入“故障与缺陷代码”页面。 单击“导入”。 在弹出的“故障与缺陷代码导入”窗口中，单击“导入”。 单击“请选择故障与缺陷代码导入文件”下方框区域，选择需要导入的Excel文件后，再单击“打开”。 或者，直接将文件拖入“请选择故障与缺陷代码导入文件”下方框区域。
修改文件名称并压缩为zip格式的压缩包。 将打包后的mylib.umd.min.js文件名修改为index.js，并和需要引用的静态资源一起选中，压缩在同一级目录。 图10 zip示例截图 Vue CLI生成的卡片输出为完整js，需要将其重命名为index.js，放置在zip压缩包内。否则会出现验证不通过的异常。
插入词条：单击，在初始值中引入国际化的词条（格式为JSON）。 插入JS函数：单击，给变量插入js方法（显示为object对象），可以在JS方法中通过this.state.xxx()或this.global.xxx()调用。 格式化：单击，格式化代码，格式化初始值，使其代码整洁美观。 全屏：单击，在页面中心区域内显示面板。
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结
组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。 基于Webpack的构建过程 使用Webpack作为构建工具，通过对源代码进行打包、压缩、合并等操作，
Firewall，简称WAF）保护Web服务安全稳定，对HTTP/HTTPS请求进行检测，识别并阻断SQL注入、跨站脚本攻击、网页木马上传、命令/代码注入、文件包含、敏感文件访问、第三方应用漏洞攻击、CC攻击、恶意爬虫扫描、跨站请求伪造等攻击，具体配置策略请参见WAF使用指导。 父主题： 安全
简称WAF）保护Web服务安全稳定，对HTTP/HTTPS请求进行检测，识别并阻断SQL注入、跨站脚本攻击、网页木马上传、命令/代码注入、文件包含、敏感文件访问、第三方应用漏洞攻击、CC攻击、恶意爬虫扫描、跨站请求伪造等攻击，具体配置策略请参见WAF使用指导。 父主题： 安全
包含前往流程引擎、编辑模式切换、保存等基本功能。 工具栏 包含页面名称、多种画布工具、语言切换等。 插件栏 包含物料、大纲树、国际化、页面JS、状态管理、资源管理等插件。 导航树栏 包含了流程导航树的节点切换、预览等功能。 画布 对页面中的组件进行编辑、实时效果预览。 组件属性面板
Space通过配置Web应用防火墙保护Web服务安全稳定，对HTTP/HTTPS请求进行检测，识别并阻断SQL注入、跨站脚本攻击、网页木马上传、命令/代码注入、文件包含、敏感文件访问、第三方应用漏洞攻击、CC攻击、恶意爬虫扫描和跨站请求伪造等攻击，具体配置策略请参见WAF使用指导。 SIM Space通过配置An
sole报错位置不明确的情况（比如报错指向vue.esm.js）。 图2 代码追溯 分析代码 分析代码最常用的就是断点，一步步调试查看结果，定位问题。 断点 直接在代码里Debugger。 在代码运行到该处就能触发断点，这对于Sources面板来说不容易寻找源码中的断点。 Sources源码中加断点。
在不同页面不同子系统中，复用同样的逻辑和功能了。 通过Webpack进行组件打包构建成为独立JS。 独立JS能够被懒加载。 在管理页面进行卡片创建，上传管理。 创建卡片实例，关联独立JS包，进行版本控制。 父主题： 卡片配置指南
资源管理 在常规代码开发中，通常会将一些高频率用到的代码片段抽离出来成为公共函数，减少重复的代码，从而达到代码复用的目的。同样，在低代码开发中，不可避免地需要编写一些高代码进行组合开发，这里同样存在存储一些公共函数以供各处调用需求。 工具类方法utils可以将一些可复用的公共函数
UI编辑操作说明 UI编辑介绍 页面JS 状态管理 资源管理 父主题： 流程元模板
卡片运行资源大小会影响资源下载的速度，也影响浏览器的解析执行，卡片资源体积不宜太大，不能超过5M。 尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启https协议。 父主题：
在弹出的“新增检验项分组”窗口中，配置表10相关信息。 表10 新增检验项分组参数表 参数 说明 检验项组代码 检验项目分组的代码，系统唯一值，且不可与检验项目分类代码相同。 检验项组名称 检验项目分组的名称。 描述 检验项目分组的描述。 是否有效 标识是否有效。有效的检验项目分组才能被其他功能模块引用。
密钥作为卡片认证信息唯一标识，在卡片开发过程中使用当前密钥进行统一认证，生成token进行前后端数据请求。详情参见统一认证配置指南。 图3 新增密钥 将开发指导中生成的卡片JS进行上传管理。 图4 上传卡片 使用卡片 卡片上传完成之后就可以在角色桌面中查看并使用了。 进入管理中心，选择“集成管理 > 卡片管理”，
ghtweight/download?lightweight_file_path=1804036975960895488/0/model.js 响应示例 状态码： 200 二进制文件流 状态码： 400 错误响应 示例一： { "error_code" : "01090001"
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
