後臺管理系統之詳解（一）
後臺管理系統其實無非就是“品”字框架，那麼你們是怎麼搭建這個“品”字框架的呢？
細細拆分開，就像剝洋蔥，這個別之間都是有千絲萬縷的關係的。
這篇文章主要是說說適配問題，具體分類見下面表格：
| 適配內容 | 具體適配方案 |
|---|---|
| 品字結構 | 關於左側導航欄和右側內容欄（具體方案下面詳述） |
| 螢幕解析度 | 1024px*768px以上(為了適配平板電腦) |
| 瀏覽器 | Chrome,firefox,ie(8及以上) – 我面試的時候遇到一些童鞋說現在沒人用ie8,我只想說會不會和使用者用不用是兩碼事 |
解析度和瀏覽器相容其實也是前端的基本素質，我這裡也就不多說了。主要是講講關於“品”字結構的適配。
| “品”字結構適配模組 | 適配型別1 | 適配型別2 |
|---|---|---|
| 左側導航欄 | 左側寬度固定或不固定 | 摺疊型別或者一二級完全展開 |
| 右側內容 | 右側內容寬度固定，內側橫向滾動條 | 右側內容自適，不出現滾動條 |
| 是否單頁面 | 單頁面，左側是直接連結跳轉 | 框架頁，有固定tab選項卡 |
我們使用哪種方案主要看需求，左側導航欄的佈局如下所示：
是否用框架頁，加入tab導航欄如圖是否加入：
未完待續……
相關文章
- 後臺管理系統
- 小程式電商系統後臺功能詳解
- Thinkphp後臺管理系統PHP
- AlphaCms後臺管理系統ACM
- ITKEE後臺管理系統
- LaraCMS 後臺管理系統ACM
- Vue 2.x 實戰之後臺管理系統開發（一）Vue
- 網站後臺管理系統網站
- Vue + ElementUI 後臺管理系統專案心得（一）VueUI
- ORACLE DG之後臺程式詳解Oracle
- Linux系統管理-工作管理（後臺程式管理）Linux
- ThinkPHP5.0後臺管理系統PHP
- adminkit 後臺管理系統模型模型
- vue後臺管理系統程式碼Vue
- LaraCMS 後臺管理系統 - 小程式ACM
- Vue+Node 後臺管理系統Vue
- 使用 React 全家桶搭建一個後臺管理系統React
- 後臺管理系統CMS模組-後端實現後端
- 使用Vue搭建電商後臺管理系統Vue
- 後臺管理系統vue.js路由Vue.js路由
- 電商後臺管理系統——登入功能
- 分享一個好用的TP6後臺管理系統
- 一對一直播系統原始碼，後臺管理系統許可權控制方案原始碼
- 【學生資訊管理系統】系統的介面與後臺
- Vue 2.x 實戰之後臺管理系統開發（二）Vue
- 系統管理命令中文詳解(轉)
- 如何使用Vue.js來搭建一個後臺管理系統Vue.js
- 10款精選的後臺管理系統
- Laravel + H-ui 搭建後臺管理系統LaravelUI
- ZX後臺管理系統（TP3.13框架）框架
- Go 實現世界盃後臺管理系統Go
- 流行的後臺管理系統模板總結
- 簡單搭建後臺管理系統佈局
- dedecms網站管理系統後臺空白的解決辦法大全網站
- 標題：電商後臺管理系統——資料統計
- 我最近做了一個react的後臺管理系統，用於快速建立後臺專案模板React
- Spring AOP實現後臺管理系統日誌管理Spring
- linux系統管理命令詳解(轉)Linux