简介
在前文论述中,十三对后台管理系统作了简单的介绍和总结,希望朋友们对后台管理系统有一个更加清晰的认识,但千万不要觉得后台系统在整个项目中是一个可有可无甚至无关痛痒的角色。如果你依然觉得后台管理系统不需要考虑这么多,那么十三先来带大家看一组某商城后台管理系统的设计稿,请点击访问下面链接,从中您将领悟到更多。
- 某商城后台管理系统的完整详细的设计稿:WeApp Design
其中的设计规范基本涵盖了后台管理系统所有的元素,前文中提到的后台系统相关元素都在此设计规范中有提到,如下面这些:
- 布局风格
- 字体规范
- 配色规范
- 菜单栏设计
- 按钮设计
- 输入框规范
- 弹出框
- 提示框
甚至交互规范,都清楚的标示在文档中,从中可以看出原来我们并不特别重视的后台管理系统竟然有如此多的门道在里面,在设计和实现的时候竟有如此多需要认真考虑的知识点和规范。
当然,本课程的重点并不在此,因此朋友们也无需担心,我们并不需要完全按照这份规范从头开发,毕竟有很多优秀的前端 HTML/CSS 框架可以直接用到实际项目开发中,而且基本都涵盖了以上规范中的元素和具体实现,比如现在四个比较流行的 HTML/CSS 框架:
- Bootstrap
- EasyUI
- Layui
- Semantic UI
这些 HTML/CSS 框架将常见的 CSS 布局组件和 JavaScript 插件进行了整合并进行完善的封装,不仅仅是布局规范而且整合了各种插件