aspnet BS拖拽工作流设计及研发附Demo源码.docx
- 文档编号:28243937
- 上传时间:2023-07-09
- 格式:DOCX
- 页数:12
- 大小:15.30KB
aspnet BS拖拽工作流设计及研发附Demo源码.docx
《aspnet BS拖拽工作流设计及研发附Demo源码.docx》由会员分享,可在线阅读,更多相关《aspnet BS拖拽工作流设计及研发附Demo源码.docx(12页珍藏版)》请在冰豆网上搜索。
aspnetBS拖拽工作流设计及研发附Demo源码
BS拖拽工作流设计及研发(附Demo源码)
BS拖拽工作流设计及研发(附Demo源码)
本文主要目录如下:
一、概述
二、需求分析及设计
三、数据结构设计
四、技术选型
五、界面和代码赏析
六、Demo源码下载
一、概述
BS应用系统或互联网网站中经常会有一些漂亮的流程图的展示,传统的开发方式一般是由项目经理或产品经理根据客户的需求画出流程图原型,然后交由美工设计效果图评审并切割,再由研发这边根据美工切割的html结合实际业务流程实现流程图的动态显示,这个过程涉及了各个工作角色,整个过程工作量比较巨大,尤其是在美工和研发这两方面都需要投入比较多的精力和时间,我这里所说的流程图并不是行业专用流程,它可能是工作流、自由流、状态机中的任何一个,那我们如何去抽象出一种能够满足大部分应用系统展示漂亮流程图的组件呢?
我觉得有必要结合一种典型的应用场景,去设计、评审和研发,下图就是一种典型的应用场景,这是运行态的一个流程图,它主要包括两部分图例和流程图动态解析渲染。
二、需求分析及设计
1、用例分析
<组件总体用例>:
主要包括图例信息、流程设计态和流程运行态3部分;
<流程设计、图例信息>:
<流程运行态>
2、鲁棒图分析
基于鲁棒图分析我们可以很好的发现一些实体,如下图:
通过此图我们可以很好的发现流程图的一些实体信息,为以后的数据结构设计做好了充分的铺垫。
3、需求矩阵
三、数据结构设计
经过充分的需求分析和设计,我们可以进行数据结构设计了,见下图:
表名:
DRAG_FLOW_INFOS序号
列名
数据类型
长度
小数位
标识
主键
允许空
默认值
说明1
DF_ID
varchar
200
0
是
否
流程号2
DFL_ID
varchar
200
0
是
流程图例号3
DF_NAME
varchar
200
0
是
流程名称4
DF_DESC
varchar
3900
0
是
流程描述5
DF_DEPTNAME
varchar
200
0
是
部门名称6
DF_DEPTCODE
varchar
100
0
是
部门编码7
DF_CREATER_ID
varchar
100
0
是
创建人号8
DF_CREATER
varchar
200
0
是
创建者9
DF_CREATETIME
datetime
8
3
是
创建时间10
DF_VERSION
varchar
10
0
是
版本号(v1.0、v2.0等)11
DF_ISACTIVE
varchar
4
0
是
是或否(只有活动的流程才可以使用,可以使用此字段把流程Disable)12
DF_LASTMODIFIED
datetime
8
3
是
备用字段113
DF_ISEDIT
varchar
4
0
是
是或否
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- aspnet BS拖拽工作流设计及研发附Demo源码 BS 工作流 设计 研发 Demo 源码