jQuery+jsPlumb简易流程设计

jsPlumb是一个比较强大的绘图组件,它提供了一种方法,主要用于连接网页上的元素。

1、主要三个JS组件:jQuery、jQuery UI、jsPlumb

2、结果展示:

3、源码地址:

源码下载

4、注意

源码中test.jsp中JS和CSS的引入根据自己项目的实际位置引入。

String contextPath = request.getContextPath();   
    if ("/".equals(contextPath))    
    {    
        contextPath = "";    
    }

jQuery+jsPlumb简易流程设计,布布扣,bubuko.com

时间: 2024-10-18 03:00:37

jQuery+jsPlumb简易流程设计的相关文章

Winform开发框架之简易工作流设计(转自 伍华聪博客)

Winform开发框架之简易工作流设计 一讲到工作流,很多人第一反应就是这个东西很深奥,有时候又觉得离我们较为遥远,确实完善的工作流设计很多方面,而正是由于需要兼顾很多方面,一般通用的工作流都难做到尽善尽美.微软也提供了几个版本的WF框架支持,也有一些厂家是基于这个框架基础上开发的工作流应用. 以前由于项目的需要,参与过一些工作流的项目开发,其中有些是基于我简易工作流的原理上进行拓展的,包括一个广州市各区县使用的行业审批业务平台,由于基于自己的流程处理,界面设计.流程流转等方面可以很好符合客户需

基于Spring的简易SSO设计

通常稍微规模大一些的企业,内部已经有很多的应用系统,多个系统整合首先要解决的便是“统一登录(SSO)”问题,之前写过一篇 利用Membership实现SSO(单点登录) ,java环境下已经有一些开源的成熟sso项目(比如CAS),但如果觉得CAS太麻烦,想自己再造轮子重复发明一个,可以参考下面的思路:(仍然是基于Cookie的实现,只不过安全性上略有加强,cookie端存放的token标识,不再与用户名.密码等这些敏感信息相关) 1.组件图 主要由3大部分组成, 1.1 SSO Client

流程设计(抽象节点法)

如何设计一个配置灵活的流程? 要做到以下几点 1.节点状态.节点按钮可以动态的配置,不会影响流程的运行,可以在现有的流程中更改流程的走向 2.节点可以对应多个按钮,即流程进入某一节点的时候可以显示多个按钮 FlowNode 流程节点状态,流程节点状态用于表达流程的状态 那么NodeState和ButtonState分别代表什么意思呢? 为什么需要两种状态?举个简单的例子,以一个外卖员接单为例,当外卖员接单后,可能会有两个按钮供他选择,受理订单和拒绝受理(假如超出了他的配送范围),假如受理订单,我

佩特来项目经验小集合(5)___系统流程设计

在佩特来项目设计中有一个流程设计问题,虽然.NET 和Java都有工作流,但是考虑到这个项目小,这里就简单的借用一点工作流的思想,设计了几张表,然后通过代码来控制流程.下面以"维修鉴定单业务流程"中的有实物流程为例,谈一下具体的流程设计.有实物的维修鉴定业务流程包含大致步骤:代理商填单.打印二维码.拆包.沟通转办.拆分.故障分析.各角色对费用进行审批.费用提交到费用池(统计各代理商金钱的地方).维修鉴定单流程见下图: 因为系统中不止这一个业务流程,所以系统流程设计的表有任务表(如维修鉴

asp.net 微信企业号办公系统-流程设计--流程步骤设置-策略设置

策略设置包括当前步骤的流转方式,处理人员,退回策略等设置. 流转类型:当前步骤后面有多个步骤时,此类型选择可以决定后续步骤的发送方式. 1.系统控制:由系统根据您在线上设置的流转条件来判断该发送到哪一步(线上的条件设置将在后面说明). 2.单选一个分支流转:后面有多个步骤时当前处理人员只能选择发送到后面的某一个步骤. 3.多选几个分支流转:后面有多个步骤时当前处理人员可以多选发送到后面的某几个或全部步骤. 运行时选择:是否允许该步骤处理人员在发送到下一步的时候选择接收人员,如果设置为不允许则只能

asp.net 微信企业号办公系统-表单及流程设计配置实例

在环境搭建好之后,我们就来学习一下怎样快速创建一个流程,并执行和流转该流程(我们这里讲的只是入门,不涉及到具体流程参数设置). 创建一个流程步骤为:在数据库在创建表-->设计表单-->设置流程-->配置菜单  即可点击新配置的菜单运行该流程. 1.创建业务数据表 根据自己的业务需求我们创建自己的业务表(例如政府部门常用的 文件阅办卡): 建表注意事项: 表必须要有一个主键,主键只能是int型的自增字段或者uniqueidentifier(guid)类型. 2.设计表单 打开表单设计器:

基于jQuery网页步骤流程进度条代码

基于jQuery网页步骤流程进度条代码里面包含两款不同效果的jQuery步骤进度条特效.效果图如下: 在线预览   源码下载 实现的代码. html代码: <div class="step_context test"></div> 当前步骤:第<input type="text" value="5" id="currentStepVal" />步 <button onclick=&qu

重装linux服务器简易流程

项目开发软件开发非常重要的一个环节,而能够拥有一个安全健康的服务器来使System正常高效的运行也是非常有必要的.由于是搭建在外网上的服务器,时不时会受到各种病毒的侵袭,这篇博客不写如何进行防御各种病毒,而是讲一下,如果发生了这种情况.如何通过最笨的一种方法,重装服务器来解决这个问题,这里把流程注意事项讲述一下. 一个项目已经上线了,发生了这种情况,一般情况下会让我们晚上在有限的时间内重装完毕,回复原样,我们需要提前做好准备,确保能够完成.好这里看一下,在重装服务器前后我们需要考虑的各项事宜,及

[异步][事务][流程][设计]同步当场处理并返回处理结果,异步后如何返回. 如何解决?

举个例子1: 钱有100,两口子之前有约定要剩下90, 老公看到有100,花10元,花完以后因为事件异步,数据不一致,此时老婆刷新页面也看到100,再花10元.那最终是80元. 不符合用户的预期. 这个问题如何解决? 见http://www.jdon.com/46473#23145064 异步需要一个异步回调.(或者实现一个通知接口. 不如回调实现来的漂亮.) 异步需要事件 异步需要重试机制 昨天咨询了下我们的高T. 他认为是这样实现的: 这个场景在国外银行很常见,国外有夫妻卡. 先说说不用异步