可以在线保存的流程图

所属分类:UI,其他-布局,独立的部件

可以在线保存的流程图 ie兼容8

更新时间:2017/11/21 下午4:30:37

更新说明:修改网友发现的bug:节点的源点连接自己的目标点后,弹出不能连接自己的消息,此时拖动节点元素,源点不能跟着节点走。


更新时间:2017/5/4 上午8:49:48

更新说明:

针对网友的质疑做出修改,这次所用版本为1.6.2版,若更换为网址上在线的1.3.4是无法保证重绘功能的,烦请工作人员注意,配合使用1.6.2版本的jsPlumb,万分感谢.


更新时间:2017/4/28 上午11:24:38

更新说明:

  1. 对侧边流程加了具体元素.

  2. 保存完善,点击保存后会保存图形,在控制台中打印对应数据并用sessionStorage保存在缓存,不清除缓存情况下再次刷新页面,流程图能完整呈现.

  3. 拖拽时保持曲线,避免发生直线时箭头偏位

相关插件-布局,独立的部件

DASHGUM(bootstrap模板)

DashGum的付费模板(bootstrap 3.1)
  布局
 15545  80

Flatlab_Admin黑灰色扁平化自适应手机

一款经典的国外HTML5模板,支持自适应功能 这是一款不错的后台,很漂亮的UI设计!
  布局
 17805  159

fullpage个人简历模板

html5全屏滚动个人简历模板
  布局
 24346  443

Delta html5模板 Bootstrap 响应式网站前端源码

一个优秀的展示网站为你产品的销售带来更多的亮点,模板简单明了的,只需要简单的更换内容,你的网站就可以直接上线运营。
  布局
 10587  130

讨论这个项目(19)回答他人问题或分享插件使用方法奖励jQ币

    海贼王 0
    2017/12/27 20:44:42

    页面上可以・有两个实例吗

        无解肥0
        2018/3/27 10:46:00
        这个插件好用不?
    回复
    海贼王 0
    2017/12/25 12:03:34

    我怎么让它先存在一个开始节点?

        海贼王0
        2017/12/25 13:25:57

        我知道了,加载的时候往session里面mainArr加一个

    回复
    Godsaveyou 0
    2017/12/17 11:55:22

    有个bug 在无刷新页面的情况下,重新加载保存的数据或者重置编辑,会出现连接点和连接线的丢失,而且还不会报错,QQ:1065531415 如果可以添加个好友助于沟通

        Godsaveyou0
        2017/12/17 14:50:05

        就是addEndpoint时间无效了

    回复
    %%%% 0
    2017/11/19 21:18:37

    发现一个bug,节点的源点连接自己的目标点后,弹出不能连接自己的消息,此时拖动节点元素,源点不能跟着节点走。。。

        四个皮蛋0
        2017/11/21 16:34:21

        感谢关注,该bug已修改,代码已上传,待新版本更新

    回复
    炽热 ?? 0
    2017/10/20 15:14:59
    修改元素的大小          怎么复制出来的元素有问题?
        四个皮蛋1
        2017/11/21 16:38:20

        你好,复制出来的元素大小是写在行内样式中的,所以单纯改左侧列表css样式是会出问题的,还要在js中修改对应复制出来元素的样式(大约在index.html文件207行的位置修改js代码),请知悉

    回复
    leavedog 0
    2017/6/16 9:48:18
    楼主还有别的demo吗 直线的
        leavedog0
        2017/6/16 9:53:37

        还有想在线上加文字说明该怎么写

        抬头、45°0
        2017/8/1 17:13:02

        我也想要这个效果,有没有大神解决

        四个皮蛋1
        2017/8/18 15:39:04

        可以支持直线的,代码里面有注释

        connector: ["Bezier", { stub: [40, 60], gap: 10, cornerRadius: 5, alwaysRespectStubs: true }],  //连接线的样式种类有[Bezier],[Flowchart],[StateMachine ],[Straight ]

        Alan0
        2017/12/15 17:41:29

        想在线上加文字说明该怎么写

    回复
    SiriBen 0
    2017/5/1 11:21:02

    点保存无效,勾选不重复也无效

        四个皮蛋1
        2017/5/3 21:44:00

        首先向你说声抱歉吧,解决方法如下:

        将源码下载完成后,将jquery-ui-1.11.0.js和1.3.4/jquery.jsPlumb.min.js两个js插件更换为jquery-ui-1.9.2.min.js和js/jsPlumb-1.7.8.js即可,原因可能是由于工作人员为了方便加载速度,将这两个插件版本更换为在线的了.

        四个皮蛋0
        2017/5/4 9:10:31

        现已将版本更新,并对审核人员做了说明,不要更换jsPlumb版本,待审核通过后即可使用,请知悉

        无解肥0
        2018/3/27 10:44:00
        这个插件好用不?
    回复
取消回复