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

javascript

Spring Boot中使用模板引擎参数化传参数

發布時間：2025/3/15 javascript 18 豆豆

生活随笔收集整理的這篇文章主要介紹了 Spring Boot中使用模板引擎参数化传参数小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

理論

代碼及演示

?

理論

在導航頁里面，當點擊某個欄目的時候，就得被激活，在Spring Boot中，一般把導航頁做成片段的形式，這個片段是可以根據參數進行激活某一個欄目，如下的演示所示，通過三元運算，來給class設置屬性，這種方式十分有效果！

代碼及演示

程序運行截圖如下：

程序邏輯結構如下：

源碼如下：

MyMvcConfig.java

package navactivedemo.demo.config;import org.springframework.context.annotation.Bean; import org.springframework.context.annotation.Configuration; import org.springframework.web.servlet.config.annotation.ViewControllerRegistry; import org.springframework.web.servlet.config.annotation.WebMvcConfigurerAdapter;@Configuration public class MyMvcConfig extends WebMvcConfigurerAdapter {@Beanpublic WebMvcConfigurerAdapter webMvcConfigurerAdapter(){WebMvcConfigurerAdapter adapter = new WebMvcConfigurerAdapter() {@Overridepublic void addViewControllers(ViewControllerRegistry registry) {registry.addViewController("/").setViewName("index");registry.addViewController("/index.html").setViewName("index");registry.addViewController("/forum.html").setViewName("forum");}};return adapter;} }

DemoApplication.java

package navactivedemo.demo;import org.springframework.boot.SpringApplication; import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplication public class DemoApplication {public static void main(String[] args) {SpringApplication.run(DemoApplication.class, args);}}

bar.html

<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> </head> <body> <nav class="ui inverted attached segment m-padded-tb-mini m-shadow-small" id="topbar"><div class="ui container"><div class="ui inverted secondary stackable menu"><h2 class="ui teal header item">My Web</h2><a href="#" class="m-item item m-mobile-hide" th:class="${activeUri=='index.html' ? 'm-item item m-mobile-hide active' : 'm-item item m-mobile-hide'}" th:href="@{index.html}"><i class="mini computer icon"></i>功能一</a><a href="#" class="m-item item m-mobile-hide" th:class="${activeUri=='forum.html' ? 'm-item item m-mobile-hide active' : 'm-item item m-mobile-hide'}" th:href="@{forum.html}"><i class="spinner loading icon"></i>功能二</a></div></div> </nav></body> </html>

forum.html

<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> </head> <body><div th:replace="commons/bar::#topbar(activeUri='forum.html')"></div><h1>Hello沃德---論壇</h1></body> </html>

index.html

<!DOCTYPE html> <html lang="en" xmlns:th="http://www.thymeleaf.org"> <head><meta charset="UTF-8"><title>Title</title><link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.css"> </head> <body><div th:replace="commons/bar::#topbar(activeUri='index.html')"></div><h1>Hello沃德---主頁</h1></body> </html>

application.properties

spring.thymeleaf.cache=false server.port=7777

porn.xml

<?xml version="1.0" encoding="UTF-8"?> <project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"><modelVersion>4.0.0</modelVersion><parent><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-parent</artifactId><version>1.5.19.RELEASE</version><relativePath/> </parent><groupId>com.loginWebDemo</groupId><artifactId>demo</artifactId><version>0.0.1-SNAPSHOT</version><name>loginWeb</name><description>Demo project for Spring Boot</description><properties><java.version>1.8</java.version><thymeleaf.version>3.0.9.RELEASE</thymeleaf.version><thymeleaf-layout-dialect.version>2.2.2</thymeleaf-layout-dialect.version></properties><dependencies><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-test</artifactId><scope>test</scope></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-web</artifactId></dependency><dependency><groupId>org.springframework.boot</groupId><artifactId>spring-boot-starter-thymeleaf</artifactId></dependency><dependency><groupId>org.webjars</groupId><artifactId>jquery</artifactId><version>3.3.1</version></dependency><dependency><groupId>org.webjars</groupId><artifactId>bootstrap</artifactId><version>4.0.0</version></dependency></dependencies><build><plugins><plugin><groupId>org.springframework.boot</groupId><artifactId>spring-boot-maven-plugin</artifactId></plugin></plugins></build></project>

總結

以上是生活随笔為你收集整理的Spring Boot中使用模板引擎参数化传参数的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： C++设计模式-模板方法模式
下一篇： Spring Boot中防表单重复提交以