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应该没有了,如果要修改,也是对细节的修改。

点击下载(本源码仅供学习,请勿修改代码中的版权归属)

posted @ 2011-10-23 00:13  胡尐睿丶  阅读(4936)  评论(13编辑  收藏  举报