拖拽式设计页面资料

拖拽式设计页面资料

网上常见方案

  • 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)(
    拖拽式设计页面资料_第1张图片
    微赞.png
    [测试fqfv](链接: http://pan.baidu.com/s/1o7H0I2e "微赞专题页设计")
  • 微擎(人人商城分销V2页面设计截图)
    拖拽式设计页面资料_第2张图片
    人人商城分销V2.png
    测试 ix33

你可能感兴趣的:(拖拽式设计页面资料)