EonerCMS——做一个仿桌面系统的CMS(八-带demo源码下载)
因为工作上的一些缘故,这个私人的小东西需要暂停开发,要等到明年再继续开动了。
这段时间我进行了一些小部分的更新,下面稍微记录下。
一、每个图标从原先js数组统一换成json数组
数据格式如下:
{ "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数组到前台就行。
二、增加loading条
这个就不用多说了,增加用户体验,在网速比较卡的时候,让用户知道页面正在加载,而不是一片空白。
三、iframe加载完后再绑定拖动事件
测试发现如果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应该没有了,如果要修改,也是对细节的修改。
本文转自胡尐睿丶博客园博客,原文链接:http://www.cnblogs.com/hooray/archive/2011/10/23/2221541.html,如需转载请自行联系原作者