拖拽式设计页面资料

网上常见方案

• jquery ui插件
• freewall 插件
• Draggabilly插件
• Shapeshift插件
• jquery+其他插件
• 纯js类

优点和不足

优点

• 用户可以自己设计，满足各类用户不同的页面样式需求
• 设计官方模板库，使新用户能快速使用
• 基于浏览器操作降低用户使用成本
• 设计简单的使用界面，方便用户理解和实际使用。

不足

• 前期需要设计比较丰富的模板库
• 用户学习成本上升，可能需要培训或详细的帮助文档
• 大部分案例基于JS+html5，需要考虑浏览器兼容性和浏览器性能
• 需要设计更先进的界面来方便用户理解

一些案例

• 基于freewall freewall演示
• 基于Draggabilly 说明 演示页面
• jquery ui 简单演示
• jquery 演示
• jquery ui 拖动排序并保存
• jquery portal插件 仿QQ空间设计页面
• Shapeshift v2.0 jquery拖拽插件Shapeshift v2.0
• 其他类 拖拽开发工具
• Bootstrap界面生成器 layoutit
• jquery ui 拖拽布局
• jquery jquery.drag.js
• jquery iNettuts网页拖动拖拽模块和编辑模块样式jquery插件
• jquerygridster.js插件
• 微擎（微赞页面设计截图fqfv）(
  微赞.png [测试fqfv](链接: http://pan.baidu.com/s/1o7H0I2e "微赞专题页设计")
• 微擎（人人商城分销V2页面设计截图）
  人人商城分销V2.png 测试 ix33