后台管理系统之详解（一）

后台管理系统其实无非就是“品”字框架，那么你们是怎么搭建这个“品”字框架的呢？
细细拆分开，就像剥洋葱，这个别之间都是有千丝万缕的关系的。
这篇文章主要是说说适配问题，具体分类见下面表格：

适配内容	具体适配方案
品字结构	关于左侧导航栏和右侧内容栏（具体方案下面详述）
屏幕分辨率	1024px*768px以上(为了适配平板电脑)
浏览器	Chrome,firefox,ie(8及以上) – 我面试的时候遇到一些童鞋说现在没人用ie8,我只想说会不会和用户用不用是两码事

分辨率和浏览器兼容其实也是前端的基本素质，我这里也就不多说了。主要是讲讲关于“品”字结构的适配。

“品”字结构适配模块	适配类型1	适配类型2
左侧导航栏	左侧宽度固定或不固定	折叠类型或者一二级完全展开
右侧内容	右侧内容宽度固定，内侧横向滚动条	右侧内容自适，不出现滚动条
是否单页面	单页面，左侧是直接链接跳转	框架页，有固定tab选项卡

我们使用哪种方案主要看需求，左侧导航栏的布局如下所示：

是否用框架页，加入tab导航栏如图是否加入：
未完待续……