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