當(dāng)前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

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

發(fā)布時(shí)間：2024/7/23 编程问答 42 豆豆

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

項(xiàng)目中需要用到 AdminLTE 管理后臺(tái)模板，所以，這里對(duì)后臺(tái)進(jìn)行一個(gè)簡單的布局修改，然后結(jié)合后端語言進(jìn)行快速開發(fā)一個(gè)管理后臺(tái)。

一、示例后臺(tái)布局

這個(gè)示例后臺(tái)帶了許多開箱即用的腳手架，我們項(xiàng)目中只需要簡單的東東，所以，對(duì)這個(gè)后臺(tái)的頁面布局做一個(gè)簡化處理，去掉不需要的東西。

二、簡化后臺(tái)

首先看下核心布局：

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.

三個(gè)核心布局：

.main-header:導(dǎo)航欄區(qū)域

.sidebar-wrapper:側(cè)邊欄區(qū)域

.content-wrapper:內(nèi)容展示區(qū)域

我們可以將導(dǎo)航欄和側(cè)邊欄抽出來，做一個(gè)基布局，內(nèi)容區(qū)域繼承該基布局即可。

簡化后的后臺(tái)頁：

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);

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。