基于Raphael编写的在线流程设计器前台部分.rar

【实例简介】
基于Raphael编写的流程设计器控件，只有前台部分，拖曳即可新建节点，点击箭头后在两个节点之间拖曳即可生成箭头路径，双击执行和审批节点，可以设置节点属性（定义审批人等逻辑），双击判断节点的转出箭头，可以定义判断逻辑。基于Raphael和Jquery开发，完全不依赖于ext等框架，属性设置使用的easyui，用的w3cDOM生成xml代码，点击保存后会弹出最终的jpdl内容与可以保存到数据库的图像对应json（此json还可以在页面重新加载，即可实现流程图图像内容的持久保存）
【实例截图】
【核心代码】
4744300845375579573.rar
└── designer
├── designer
│   ├── designer.css
│   ├── designer.html
│   ├── designer.js
│   └── xml.js
├── js
│   ├── jquery-1.11.0.js
│   ├── jquery.easyui.min.js
│   └── raphael.js
└── themes
├── black
│   ├── accordion.css
│   ├── calendar.css
│   ├── combobox.css
│   ├── combo.css
│   ├── datagrid.css
│   ├── datebox.css
│   ├── dialog.css
│   ├── easyui.css
│   ├── images
│   │   ├── accordion_arrows.png
│   │   ├── blank.gif
│   │   ├── calendar_arrows.png
│   │   ├── combo_arrow.png
│   │   ├── datagrid_icons.png
│   │   ├── datebox_arrow.png
│   │   ├── layout_arrows.png
│   │   ├── linkbutton_bg.png
│   │   ├── loading.gif
│   │   ├── menu_arrows.png
│   │   ├── messager_icons.png
│   │   ├── pagination_icons.png
│   │   ├── panel_tools.png
│   │   ├── searchbox_button.png
│   │   ├── slider_handle.png
│   │   ├── spinner_arrows.png
│   │   ├── tabs_icons.png
│   │   ├── tree_icons.png
│   │   └── validatebox_warning.png
│   ├── layout.css
│   ├── linkbutton.css
│   ├── menubutton.css
│   ├── menu.css
│   ├── messager.css
│   ├── pagination.css
│   ├── panel.css
│   ├── progressbar.css
│   ├── propertygrid.css
│   ├── searchbox.css
│   ├── slider.css
│   ├── spinner.css
│   ├── splitbutton.css
│   ├── tabs.css
│   ├── tooltip.css
│   ├── tree.css
│   ├── validatebox.css
│   └── window.css
├── bootstrap
│   ├── accordion.css
│   ├── calendar.css
│   ├── combobox.css
│   ├── combo.css
│   ├── datagrid.css
│   ├── datebox.css
│   ├── dialog.css
│   ├── easyui.css
│   ├── images
│   │   ├── accordion_arrows.png
│   │   ├── blank.gif
│   │   ├── calendar_arrows.png
│   │   ├── combo_arrow.png
│   │   ├── datagrid_icons.png
│   │   ├── datebox_arrow.png
│   │   ├── layout_arrows.png
│   │   ├── linkbutton_bg.png
│   │   ├── loading.gif
│   │   ├── menu_arrows.png
│   │   ├── messager_icons.png
│   │   ├── pagination_icons.png
│   │   ├── panel_tools.png
│   │   ├── searchbox_button.png
│   │   ├── slider_handle.png
│   │   ├── spinner_arrows.png
│   │   ├── tabs_icons.png
│   │   ├── tree_icons.png
│   │   └── validatebox_warning.png
│   ├── layout.css
│   ├── linkbutton.css
│   ├── menubutton.css
│   ├── menu.css
│   ├── messager.css
│   ├── pagination.css
│   ├── panel.css
│   ├── progressbar.css
│   ├── propertygrid.css
│   ├── searchbox.css
│   ├── slider.css
│   ├── spinner.css
│   ├── splitbutton.css
│   ├── tabs.css
│   ├── tooltip.css
│   ├── tree.css
│   ├── validatebox.css
│   └── window.css
├── default
│   ├── accordion.css
│   ├── calendar.css
│   ├── combobox.css
│   ├── combo.css
│   ├── datagrid.css
│   ├── datebox.css
│   ├── dialog.css
│   ├── easyui.css
│   ├── images
│   │   ├── accordion_arrows.png
│   │   ├── blank.gif
│   │   ├── calendar_arrows.png
│   │   ├── combo_arrow.png
│   │   ├── datagrid_icons.png
│   │   ├── datebox_arrow.png
│   │   ├── layout_arrows.png
│   │   ├── linkbutton_bg.png
│   │   ├── loading.gif
│   │   ├── menu_arrows.png
│   │   ├── messager_icons.png
│   │   ├── pagination_icons.png
│   │   ├── panel_tools.png
│   │   ├── searchbox_button.png
│   │   ├── slider_handle.png
│   │   ├── spinner_arrows.png
│   │   ├── tabs_icons.png
│   │   ├── tree_icons.png
│   │   └── validatebox_warning.png
│   ├── layout.css
│   ├── linkbutton.css
│   ├── menubutton.css
│   ├── menu.css
│   ├── messager.css
│   ├── pagination.css
│   ├── panel.css
│   ├── progressbar.css
│   ├── propertygrid.css
│   ├── searchbox.css
│   ├── slider.css
│   ├── spinner.css
│   ├── splitbutton.css
│   ├── tabs.css
│   ├── tooltip.css
│   ├── tree.css
│   ├── validatebox.css
│   └── window.css
├── gray
│   ├── accordion.css
│   ├── calendar.css
│   ├── combobox.css
│   ├── combo.css
│   ├── datagrid.css
│   ├── datebox.css
│   ├── dialog.css
│   ├── easyui.css
│   ├── images
│   │   ├── accordion_arrows.png
│   │   ├── blank.gif
│   │   ├── calendar_arrows.png
│   │   ├── combo_arrow.png
│   │   ├── datagrid_icons.png
│   │   ├── datebox_arrow.png
│   │   ├── layout_arrows.png
│   │   ├── linkbutton_bg.png
│   │   ├── loading.gif
│   │   ├── menu_arrows.png
│   │   ├── messager_icons.png
│   │   ├── pagination_icons.png
│   │   ├── panel_tools.png
│   │   ├── searchbox_button.png
│   │   ├── slider_handle.png
│   │   ├── spinner_arrows.png
│   │   ├── tabs_icons.png
│   │   ├── tree_icons.png
│   │   └── validatebox_warning.png
│   ├── layout.css
│   ├── linkbutton.css
│   ├── menubutton.css
│   ├── menu.css
│   ├── messager.css
│   ├── pagination.css
│   ├── panel.css
│   ├── progressbar.css
│   ├── propertygrid.css
│   ├── searchbox.css
│   ├── slider.css
│   ├── spinner.css
│   ├── splitbutton.css
│   ├── tabs.css
│   ├── tooltip.css
│   ├── tree.css
│   ├── validatebox.css
│   └── window.css
├── icon.css
├── icons
│   ├── back.png
│   ├── blank.gif
│   ├── cancel.png
│   ├── cut.png
│   ├── edit_add.png
│   ├── edit_remove.png
│   ├── filesave.png
│   ├── filter.png
│   ├── help.png
│   ├── mini_add.png
│   ├── mini_edit.png
│   ├── mini_refresh.png
│   ├── no.png
│   ├── ok.png
│   ├── pencil.png
│   ├── print.png
│   ├── redo.png
│   ├── reload.png
│   ├── search.png
│   ├── sum.png
│   ├── tip.png
│   └── undo.png
└── metro
├── accordion.css
├── calendar.css
├── combobox.css
├── combo.css
├── datagrid.css
├── datebox.css
├── dialog.css
├── easyui.css
├── images
│   ├── accordion_arrows.png
│   ├── blank.gif
│   ├── calendar_arrows.png
│   ├── combo_arrow.png
│   ├── datagrid_icons.png
│   ├── datebox_arrow.png
│   ├── layout_arrows.png
│   ├── linkbutton_bg.png
│   ├── loading.gif
│   ├── menu_arrows.png
│   ├── messager_icons.png
│   ├── pagination_icons.png
│   ├── panel_tools.png
│   ├── searchbox_button.png
│   ├── slider_handle.png
│   ├── spinner_arrows.png
│   ├── tabs_icons.png
│   ├── tree_icons.png
│   └── validatebox_warning.png
├── layout.css
├── linkbutton.css
├── menubutton.css
├── menu.css
├── messager.css
├── pagination.css
├── panel.css
├── progressbar.css
├── propertygrid.css
├── searchbox.css
├── slider.css
├── spinner.css
├── splitbutton.css
├── tabs.css
├── tooltip.css
├── tree.css
├── validatebox.css
└── window.css

15 directories, 255 files