當前位置：首頁 > 前端技术 > javascript >内容正文

javascript

SpringBoot集成LayuiAdmin的简单使用

發布時間：2023/12/29 javascript 32 豆豆

生活随笔收集整理的這篇文章主要介紹了 SpringBoot集成LayuiAdmin的简单使用小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

SpringBoot+LayuiAdmin的簡單使用

分享一下SpringBoot集成LayuiAdmin的一些心得體會，剛開始網上找了半天沒找到集成教程，鼓搗了一陣只好自己上手了…

快速開始

1、準備一份LayuiAdmin

源碼壓縮包解壓后進入dist文件夾，通常該文件夾有兩個子文件夾：layuiadmin和views；別問我壓縮包怎么弄，問就是自己悟…

2、創建項目

創建一個SpringBoot項目，勾選依賴的時候別忘了選Spring Web和Thymeleaf，當然，你也可以后續再添加；把一些不需要的文件刪除，具體略…

3、配置文件

在application.properties文件中添加如下配置，以過濾靜態資源文件

spring.mvc.static-path-pattern=/static/**

4、導入靜態資源

將layuiadmin文件夾整個復制到static文件夾下，如圖所示：（圖片錯了，應該是static文件夾下，尷尬…）

注意：json文件下都是一些模擬數據，可以刪除該文件夾；其它盡量不要刪除

附贈一份LayuiAdmin目錄詳解

5、創建頁面

將views文件夾下的index.html文件復制到項目的templates文件夾下

改動如下：

1、引入thymeleaf空間 <html lang="en" xmlns:th="http://www.thymeleaf.org">2、將原生的引入資源改成如下方式(這樣寫比較規范，原生的也可以引入，但需注意路徑正確)<link rel="stylesheet" th:href="@{/static/layuiadmin/layui/css/layui.css}"><link rel="stylesheet" th:href="@{/static/layuiadmin/style/admin.css}"><script th:src="@{/static/layuiadmin/layui/layui.js}"></script>3、改動靜態資源文件夾<script>layui.config({//靜態資源所在路徑base: '../layuiadmin/' --->改成 'static/layuiadmin/'}).extend({//主入口模塊index: 'lib/index'}).use('index');</script> </html>

6、頁面跳轉

在啟動類同級或以下寫個控制類，跳轉到該頁面

@Controller public class PagesController {@RequestMapping("/index")public String index() {return "index";} }

7、運行測試

啟動項目，效果圖如下：

8、程序擴展

上一步可以看出，整個系統父頁面已能正常顯示，子頁面加載出錯；下面就以控制臺、主頁一、主頁二這三個來演示如何擴展程序：

在index.html中找到這三個鏈接，更改lay-href如下：

在PagesController類中添加跳轉控制

@RequestMapping("admin/console") public String console() {return "console"; }@RequestMapping("admin/one") public String one() {return "one"; }@RequestMapping("admin/two") public String two() {return "two"; }

在templates文件夾下新建三個html文件，內容隨意，注意名字要和控制方法里面的返回的視圖值保持一致

運行項目，實現效果如下：

神功已經練成，盡情發揮吧(>_<)!!!

9、總結

私認為，LayuiAdmin算是一個對我這種后端比較友好的框架，只需要很簡單的配置就能實現很棒的頁面效果，總算不用每次都很痛苦的寫頁面布局了，想想那些復雜的CSS我腦子都大了…

總結

以上是生活随笔為你收集整理的SpringBoot集成LayuiAdmin的简单使用的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇：借助Android Studio生成图标
下一篇： JS中清空数组的方法