基于mxgraph的web流程设计器(bpm)

最新推荐文章于 2025-05-08 16:04:02 发布
最新推荐文章于 2025-05-08 16:04:02 发布 · 2.5k 阅读 · 4
文章标签：

#数据库 #数据结构与算法

本文介绍了一个基于mxGraph和JBPM的Web流程设计器的实现过程，包括自定义工具条、节点及复合节点的设计，并探讨了数据结构定义与转换等关键技术。

这段时间由于公司要做一个基于jbpm的服务产品（基于商业原因，产品细节不便透漏），需要一个基于web的流程设计器。外话是我是刚进公司的，当时项目组也正头疼，没得什么思路。我们选择了画图功能比较强大的mxgraph，实现web的流程设计器。很长一段时间，由于又要了解jbpm,又研究mxgraph，感觉压力特别大。特别是mxgraph，国内用的人不多，又没有中文文档，只能硬着头皮干了。有一段比较昏暗的日子，个人感情上的(不提了)，工作上的压力。慢慢的在技术上的小突破，产品也有了思路。现在有点眉目了，产品也见了雏形，算是对自己最大的安慰了。经过这一段，感觉自己长大了很多。在感情上算是从那一段走出来了，明显感觉自己成熟多了，不再是那个一根茎的样子。在技术上也学到了很多东西，对jbpm和mxgraph都有了一定了解。自己的想法在产品中得到验证，从数据中抽象出结构，到产品架构，到代码优化。这两方面的技术，在我都算是新东西，从无到有，也让我更加自信自己的能力吧，哈哈。拉远了，这里主要说说mxgraph吧。

magraph在画图和流程处理方面，真的是不错。浏览器支持比较好，扩展性强，而且是纯js的，给基于web的画图提供了强大的工具。当然如果要用的好，得有一定的文档阅读能力和js等前端开发能力。流程设计器这块主要使用了mxgraph的画图工具，涉及uiconfig、toolbar,port等。实现了自定义工具条，自定义节点，复合节点(graph.xml和引用)。其中的数据结构定义和mxgraph.xml转成jpdl.xml是精华（用到面向对象和数据结构的东西）。还是，上图吧，呵呵。

主流程设计界面：

https://img-my.youkuaiyun.com/uploads/201302/02/1359795171_8666.jpg

复合节点定义：

https://img-my.youkuaiyun.com/uploads/201302/02/1359795556_7403.jpg

复合结点在工流程中的表现：

https://img-my.youkuaiyun.com/uploads/201302/02/1359795556_6036.jpg

由于写东西的水平有限，这里只是介绍了实现的基本思路，当然这一块的使用也在不断完善中。希望能对在这一块迷惘的同志有点帮助;希望有感兴趣的人一讨论; 更加希望得到前辈好的建议。

注：平时不经常在csdn，如果有问题或者有好建议可以给我发邮件：shanzhu.es@gmail.com.

iteye_3224
关注
Gin + Gorm 实现增删改查
clearloe的博客
06-18 989
执行 go run main.go 项目启动在8080端口。新建项目，main 函数import 他们的包。因为项目简单，因此所有代码都放在 main 中。dsn 处换成自己的 MySQL 配置信息。接下来最重要的一步，一定要。
Golang实现小型CMS内容管理功能（一）：Gin框架搭配Gorm实现增删查改功能
程序员老狼专注开发aigc或客服系统应用
11-19 1076
我自己开发了一款在线客服系统，最近一直琢磨把客服系统官网做好。因为访客来的人不少，大部分人可能就是看看官网界面就走了，怎样把这些访客留存下来，去测试试用客服系统，是我一直琢磨的问题。官网是一个企业的门面，也是一个系统的门面，还是需要把门面的内容整理总结一下，让大家能清楚看到系统的功能。网站的内容少，那么搜索引擎收录的就少，这样会导致网站的权重不高，搜索排名比较低。因此要简单的加上一个小型的内容管理功能。
[golang gin框架] 7.Gin GORM增删改查以及查询语句详解
zhoupenghui168的博客
03-26 3574
Gin GORM增删改查以及查询语句详解
使用gin做一个增删改查接口
qq_48565495的博客
04-13 1516
一. 准备工作 1.数据库 2. 需要导入的包 sql包:“database/sql” sql驱动包:"_github.com/go-sql-driver/mysql" gin框架包:“github.com/gin-gonic/gin” http包:“net/http” ![需要加入的包](https://img-blog.csdnimg.cn/20210413114016159.jpg#pic_center 这里的下划线“_”是只使用mysql驱动下的所有init()方法 3.check方法 c
gin框架的使用（八）——文章分类的增删改查
qq_44108469的博客
12-05 1110
gin框架 加gorm加bootstrap简陋的增删改查
gin结合gorm实现mysql增删改查
征途人生&梦
11-09 1891
https://gin-gonic.com/ https://gorm.io/zh_CN/docs/index.html https://github.com/gin-gonic/gin/ https://github.com/go-gorm/gorm 集成 go mod方式 require ( github.com/gin-contrib/sessions v0.0.3 github.com/gin-gonic/gin v1.6.2 github.com/go-sql-driver/m
go web项目框架（viper+gin+gorm）适合初学者使用
01-26
5. **数据库基础知识**：对SQL有一定的了解，知道基本的增删改查操作。 通过实践这个框架，初学者不仅能快速掌握Go语言的Web开发，还能了解到现代Web应用的架构设计和数据库管理，为以后的高级开发打下坚实的基础。...
由gin + gorm + jwt + casbin组合实现的RBAC权限管理脚手架Golang-gin-web.zip
11-06
3. 角色与权限管理：通过Gorm操作数据库，进行角色和权限的增删改查。 4. 权限分配：使用Casbin定义策略，例如`user_role`和`role_permission`，并将这些策略应用到用户。 5. 中间件实现：在Gin中编写中间件，检查...
基于Gin+Gorm+Mysql搭建的简易增删改查api接口
03-15
在本文中，我们将深入探讨如何使用Gin、Gorm和Mysql这三种强大的技术栈来构建一个基础的增删改查（CRUD）API接口。Gin是一个用Go语言编写的轻量级Web框架，提供了高效的路由和中间件管理功能。Gorm是一个流行的ORM...
go语言web开发项目，项目基于gin+gorm+viper+logrus+mysql框架，实现了简单的用户增删改查的功能
05-23
Go语言（也称为Golang）是由Google开发的一种静态强类型、编译型的编程语言。它旨在成为一门简单、高效、安全和并发的编程语言，特别适用于构建高性能的服务器和分布式系统。以下是Go语言的一些主要特点和优势： ...
go语言实战-----28-----Gin、rest full api和mysql实现增删改查
weixin_44517656的博客
04-16 1624
一 Gin、rest full api和mysql实现增删改查 gin_restful的项目目录。 每个目录的意思描述： 对gin_restful项目进行mod处理： # 1. 去到自己的gin_restful项目目录路径下。 cd xxx\gin_restful\ # 2. 如果之前以及mod init，可以删除这些文件。主要是go.mod、go.sum。 rm go.* # 3. 进行mod初始化。 # 注意：后面跟着的工程名gin_restful请设置成对应所在的根目录名字，否则在build时会报
gin框架学习-GORM框架进阶之CRUD接口(数据库增删改查操作)
林钟一的博客
07-12 4519
gin框架学习-GORM框架CRUD接口（实现数据库的增删改查操作）
Go使用Gin写一个对MySQL的增删改查服务
最新发布
子冉冰清的博客
05-08 582
首先用SQL创建一个包含id、name属性的users表。三个方法整合一起放到main.go文件里。1. 添加mysql的依赖。3. 添加对gorm的依赖。根据姓名插入一个用户信息。根据id删除一个用户信息。2. 添加gin的依赖。
go语言学习笔记：gin + gorm + mysql 用户增删改查案例入门
2401_82540083的博客
04-13 893
大家好，我是此林。Golang 语言现在已经成为了编程的趋势，毕竟是大厂背书嘛，Google 研发的。容器编排系统，容器化技术，分布式键值存储（Kubernetes 的默认存储），监控 & 告警系统，服务网格（Service Mesh，用于流量管理、安全策略、可观测性）✅ ​​（比 C++/Java 快）✅ ​​（部署简单，无依赖）✅ ​那作为一个 Javaer，我们用熟练了 springboot，gin + grom 那一套东西，上手也可以说很快。今天来看一个案例：user 增删查改。
go+gin+mysql+gorm快速实现增删改查接口
u010797364的博客
11-27 1137
基于go+gin+redis+mysql+gorm实现的todo-list项目，适合go新手小白入门项目
gin与gorm实现增删改查
又菜又爱玩的博客
10-23 507
gin与gorm实现增删改查
Gin+Gorm开发项目之项目结构
专注于Python编程技术的分享与交流，致力于帮助开发者提升编程技能，解决实际问题，探索Python的无限可能。
10-24 2540
Gin+Gorm开发项目之项目录结构。
go语言gin框架的搭建 接收参数的方法，及gorm的增删改查使用
qishaoawei的博客
10-24 3518
gin框架的安装和分配路由的使用，gorm的安装和mysql链接 增删改查操作
golang学习笔记（21）-gin与gorm组合实现简单的增删查改
logiee的博客
09-03 599
gin_gorm组合实验
gin框架实现增删改查
01-17
### 使用 Gin 框架实现 CRUD（增删改查）操作 #### 创建项目结构并初始化依赖项 为了使用 Gin 和 GORM 来处理 CRUD 操作，首先需要设置好 Go 项目的环境。安装必要的包： ```bash go mod init example.com/gin-crud-demo go get -u github.com/gin-gonic/gin go get -u gorm.io/gorm go get -u gorm.io/driver/sqlite ``` #### 定义数据模型 定义 `Product` 结构体作为数据库中的表模型[^2]。 ```go type Product struct { gorm.Model Code string Price uint } ``` #### 初始化数据库连接 建立与 SQLite 数据库的连接，并自动迁移模式以创建相应的表格。 ```go import ( "gorm.io/driver/sqlite" "gorm.io/gorm" ) func InitDB() *gorm.DB { db, err := gorm.Open(sqlite.Open("test.db"), &gorm.Config{}) if err != nil { panic("failed to connect database") } // 自动迁移模式 db.AutoMigrate(&Product{}) return db } ``` #### 设置路由和控制器逻辑 编写 HTTP API 路由以及对应的业务逻辑函数来完成 CRUD 功能。 ```go package main import ( "net/http" "github.com/gin-gonic/gin" ) var DB = InitDB() // 获取所有产品列表 func GetProducts(c *gin.Context) { var products []Product result := DB.Find(&products) if result.Error != nil { c.JSON(http.StatusInternalServerError, gin.H{"error": result.Error}) return } c.JSON(http.StatusOK, products) } // 添加新产品 func CreateProduct(c *gin.Context) { var input Product if err := c.ShouldBindJSON(&input); err == nil { createErr := DB.Create(&input).Error if createErr != nil { c.JSON(http.StatusBadRequest, gin.H{"error": createErr}) return } c.JSON(http.StatusOK, input) } else { c.JSON(http.StatusBadRequest, gin.H{"error": err.Error()}) } } // 更新指定ID的产品信息 func UpdateProduct(c *gin.Context) { id := c.Params.ByName("id") var product Product if err := DB.Where("id = ?", id).First(&product).Error; err != nil { c.JSON(http.StatusBadRequest, gin.H{"error": "Record not found!"}) return } updateErr := DB.Model(&product).Updates(Product{Code: c.PostForm("code"), Price: c.PostFormUint("price")}).Error if updateErr != nil { c.JSON(http.StatusBadRequest, gin.H{"error": updateErr}) return } c.JSON(http.StatusOK, product) } // 删除指定ID的产品记录 func DeleteProduct(c *gin.Context) { id := c.Params.ByName("id") var product Product d := DB.Delete(&product, id) if d.Error != nil { c.JSON(http.StatusBadRequest, gin.H{"error": d.Error}) return } c.JSON(http.StatusOK, gin.H{"id #" + id: "deleted"}) } func SetupRouter() *gin.Engine { r := gin.Default() apiV1 := r.Group("/api/v1") { apiV1.GET("/products", GetProducts) apiV1.POST("/products", CreateProduct) apiV1.PUT("/products/:id", UpdateProduct) apiV1.DELETE("/products/:id", DeleteProduct) } return r } func main() { router := SetupRouter() router.Run(":8080") } ``` 此代码片段展示了如何利用 Gin 框架配合 GORM ORM 库执行基本的数据持久化任务——即所谓的 CRUD 操作。每种操作都对应着 RESTful 风格下的不同 URL 地址及其请求方法[^1]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值