摘要: 前些天看了胡睿制任的 EonerCMS效果,我就被深深吸引了。这种效果很像WebQQ的效果。呵呵。很强大。正好公司一个游戏项目正好在做后台。我就突然冒出来这个想法。考虑点: 管理员权限分配(使用ajax异步取得管理员权限) 代码片段: 1 protected string AdminList(HttpContext ctt) 2 { 3 StringBuilder sb = new StringBuilder(); 4 if (ctt.Session["ManageUserID"] == null || ctt.Sessio...阅读全文
posted @ 2011-12-14 10:52 坐在路边写代码 阅读(1993) 评论(13) 编辑
根据胡睿制任的 EonerCMS效果,进行了样式修改,现在登录窗口更改为了图一。登录后图片更改为了图二。如果您也比较喜欢这种风格的后台。可以访问:http://hoorayos.caifutang.com/index.php。具体的代码可去胡睿的相关博客进行下载。
我只是使用了胡睿的框架,具体窗体里面的样式是自己随便写的,当然没有胡睿的做的好看,但具体功能实现就OK了!如图三
记录自己的成长点滴生活!当然了,在这里我没有表现的意思存在,只是想推广一下胡睿EonerCMS效果。因为使用这样效果的后台要比传统的后台要方便的多。也在这里谢绝博友要源代码一起研究的请求。因为这个毕竟是公司的项目,而且里面涉及很多公司的核心东西。所以在这里先解释一下!下班了。不写了。希望这篇文章能给一些朋友一些启发!
图一:

图二:

图三:

posted @ 2012-02-01 21:37 坐在路边写代码 阅读(1369) 评论(1) 编辑
前些天看了胡睿制任的 EonerCMS效果,我就被深深吸引了。这种效果很像WebQQ的效果。呵呵。很强大。正好公司一个游戏项目正好在做后台。我就突然冒出来这个想法。
考虑点:
管理员权限分配(使用ajax异步取得管理员权限)
代码片段:
1 protected string AdminList(HttpContext ctt)
2 {
3 StringBuilder sb = new StringBuilder();
4 if (ctt.Session["ManageUserID"] == null || ctt.Session["ManageUserID"].ToString() == "")
5 {
6 return sb.Append("{\"data\":[]}").ToString();
7 }
8 else
9 {
10 Int16 AdminID = Convert.ToInt16(ctt.Session["ManageUserID"].ToString());
11 List<AdminMenuModel> list = AdminServer.GetAdminMenuPermission(AdminID);
12 if (list.Count > 0)
13 {
14 sb.Append("{\"data\":[");
15 for (int i = 0; i < list.Count; i++)
16 {
17 AdminMenuModel model = list[i];
18 if (model.MenuLevel != 1)
19 {
20 if (i == (list.Count-1))
21 {
22 sb.Append("{\"id\":" + (i * 10) + ",\"iconName\":\"" + model.MenuName.Trim() + "\",\"iconUrl\":\"img/shortcut/news.png\",\"url\":\"../" + model.MenuLinkUrl + "\",\"width\":"+model.MenuWidth+",\"height\":"+model.MenuHeight+",\"resize\":true}");
23 }
24 else
25 {
26 sb.Append("{\"id\":" + (i * 10) + ",\"iconName\":\"" + model.MenuName.Trim() + "\",\"iconUrl\":\"img/shortcut/news.png\",\"url\":\"../" + model.MenuLinkUrl + "\",\"width\":" + model.MenuWidth + ",\"height\":" + model.MenuHeight + ",\"resize\":true},");
27 }
28 }
29 }
30 sb.Append("]}");
31 }
32 return sb.ToString();
33 }
34 }
代码片段:
var loadShortcut = function(){
//获取json数组并循环输出每个图标
$.getJSON("js/F_AdminMenuList.ashx",function(sc){
$(ul).html("");
//把返回的json数组存为全局变量
jsonsc = sc;
if(sc['data'].length==0){
ZENG.msgbox.show("登录超时,请点左下方按钮退出重新登录", 4, 30000);
return;
}
for(i=0; i<sc['data'].length; i++){
_cache.shortcutTemp = {"top":_top,"left":_left,"title":sc['data'][i]['iconName'],"shortcut":sc['data'][i]['id'],"imgsrc":sc['data'][i]['iconUrl']};
$(ul).append(FormatModel(shortcutTemp,_cache.shortcutTemp));
//每循环一个图标后,给top的偏移量加90px
_top += 90;
//当下一个图标的top偏移量大于窗口高度时,top归零,left偏移量加90px
if(_top+Core.config.shortcutTop+57 > windowHeight){
_top = Core.config.shortcutTop;
_left += 90;
}
}
});
};
每个窗体的大小问题(在数据库权限表中增加窗体高和宽的大小)
每个菜单的图标问题(在数据库权限表中增加图标路径)
首先实现效果:
主界面:

子窗体界面:

呵呵。感觉使用这种效果当后台,是不是很有个性呢?而且EonerCMS兼容性挺好。我在IE6-IE9都测试了,还有Chrome,火狐下都能测试通过,最主要的就是IE6下是否正常,因为现在网吧基本都使用IE6.
以后再贴代码吧!第一次在cnblogs上发博,每次都是看别人的。呵呵。
posted @ 2011-12-14 10:52 坐在路边写代码 阅读(1993) 评论(13) 编辑

