前言

这次我们来做一个有趣的事情,有朋友跟做了很远,找我要自由桌面的代码,这次我们将演示自由桌面的代码。

自由桌面:用户可以随意增删改桌面的布局、个数(只留自己需要看到的数据),这次纯属EasyUI前端

当然您抛弃EasyUI你同样也能为你的系统桌面定制有趣自由布局

iOS培训,Swift培训,苹果开发培训,移动开发培训

结果预览

 iOS培训,Swift培训,苹果开发培训,移动开发培训

实现思路

本次实现主要用到EasyUI一个非常不常用的组件Draggable(拖拽)

虽然图显示简单,但是实际做起来非常的耗时,有兴趣的朋友在尾部下来看看拖拽和实现,下面是实现思路和功能:

  • 拖拽之后DIV中保存了DIV的位置

  • 部件筛选是以Css 的Display属性来控制的

  • 部件复位是初始化全部部件

  • 保存是保存整个范围内的Div内容来保存到数据库

实现代码

整个拖拽功能的代码如下(展开查看)

iOS培训,Swift培训,苹果开发培训,移动开发培训 EasyUI自由桌面

网友评论