當前位置：首頁 >

java adminlte 使用_AdminLTE2管理后台自定义

發布時間：2024/7/23 48 豆豆

生活随笔收集整理的這篇文章主要介紹了 java adminlte 使用_AdminLTE2管理后台自定义小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

項目中需要用到 AdminLTE 管理后臺模板，所以，這里對后臺進行一個簡單的布局修改，然后結合后端語言進行快速開發一個管理后臺。

一、示例后臺布局

這個示例后臺帶了許多開箱即用的腳手架，我們項目中只需要簡單的東東，所以，對這個后臺的頁面布局做一個簡化處理，去掉不需要的東西。

二、簡化后臺

首先看下核心布局：

The layout consists of four major parts:

Wrapper .wrapper. A div that wraps the whole site.

Main Header .main-header. Contains the logo and navbar.

Sidebar .sidebar-wrapper. Contains the user panel and sidebar menu.

Content .content-wrapper. Contains the page header and content.

三個核心布局：

.main-header:導航欄區域

.sidebar-wrapper:側邊欄區域

.content-wrapper:內容展示區域

我們可以將導航欄和側邊欄抽出來，做一個基布局，內容區域繼承該基布局即可。

簡化后的后臺頁：

demo.html

AdminLTE 2 | Dashboard

ALT

AdminLTE

Toggle navigation

admin

Online

Dashboard

Control panel

Home

Dashboard

Add item

Visitors

VisitorsOnlineExists

Version 2.3.8

reserved.

$.widget.bridge('uibutton', $.ui.button);

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的java adminlte 使用_AdminLTE2管理后台自定义的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。