EonerCMS——做一个仿桌面系统的CMS(八-带demo源码下载)
2011-10-23 00:13
316 查看
因为工作上的一些缘故,这个私人的小东西需要暂停开发,要等到明年再继续开动了。
这段时间我进行了一些小部分的更新,下面稍微记录下。
[b]一、每个图标从原先js数组统一换成json数组[/b]
数据格式如下:
在加载页面的时候也改了,通过jquery的$.getJSON来获取:
好处就是,可以把数据存放到后端数据库里,实现动态添加删除图标,调用的时候只需后端程序按格式输出json数组到前台就行。
[b]二、增加loading条[/b]
这个就不用多说了,增加用户体验,在网速比较卡的时候,让用户知道页面正在加载,而不是一片空白。
[b]三、iframe加载完后再绑定拖动事件[/b]
测试发现如果iframe里页面未加载完的时候就拖动窗口,会造成延迟(卡)的现象,所以做了这一修改。
还有一些细碎的、错误的更新,就不记录了,大的变动更新修改就以上三点,希望能给大家带来点启示。
BTW,因为之后要有一段时间不会碰这个作品,所以就先开源吧,因为前端部分要处理的已经差不多了,明显的BUG应该没有了,如果要修改,也是对细节的修改。
点击下载(本源码仅供学习,请勿修改代码中的版权归属)
这段时间我进行了一些小部分的更新,下面稍微记录下。
[b]一、每个图标从原先js数组统一换成json数组[/b]
数据格式如下:
{"data":[ {"id":0,"iconName":"小睿的博客","iconUrl":"img/shortcut/news.png","url":"http://www.cnblogs.com/hooray","width":1000,"height":500}, {"id":1,"iconName":"博客园","iconUrl":"img/shortcut/news.png","url":"http://www.cnblogs.com","width":1000,"height":500}, {"id":2,"iconName":"商企通","iconUrl":"img/shortcut/news.png","url":"http://www.caiyufu.com","width":800,"height":500}, {"id":3,"iconName":"百度","iconUrl":"img/shortcut/news.png","url":"http://www.baidu.com","width":800,"height":500}, {"id":4,"iconName":"谷歌","iconUrl":"img/shortcut/news.png","url":"http://www.google.com.hk","width":800,"height":500}, {"id":5,"iconName":"提示框","iconUrl":"img/shortcut/news.png","url":"index2.html","width":500,"height":300}, {"id":6,"iconName":"自定义窗口","iconUrl":"img/shortcut/news.png","url":"index3.html","width":500,"height":300}, {"id":7,"iconName":"BUG反馈","iconUrl":"img/shortcut/news.png","url":"http://www.cnblogs.com/hooray/archive/2011/10/07/2200322.html","width":1000,"height":500}, {"id":8,"iconName":"测试土豆","iconUrl":"img/shortcut/news.png","url":"index4.html","width":500,"height":400}, {"id":9,"iconName":"测试优酷","iconUrl":"img/shortcut/news.png","url":"index5.html","width":500,"height":400} ]}
在加载页面的时候也改了,通过jquery的$.getJSON来获取:
//获取json数组并循环输出每个图标 $.getJSON("js/shortcut.js",function(sc){ ... });
好处就是,可以把数据存放到后端数据库里,实现动态添加删除图标,调用的时候只需后端程序按格式输出json数组到前台就行。
[b]二、增加loading条[/b]
这个就不用多说了,增加用户体验,在网速比较卡的时候,让用户知道页面正在加载,而不是一片空白。
[b]三、iframe加载完后再绑定拖动事件[/b]
测试发现如果iframe里页面未加载完的时候就拖动窗口,会造成延迟(卡)的现象,所以做了这一修改。
//iframe加载完毕后 $('#'+window_frame).bind('load',function(){ //绑定窗口移动事件 Core.bindWindowMove($('#'+window_warp)); if(options.resize){ //绑定窗口缩放事件 Core.bindWindowResize($('#'+window_warp)); } //隐藏背景遮罩层 _cache.MoveLayOut.hide(); //隐藏loading $('#'+window_inner+' .window-frame').children('div').eq(1).fadeOut(); });
还有一些细碎的、错误的更新,就不记录了,大的变动更新修改就以上三点,希望能给大家带来点启示。
BTW,因为之后要有一段时间不会碰这个作品,所以就先开源吧,因为前端部分要处理的已经差不多了,明显的BUG应该没有了,如果要修改,也是对细节的修改。
点击下载(本源码仅供学习,请勿修改代码中的版权归属)
相关文章推荐
- EonerCMS——做一个仿桌面系统的CMS(六)
- EonerCMS——做一个仿桌面系统的CMS(十三)
- EonerCMS——做一个仿桌面系统的CMS(四)
- EonerCMS——做一个仿桌面系统的CMS(四)
- EonerCMS——做一个仿桌面系统的CMS(二)
- EonerCMS——做一个仿桌面系统的CMS(十二)
- EonerCMS——做一个仿桌面系统的CMS(十-附最新源码)
- EonerCMS——做一个仿桌面系统的CMS(十一)
- EonerCMS——做一个仿桌面系统的CMS(九-附最新源码)
- EonerCMS——做一个仿桌面系统的CMS(七)
- EonerCMS——做一个仿桌面系统的CMS(内附测试地址)
- EonerCMS——做一个仿桌面系统的CMS(一)
- 【自然框架】之鼠标点功能现(一):单表的增删改查(即上次5月23日活动的一个主题)【Demo、源码下载】
- Android实现软件列表的点击启动另外一个程序功能【附demo源码下载】
- 【自然框架】之鼠标点功能现(一):单表的增删改查(即上次5月23日活动的一个主题)【Demo、源码下载】
- 打造一个SNS、论坛、CMS等的整合系统(有源码)
- 给大家推荐一个系统源码,html前端源码,jquery插件免费下载的网站 - ONE源码
- 一个简单的IM系统(Demo附源码)-- ESFramework 4.0 快速上手(08)
- Hessian+Maven Demo 一个简单的实例(有问题,可以提问,经常在线,源码会粘上连接,可下载)
- Android编程调用系统自带的拍照功能并返回JPG文件示例【附demo源码下载】