本文總結一下通用管理後台的實現方式,包括布局、實現方式、使用到的外掛程式等。
後台介面布局通常有三種方式:
上-左-右的布局方式,上面放置banner,在banner的左上角放置logo,右上角登入人賬號、設定、退出等操作;banner下方左側顯示樹形導航選單,樹形導航選單分為展開式與懸浮式,具體依客戶要求為準,banner下方右側顯示左側所選擇選單的內容
上中下的布局方式,最上方放置banner,在banner的左上角放置logo,右上角登入人賬號、設定、退出等操作;在banner下方放置導航選單,選單使用下拉形式展示,導航選單下方區域用於顯示主要內容。
上-中-左-右或者上-左-右布局,是上面兩種方式的綜合,最上方放置banner,在banner的左上角logo,右上角登入人賬號、設定、退出等操作;在banner下方放置一行導航選單,同時在右側放置樹形選單(上中左右布局)或者點選左側樹形選單,相應的選單新增到banner下方,動態新增上的選單可以關閉(上左右布局)
不管管理後台使用的是那種語言實現的(php、.net、j**a),總結起來如下:使用乙個html或者frameset或者iframe,接下來我們乙個乙個分開來說。
所有內容在乙個html介面展示,上面的banner與左側的導航選單我們暫且不討論,我們只說右側內容展示區域,點選左側選單時,通過ajax方式,把要載入的頁面(html、asp、aspx、jsp)載入到主框架頁,操作右側主要內容時,使用彈出div框或者替換當前主框架內頁面來實現對後台內容的管理;在這裡儲存資料有兩種方式,一種使用html+ajax,通過ajax返回的資料提示成功與失敗,另外一種是使用服務端**生成,即aspx與jsp,提交資料以後,首先執行操作,然後跳轉到乙個結果顯示介面,提示操作成功還是失敗。
所有的內容不再乙個html中展示,這個就需要使用frameset與iframe,點選左側選單時,把要載入的頁面賦值給iframe的src,在iframe的頁面中完成內容的管理,在這裡也是兩種方式,處理第一次載入使用aspx與jsp頁面生成**以外,其餘全部使用html+ajax,另外一種方式,全部的操作使用服務端**生成,即aspx與jsp.
分頁、彈出提示框、彈出確認框、通用彈框外掛程式、列表管理頁、事件觸發通知等。
通用後台模版的實現
最近溫故了部分j aweb的知識,加之好久不寫 就想利用本次機會,做過乙個通用的後台管理 系統簡介 前端,基於bootstrap的免費後台框架cloud admin 資料庫 mysql 技術 jsp spring hibernate 說明 本系統本次,主要目的是實現功能,系統本身並沒有進行優化,僅僅...
前後端分離 微服務專案 通用後台管理系統
訪問位址 47.93.213.23,如果對該專案有興趣,可以私聊我。自己空餘時間做的乙個系統是前後端分離的微服務專案。前端使用的是layui元件,後端使用的是spring cloud的相關技術棧提供服務。並且整合了jenkins和docker,可以進行自動化部署上線。資料來源使用mysql 快取服務...
thinkphp5做的通用後台 snake
這是乙個用thinkphp5,h layer,ztree做的後台通用框架 系統的基本概況 1.完成了後台的管理員登入功能 2.完成了後台管理員的增刪改查 3.通過rbac完成了許可權驗證以及分配 4.完成了資料庫表的備份及還原 後續的功能還會增加,你也可以根據自己的需求自行修改。廢話不多說,上圖 喜...