实例介绍
一个工作流表单设计器开源项目form-design。可实现form表单组件的拖动,基于bootstrap,jquery。
【实例截图】
【核心代码】
faa4428e-c9c9-43bb-b851-dcef4e96a54e
└── form-design
├── bootstrap
│ ├── css
│ │ ├── bootstrap.css
│ │ ├── bootstrap-theme.css
│ │ └── font-awesome.css
│ ├── font
│ │ └── fontawesome-webfont.woff
│ ├── img
│ │ ├── back.png
│ │ ├── black.png
│ │ ├── cleditor
│ │ │ ├── buttons.gif
│ │ │ └── toolbar.gif
│ │ ├── cream.png
│ │ ├── delete.gif
│ │ ├── icons
│ │ │ ├── android.png
│ │ │ ├── chrome.png
│ │ │ ├── firefox.png
│ │ │ ├── ie.png
│ │ │ ├── ios.png
│ │ │ ├── linux.png
│ │ │ ├── mac.png
│ │ │ ├── metro.png
│ │ │ ├── opera.png
│ │ │ ├── safari.png
│ │ │ └── windows.png
│ │ ├── main-back.png
│ │ ├── photos
│ │ │ ├── s10.jpg
│ │ │ ├── s1.jpg
│ │ │ ├── s2.jpg
│ │ │ ├── s3.jpg
│ │ │ ├── s4.jpg
│ │ │ ├── s5.jpg
│ │ │ ├── s6.jpg
│ │ │ ├── s7.jpg
│ │ │ ├── s8.jpg
│ │ │ ├── s9.jpg
│ │ │ ├── t10.jpg
│ │ │ ├── t1.jpg
│ │ │ ├── t2.jpg
│ │ │ ├── t3.jpg
│ │ │ ├── t4.jpg
│ │ │ ├── t5.jpg
│ │ │ ├── t6.jpg
│ │ │ ├── t7.jpg
│ │ │ ├── t8.jpg
│ │ │ └── t9.jpg
│ │ ├── prettyPhoto
│ │ │ ├── dark_rounded
│ │ │ │ ├── btnNext.png
│ │ │ │ ├── btnPrevious.png
│ │ │ │ ├── contentPattern.png
│ │ │ │ ├── loader.gif
│ │ │ │ └── sprite.png
│ │ │ ├── dark_square
│ │ │ │ ├── btnNext.png
│ │ │ │ ├── btnPrevious.png
│ │ │ │ ├── loader.gif
│ │ │ │ └── sprite.png
│ │ │ ├── default
│ │ │ │ ├── default_thumb.png
│ │ │ │ ├── loader.gif
│ │ │ │ ├── sprite_next.png
│ │ │ │ ├── sprite.png
│ │ │ │ ├── sprite_prev.png
│ │ │ │ ├── sprite_x.png
│ │ │ │ └── sprite_y.png
│ │ │ │ ├── btnNext.png
│ │ │ │ ├── btnPrevious.png
│ │ │ │ ├── contentPatternBottom.png
│ │ │ │ ├── contentPatternLeft.png
│ │ │ │ ├── contentPatternRight.png
│ │ │ │ ├── contentPatternTop.png
│ │ │ │ ├── default_thumbnail.gif
│ │ │ │ ├── loader.gif
│ │ │ │ └── sprite.png
│ │ │ ├── light_rounded
│ │ │ │ ├── btnNext.png
│ │ │ │ ├── btnPrevious.png
│ │ │ │ ├── loader.gif
│ │ │ │ └── sprite.png
│ │ │ └── light_square
│ │ │ ├── btnNext.png
│ │ │ ├── btnPrevious.png
│ │ │ └── sprite.png
│ │ ├── star.gif
│ │ ├── user-big.jpg
│ │ └── user.jpg
│ ├── js
│ │ ├── bootstrap-datetimepicker.min.js
│ │ ├── bootstrap.js
│ │ ├── bootstrap-switch.min.js
│ │ ├── charts.js
│ │ ├── custom.js
│ │ ├── excanvas.min.js
│ │ ├── filter.js
│ │ ├── fullcalendar.min.js
│ │ ├── html5shim.js
│ │ ├── jquery-1.6.2.min.js
│ │ ├── jquery.cleditor.min.js
│ │ ├── jquery.flot.js
│ │ ├── jquery.flot.pie.js
│ │ ├── jquery.flot.resize.js
│ │ ├── jquery.flot.stack.js
│ │ ├── jquery.js
│ │ ├── jquery.noty.js
│ │ ├── jquery.prettyPhoto.js
│ │ ├── jquery.rateit.min.js
│ │ ├── jquery-ui-1.9.2.custom.min.js
│ │ ├── layouts
│ │ │ ├── bottom.js
│ │ │ ├── top.js
│ │ │ └── topRight.js
│ │ ├── sparklines.js
│ │ └── themes
│ │ └── default.js
│ └── style
│ ├── bootstrap.css
│ ├── bootstrap-datetimepicker.min.css
│ ├── bootstrap-editable.css
│ ├── bootstrap.min.css
│ ├── bootstrap-switch.css
│ ├── bootstrap-theme.css
│ ├── bootstrap-timepicker.css
│ ├── font-awesome.css
│ ├── fullcalendar.css
│ ├── images
│ │ ├── ui-bg_diagonals-thick_18_b81900_40x40.png
│ │ ├── ui-bg_diagonals-thick_20_666666_40x40.png
│ │ ├── ui-bg_flat_10_000000_40x100.png
│ │ ├── ui-bg_glass_100_f6f6f6_1x400.png
│ │ ├── ui-bg_glass_100_fdf5ce_1x400.png
│ │ ├── ui-bg_glass_65_ffffff_1x400.png
│ │ ├── ui-bg_gloss-wave_35_f6a828_500x100.png
│ │ ├── ui-bg_highlight-soft_100_eeeeee_1x100.png
│ │ ├── ui-bg_highlight-soft_75_ffe45c_1x100.png
│ │ ├── ui-icons_222222_256x240.png
│ │ ├── ui-icons_228ef1_256x240.png
│ │ ├── ui-icons_ef8c08_256x240.png
│ │ ├── ui-icons_ffd27a_256x240.png
│ │ └── ui-icons_ffffff_256x240.png
│ ├── jquery.cleditor.css
│ ├── jquery-ui.css
│ ├── prettyPhoto.css
│ ├── rateit.css
│ ├── style.css
│ └── widgets.css
├── design.html
├── form-design
│ ├── css
│ │ └── form-desing.css
│ ├── img
│ │ └── icon-widget-layout.png
│ └── js
│ ├── form-design-config.js
│ ├── form-design-control.js
│ ├── form-design-plugins.js
│ └── form-desing-core.js
└── jquery
└── js
├── jquery-1.8.2.min.js
├── jquery-1.9.1.js
├── jquery.form.js
├── jquery.js
└── jquery-migrate-1.1.0.js
26 directories, 143 files
标签:
小贴士
感谢您为本站写下的评论,您的评论对其它用户来说具有重要的参考价值,所以请认真填写。
- 类似“顶”、“沙发”之类没有营养的文字,对勤劳贡献的楼主来说是令人沮丧的反馈信息。
- 相信您也不想看到一排文字/表情墙,所以请不要反馈意义不大的重复字符,也请尽量不要纯表情的回复。
- 提问之前请再仔细看一遍楼主的说明,或许是您遗漏了。
- 请勿到处挖坑绊人、招贴广告。既占空间让人厌烦,又没人会搭理,于人于己都无利。
关于好例子网
本站旨在为广大IT学习爱好者提供一个非营利性互相学习交流分享平台。本站所有资源都可以被免费获取学习研究。本站资源来自网友分享,对搜索内容的合法性不具有预见性、识别性、控制性,仅供学习研究,请务必在下载后24小时内给予删除,不得用于其他任何用途,否则后果自负。基于互联网的特殊性,平台无法对用户传输的作品、信息、内容的权属或合法性、安全性、合规性、真实性、科学性、完整权、有效性等进行实质审查;无论平台是否已进行审查,用户均应自行承担因其传输的作品、信息、内容而可能或已经产生的侵权或权属纠纷等法律责任。本站所有资源不代表本站的观点或立场,基于网友分享,根据中国法律《信息网络传播权保护条例》第二十二与二十三条之规定,若资源存在侵权或相关问题请联系本站客服人员,点此联系我们。关于更多版权及免责申明参见 版权及免责申明
网友评论
我要评论