AdminLTE介紹
- （1）AdminLTE是什么？
AdminLTE是一款建立在bootstrap和jquery之上的開源的模板主題工具 - （2）AdminLTE有什么特點？
》》提供一系列回應的、可重復使用的組件， 并內置了多個模板頁面
》》自適應多種螢屏解析度，兼容PC和移動端
》》快速的創建一個回應式的Html5網站
》》AdminLTE 不但美觀， 而且可以免去寫很大CSS與JS的作業量
AdminLTE入門程式
- （1）官方原版
https://adminlte.io/
https://github.com/ColorlibHQ/AdminLTE - （2）漢化版
AdminLTE入門程式
- （1）創建專案，引入css/js等靜態資源
- （2）創建index.jsp
- （3）復制模板檔案代碼到 index.jsp
all-admin-datalist.html - （4）使用專案路徑${path}替換掉 …/
…/plugins ${path}/plugins
…/css ${path}/css
…/img ${path}/img
pom.xml
<!--web基礎包 -->
<dependency>
<groupId>javax.servlet</groupId>
<artifactId>servlet-api</artifactId>
<version>2.5</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>javax.servlet.jsp</groupId>
<artifactId>jsp-api</artifactId>
<version>2.0</version>
<scope>provided</scope>
</dependency>
<dependency>
<groupId>jstl</groupId>
<artifactId>jstl</artifactId>
<version>1.2</version>
</dependency>
對左側選單進行洗掉與修改
- （1）為了
頁面維護方便 將【選單內容】移到left_menu.jsp中，再使用include引入當前頁面 - （2）創建【企業管理】選單
index.jsp
<!-- 導航側欄 -->
<jsp:include page="left_menu.jsp"/>
<!-- 導航側欄 /-->
left_menu.jsp
- 保留一個li標簽，并洗掉，只留兩個子項，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/191381.html
標籤：其他