检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
常用于流程调试。 为流程元模板添加流程工具 在“流程编辑”页面设计流程元模板时，您可以直接通过拖拉拽的方式，从左侧工具栏将需要的流程工具拖拽到在线编辑区内。 图1 为流程元模板添加流程工具 您也可以选中“在线编辑区”的工具组件，单击组件右侧图标添加对应组件或者修改组件类型。 ：添加结束事件。
设置流程编辑页面的流程工具属性 为用户任务设置常规信息 为用户任务设置监听器 父主题： 使用流程引擎编排流程元模板
流程编辑页面概述 什么是流程编辑 流程编辑页面是一种将流程工具拖拽到在线编辑区进行低代码甚至无代码配置，即可快速完成业务流程设计的前端页面。通过在流程编辑页面绘制业务流程，企业可以更清晰地理解流程的各个步骤和关系，方便与团队成员/相关方进行沟通、交流。 初识流程编辑页面 创建流程
查看处理人”进行查看。如下图所示： 图5 当前处理人 在流程运行服务“流程管理 > 流程实例”页查看某个流程实例的流程图。 在“流程实例”页面，通过单击对应流程实例的“查看”进行查看。如下图所示： 图6 查看流程图 搜索流程实例 默认情况下，流程实例页展示的是当前应用下全部流程实例。为了帮助运行服务管理
在“JOB管理”页面查看某个与事件对象关联的JOB实例流程图。 在“JOB管理”页面，单击对应事件对象操作栏的“JOB实例”，进入“JOB实例”列表页。 在“JOB实例”页面，通过单击对应JOB实例的“查看”进行查看。如下图所示： 图4 查看流程图 在事件对象详情页上查看某个事件对象的配置详情。
为流程元模板定义流程服务编排 创建空白流程服务编排 使用Yaml文件创建流程服务编排 发布已定义的流程服务编排 父主题： 使用流程引擎编排流程元模板
使用Yaml文件创建流程服务编排 注意事项 流程引擎支持通过导入Swagger 2.0的Yaml文件来创建流程服务编排，且该Yaml文件不能大于1MB。 Yaml创建流程服务编排 登录流程引擎。 在左侧导航栏中，选择“流程编排服务 > 流程服务编排”，进入“流程服务编排”页面。 单击“创建”，展开“创建服务”页面。
AUI为内部开源使用，外部无法访问，底层逻辑使用Vue组件暴露封装，因此在不使用AUI情况下，通过原生Vue CLI脚手架搭建组件库形式暴露卡片组件，也能够正常使用。 开发过程 准备工作中已经正常安装了Vue CLI脚手架，因此可以快速搭建Vue项目。 初始化Vue项目。 vue create my-app
调试工具 Vue Devtools是一个专为Vue.js开发者设计的浏览器扩展。它提供了一系列强大的功能，帮助开发者更容易地调试和优化他们的Vue应用程序。 Vue Devtools 以下是Vue Devtools的主要特点和功能： 组件树查看：允许用户查看完整的Vue组件层次结
可以通过打断点，查看Chrome开发面板的sources的call stack，可以查看追溯到源代码的位置，这个特别适合console报错位置不明确的情况（比如报错指向vue.esm.js）。 图2 代码追溯 分析代码 分析代码最常用的就是断点，一步步调试查看结果，定位问题。 断点 直接在代码里Debugger。
开发流程 编写卡片的工作流程如下： 图1 开发流程 创建一个新的工程目录。 使用Vue CLI脚手架创建Demo前端工程，能够自动创建一个简单的样例工程，在此基础上开发能够减少很多繁琐的工作。 编写构建Vue前端组件。 可以把功能或者需求类似的有机体封装成一个业务组件，并对外暴露接口
工艺建模是指定义制造过程的工艺步骤和工艺流程。 过程步骤规范是指设备或操作员执行工艺步骤。 工艺流程则是指制造产品的工艺顺序，通常以流程图的形式呈现。 操作流程 图1 产品与工艺建模操作流程 父主题： 工艺工程师的产品与工艺建模
IPDCenter基础服务提供知识管理功能，结构化地组织在线协作文档，实现知识的积累与沉淀，促进知识的复用与流通。用户可以在一篇文档中轻松使用文本、表情、图片、流程图等编辑工具，灵活地将文档组合成想要的样子。 多人协同编辑，每个动作都实时可见、可追溯，让文档创作不再是一个人的事。精细化的权限管理，按需分配只读、编辑权限，让数据安全尽在掌握。
尽量用最小的代码实现卡片功能，例如： 优先考虑使用公共资源。 使用构建工具对代码进行压缩混淆。 持续重构，改善代码质量。 打包时排除vue、axios。 卡片访问的集成应用服务需要开启https协议。 父主题： 外部无AUI依赖开发示例
据，用户可以根据需要删减指标卡片，调整指标卡片位置；系统也可以根据User Profile动态推送内容。 工作原理 组件化开发思想 采用Vue.js的组件化开发思想，将整体功能模块包装成一个个独立且可复用的组件，独立维护自身的状态及样式，更好地隔离多方合作伙伴的不同诉求，提升代码的可维护性。
单击“UI编辑”，切换至“UI编辑”页面。 在“编辑态”的电子流中，选择待构建流程页面的流程节点。 在左侧插件栏中，单击，展开物料面板。 在物料面板中，选择模板或组件，并拖拽至画布中。 选中组件 添加了组件之后，您可以选中组件，对组件进行修改、删除、移动等操作。 以下为选中组件的相关方法： 在画布中直接单击组件，选中组件。
容器可能销毁，但webcomponent依然可以选择保留，这样等应用切换回来将webcomponent再挂载回容器上，子应用可以获得类似vue的“keep-alive”的能力。 通信机制 承载子应用的“iframe”和主应用是同域的，所以主、子应用天然就可以很好的进行通信，我们提供三种通信方式：
omputer的扩展字段，起到字段隔离的作用。 两种扩展方式原理图如图1和图2所示。 图1 全局属性扩展 图2 按业务数据分类扩展 业务流程图 MBM Space的属性扩展功能需要两个角色的人员来完成： 工艺工程师：负责属性扩展需求的传递和业务数据的录入。 管理员：负责扩展属性需求的承接和系统参数配置。
的编辑模式。 单击“UI编辑”，切换至“UI编辑”页面。 在左侧插件栏中，单击，展开“物料”页面。 在“物料”页面的“组件”中，选择组件并拖拽至画布中。例如按钮组件。 选中组件，在该组件属性面板的“属性”页签下的“按钮名称”输入框中，单击。 图6 关联国际化词条 在弹出的窗口中，
如果安装成功，应该可以看到npm的版本号。 安装Vue CLI Vue CLI是Vue.js的脚手架工具，可以帮助我们快速创建Vue.js应用。要使用它，我们需要先安装它。 在命令行中输入以下命令来安装Vue CLI： npm install -g @vue/cli 这个命令会全局安装Vue CLI，所以安装
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
