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应该没有了,如果要修改,也是对细节的修改。
新博客地址
hooray.github.io
hooray.github.io