java adminlte 使用_AdminLTE2管理后台自定义
項(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 | DashboardALT
AdminLTE
Toggle navigation
admin
Online
Dashboard
Control panel
To Do List
- ?
- 1
- 2
- 3
- ?
Design a nice theme
2 mins
Make the theme responsive
4 hours
Let theme shine like a star
1 day
Let theme shine like a star
3 days
Check your messages and notifications
1 week
Let theme shine like a star
1 month
Add item
Visitors
VisitorsOnlineExistsVersion 2.3.8
Copyright ? 2014-2016 Almsaeed Studio. All rights
reserved.
$.widget.bridge('uibutton', $.ui.button);
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯,堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)總結(jié)
以上是生活随笔為你收集整理的java adminlte 使用_AdminLTE2管理后台自定义的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Java虚拟机JVM的内部体系结构
- 下一篇: java 某年某月中第几周 开始时间和结