这个项目是最近忙乎接近一年的大型管理类软件系统的菜单折腾、折磨、优化过程的经验分享,以前开发软件系统都是用微软的网站风格,一般中小型的管理类软件,用那个效果也不错,用了好几年客户也能接受,虽然不是很漂亮,也没办法,只能做到这个程度了,没有美工的天赋,再加上当时公司里美工也少,认识的朋友圈子里都是写程序的多,美工做得好的也很少,所以没办法,只能直接仿造微软的网站效果,全部拿过来思想,稍微改变一下菜单上的文字等,这些年感觉过硬的专业的网站设计师真的很难找,一直在寻觅这方面的人才,希望以后能进行长期合作。

碰到的设计师往往有2种,一种只会做html不会图片处理,有一种只会图片处理,不会html,还有第三种是2个都会都不精,废话少说,直接就看效果图如下:

前几年从程序员的眼光看,也是非常漂亮的,当时没有采用折叠菜单、用树型结构的菜单导航,大概用了好几年也在好几个中小型项目里应用过,总结下来有几点不太友好:

1. 颜色有些黯淡、有些沉重,同时会让人感觉有些笨重,虽然开发人员喜欢,最终客户不太喜欢这个颜色搭配。

2. 不大好应用其他效果,很容易变成颜色搭配不协调的问题,颜色乱的局面会产生,更不能用一些鲜艳的颜色,那会显得更乱。

3. 按钮的权限控制写起来比较麻烦,例如上面的一部分都是用了HTC技术,写了不少JavaScript。

4. 后来用了折叠的菜单控件,ComponentArt 的树控件,但是菜单项太多了后,导致有些子菜单显示不友好,无法自动适应高度等问题,同时颜色搭配也成了难题,选了好几个风格,总的来说,都很失败,客户也很不满意。

以上效果组合虽然都用了Microsoft、ComponentArt的,但是搭配在一起,非常不协调,虽然当个来讲都是业界比较好的,但是拼凑到一起,很难看了,可能你自己看着也觉得恶心一些,我也觉得实在是拿不出手,不过也是没办法,没有专业的页面设计人员协助,也是一时找不到合适的人分包这部分工作,或者外包给合适的单位来处理。

这个就像有个比较有名的比喻,把所有美女的脸上的优点都集中起来,组合一个新美女出来,很可能就是恶魔,同样还有一个俗话一样,我们心目中想象的是天仙美妹,但是我们通过自己的两手亲自画出来就是丑陋的恶魔,不是这方面的专业人才,很容易搞不好整体的效果,局部的效果谁都可以搞好,但是整体的效果,的确是需要有水平才可以。

其实以前也参与做过一些设计不错的项目,但是这些项目要么现在跑不起来,要么丢的丢,要么当时没在乎,更本没保存过,这导致自己需要用时,又开始从头开始折磨,或者还有一个心理就是,我自己做绝对能比你的做得好,当时根本看不上眼,当轮到我真的需要自己做的时候,做出来的东西,真的丑陋得很,根本拿不出手,客户也不能满意。

后来想办法,又找专业做网站设计的朋友,做了一个大概花费了1000多元的设计费,大体效果是如下:

这个色调是足够好了,但是不够大气,几百个菜单也不好分布上去,只适合少量菜单的网站前台展示型功能,也让我很头痛,不是经常做后台管理的,他们的设计思想也不一样,有的设计出来的东西,是效果图,无法直接拿过来用,很让人头大的。

实在没办法,又想办法找了前台展示方面做得非常好的同行,大老远跑过去取经学习,把人家10来的积累给拿过来,用到了自己的项目里,感觉效果明显好了很多,效果图如下:

这个页面效果,非常适合大型内部管理类系统,可以很轻松的容得下几十个模块,几百个菜单,而且子菜单的现实方式,展现方式也非常友好,界面也简介一些,不容易看着很腻,或者色彩很艳丽,而且头部还可以折叠,可以节省很多屏幕空间,方便看更多的数据列表,用了这个展示效果后,客户也比较满意,再也不提对界面不满意的事情了,也解决了一个很闹心的事情,这些事情当然不能指望程序员都能搞定,他们根本没有美敢,也不关心整个项目的效果,自己的模块也做不过来,毕竟也不能给他们太多的压力。

折叠的效果如下:看起来也很简洁、很清爽。

刚开始为了赶进度,每个模块都做了一个菜单,后来感觉这些代码都是重复的,没必要有几十个菜单文件,又简化为2个菜单文件,就可以把这几百个菜单弄得好好的,也用了一些缓存功能,把用户的菜单都缓存起来,这样展示的效果就更快一些了,文件数量也少了很多,最起码编译的速度,编译后的可执行文件的大小也少了不少吧,把几十个文件干掉,最后只变成了2-3个文件,心里也很爽的。

当然菜单的管理、显示的先后顺序,菜单的移动、菜单的权限设置等是跟我自己的通用权限管理工具是集成在一起,菜单想怎么折腾就这么折腾,很方便,权限想怎么设置就怎么设置,普通开发人员也根本不用关心这些繁琐的事情,他们只要会用工具,配置几下就可以了,我也根本没精力去配置几百个菜单项,只管好我自己负责的几个模块的菜单就可以了。

后台管理配置的效果图如下:最近增加了几个小图标,看起来更舒服了,

模块配置管理的效果图如下:

虽然这些都可以在数据库里,手工进行配置,但是几百个菜单了,会看得眼花缭乱,还是用一个工具去配置一下,很省事省心。

虽然这些也没什么大不了的,但是从开始折腾到最后能完美的优化好,集成好,足足前后用了半年时间。因为一个人并不是万能的,要么写程序方面厉害,要么前台展示能力强,要么写后台能力强,要么美工强,但是把这么多人都想集中到一起,一般小公司比较难办到,需要不少的财力,才能达到完美的结合。

我们很容易不重视我们手上的项目,我也只是想提醒大家,珍惜好经手的每个项目,说不定哪天真的会派上用处,我们不要老是心里想着,我自己做一定能做得更好,其实未必能做得好,就算能做得好,未必有那个精力,所以把自己做过的每个项目,都保存好,收集好才是硬道理。

将权限管理、工作流管理做到我能力的极致,一个人只能做好那么很少的几件事情。

转载于:https://blog.51cto.com/jirigala/802490

管理类业务系统菜单部分美化经验分享,把所有好的东西拿过来拼凑并不容易能形成整体的效果...相关推荐

  1. FreeWheel业务系统微服务化过程经验分享

    2016 年下半年开始,FreeWheel 开始将其业务系统从 Rails 单体应用逐步迁移到微服务,同时技术栈从 Rails 改为 Golang,两年之后,整个迁移接近尾声,FreeWheel 业务 ...

  2. [软考]系统架构设计师 备考经验分享(二) - 知识点学习+综合知识篇

    2021.12.20 更新下成绩 49,53,55 原文: 本篇对应备考计划中的1.2阶段: 相关分享: 备考计划篇:[软考]系统架构设计师 备考经验分享(一) - 备考计划篇 知识点学习+综合知识篇 ...

  3. [软考]系统架构设计师 备考经验分享(一) - 备考计划篇

    2021.12.20 更新下成绩 49,53,55 原文: 相关分享: 备考计划篇:[软考]系统架构设计师 备考经验分享(一) - 备考计划篇 知识点学习+综合知识篇:[软考]系统架构设计师 备考经验 ...

  4. 大促场景系统稳定性保障实践经验分享

    简介:11月11日0点刚过26秒,天猫双11的订单创建峰值就达到58.3万笔/秒,阿里云又一次扛住全球最大规模流量洪峰!58.3万笔/秒,这一数字是2009年第一次天猫双11的1457倍. 每到双11 ...

  5. 【软考】高级系统架构设计师学习经验分享

    1 介绍 架构设计师这门在软考高级当中算是比较难过的一门,因为考核侧重于综合能力,不仅考察大量的知识面,还考察了案例分析和论文,如果没有一定的自律能力或者没有自我树立要考过的决心,建议换系统管理或者系 ...

  6. 中科大MEM工程管理硕士专业考研初试与复试经验分享

    背景 2018年中科大(中国科学技术大学)MEM考研已通过复试,因为之前在网上查与科大相关的MEM备考信息特少,备考期间很盲目和焦虑.所以在此特写下经验贴,分享给后续报考科大的同学们. 招生情况 1. ...

  7. 系统架构设计师备考经验分享:如何有效备考

    总体学习思路 点: 选择题 每日一练 历年真题 模拟题 线: 教材 章节目录 前后关系 方法脉络 网: 梳理 方法论 架构体系 自主思考 点: 关键技术 概念定义 理论结合实际 综合比较 选择题:容易 ...

  8. (完整版!!)十多年从事微波、系统、芯片的经验分享

    首先,我只是一个普通的科研人员,曾带团队做过不少军用芯片国产化的替代工作.有幸参与过国家十三五军用芯片发展规划.现在和老大.同学一起创业,在某家芯片设计公司担任设计研发总监.在咱们eetop里面结识了 ...

  9. 系统架构设计师备考经验分享:边听课边画思维导图,高效学习

    一.备考经验 1.把大部分精力花在重点章节 系统架构设计这一章节在考试中所占据的比例非常非常高,尤其在下午题部分,几乎可以全部覆盖. 该章节每一部分的考点都重要,需要牢牢掌握. 该章节提到的相关内容可 ...

最新文章

  1. 23、Java Swing JTree:树组件
  2. springboot七牛云---报{“error“:“download token auth failed“}错误
  3. 【人工智能作业及答案】什么叫智能?什么叫人工智能?人工智能科学体系大致分哪几个层次?
  4. DCMTK:测试dcmseg的DcmSegUtils功能
  5. mysql执行计划字段解析_MySQL执行计划解析
  6. 新来的妹纸问我 AJAX 请求为什么不安全?没有回答出来。。。
  7. python获取股票数据_python根据股票代码获取当前数据
  8. python中如何输入矩阵_python - 如何向矩阵中添加向量_numpy_酷徒编程知识库
  9. 硬核!这所大学包下高铁,接滞留湖北的学生返校!
  10. 微服务架构 vs SOA架构
  11. 微信授权 php josn,php怎么获取微信多客服json数据
  12. Python的单链表实现
  13. caffe的protocol buffer使用例子
  14. 绝地求生登录计算机需要授权,Steam第三方授权登录错误 《绝地求生大逃杀》国服绑定受影响!...
  15. 基于51单片机定时,数码管显示时间
  16. 艺体计算机教师考核细则,音体美教师考核办法
  17. 2011年-2019年华东地区产业发展、人口以及平均工资简析
  18. linux内核溢出利用,窖藏15年新鲜出炉的Linux内核漏洞
  19. Contest 1479 2018-ZZNU-ACM集训队 夏季队内积分赛 (3)K题(易水寒)
  20. Codeforces Round #469 (Div. 2) C. Zebras

热门文章

  1. confluence mysql 中文乱码_解决confluence的乱码问题
  2. Docker运行PostgreSQL
  3. foreign 磁盘阵列_服务器磁盘 foreign
  4. k8s-ingress 413 Request Entity Too Large
  5. Swift 异常处理
  6. 2020身高体重标准表儿童_2020年儿童标准身高体重表发布,对比看看,你家孩子达标了吗?...
  7. php删除所以文件,php如何删除所有文件
  8. 图十字链表并求度c语言,利用十字链表存储树结构(便于同时求出某一点的入度与出度)------C语言实现...
  9. 另外一些MySQL优化措施
  10. 教程:2、第一个Python程序