码迷,mamicode.com
首页 > Web开发 > 详细

基于吉日嘎底层架构的通用权限管理Web端UI更新:参考DTcms后台界面

时间:2016-10-15 22:14:07      阅读:311      评论:0      收藏:0      [点我收藏+]

标签:

经一周的研究学习,看了国内的H+、HUI等,国外的PaperDashboardPro、Make、Metronic BootStrap等,最终选定用一个轻量的,适合中国人的,来自DTcms的后台管理UI来改造吉日嘎拉的通用权限管理Web端的UI。

js+css+图片文件如下

技术分享

新增一个Menu.ashx文件,用于输出当前用户权限可以查看的所有菜单。

新增Main.aspx文件用于主框架,所有内容也放在名为fraContent的iframe中。其它涉及的登录跳转小修改暂时略过。

有图有真相,先上图:

技术分享

左侧菜单折叠后

技术分享

 

针对原DTcms的UI改进:

1、顶部菜单扩展DTcms功能,点击后不仅可使左侧菜单变化,还能打开链接地址。

2、左侧的1级、2级链接也增加了打开链接功能。

3、折叠后的顶部菜单增加logo/splash的显示,同时对于低于800分辨率的屏幕(如手机)隐藏此功能

4、右下角的弹出菜单顶级、一级、二级、底级都能打开链接

由于这个界面还算比较跟得上节奏,再加上国内有几千程序用户都用过这个DTcms,就毫不犹豫升级到旺财珠宝库存管理系统,但保留原UI,喜欢老UI的用户可以在右上角切换。

技术分享

 

基于吉日嘎底层架构的通用权限管理Web端UI更新:参考DTcms后台界面

标签:

原文地址:http://www.cnblogs.com/cuiwenyuan/p/5965152.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!