[发明专利]一种基于Angular的流程图编辑器实现方法在审
| 申请号： | 201910991375.1 | 申请日： | 2019-10-18 |
| 公开（公告）号： | CN110750254A | 公开（公告）日： | 2020-02-04 |
| 发明（设计）人： | 张凯;张东海;黄华 | 申请（专利权）人： | 浪潮云信息技术有限公司 |
| 主分类号： | G06F8/33 | 分类号： | G06F8/33;G06F9/451 |
| 代理公司： | 37100 济南信达专利事务所有限公司 | 代理人： | 阚恭勇 |
| 地址： | 250100 山东省济南市高*** | 国省代码： | 山东;37 |
| 权利要求书： | 查看更多 | 说明书： | 查看更多 |
| 摘要： | 本发明提供一种基于Angular的流程图编辑器实现方法，属于计算机技术领域，本发明通过鼠标拖拽建立节点、连接流程线的实时响应的图形化流程图编辑。通过使用angular框架，利用模块化组件，实现流程图编辑器的模块拆分，降低了代码的耦合性；利用可拖拽的节点组件，实现了从工具栏拖拽到画布任一位置点创建节点，增强了流程图编辑器的交互性，优化了体验效果；利用angular的双向数据绑定，减少了dom操作，提高了流程图编辑器的响应效率；将节点信息有序化处理后保存，便于后续利用流程图数据设计流程。 | ||
| 搜索关键词： | 流程图编辑器 拖拽 计算机技术领域 模块化组件 节点信息 节点组件 任一位置 实时响应 鼠标拖拽 数据设计 双向数据 交互性 流程线 图形化 耦合性 画布 绑定 保存 响应 创建 优化 | ||
【主权项】：
1.一种基于Angular的流程图编辑器实现方法，其特征在于，/n具体步骤如下：/n步骤一：新增各类节点模板组件；/n步骤二：新增节点信息编辑组件；/n步骤三：定义校验规则，封装方法；/n步骤四：集成各类节点模板组件，配置流程图编辑器的可拖拽工具栏，用户从工具栏用鼠标拖拽需要的节点到画布；/n步骤五：封装连线方法，通过鼠标拖拽在节点间建立连接；/n步骤六：建立画布模型；在画布模型上绘制流程图；/n步骤七：对编辑的流程图进行节点数据的有序化处理。/n
下载完整专利技术内容需要扣除积分，VIP会员可以免费下载。
该专利技术资料仅供研究查看技术是否侵权等信息，商用须获得专利权人授权。该专利全部权利属于浪潮云信息技术有限公司，未经浪潮云信息技术有限公司许可，擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作，请联系【客服】
本文链接：http://www.vipzhuanli.com/patent/201910991375.1/，转载请声明来源钻瓜专利网。
- 上一篇：日志规范方法、装置、计算机设备及存储介质
- 下一篇：一种小程序渲染方法和装置
