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();
});