首页 > 自考资讯 > 高考百科

Spring Boot Thymeleaf(spring boot thymeleaf 表单提交)

小条 2024-10-22

Thymeleaf 是一个基于Java 的库,用于创建Web 应用程序。为Web 应用程序中的XHTML/HTML5 服务提供出色的支持。

Thymeleaf模板

Thymeleaf 将文件转换为格式正确的XML 文件。包含6种类型的模板:

XMLValid XMLXHTMLValid XHTMLHTML5Legacy HTML5 除Legacy HTML5 之外的所有模板均引用有效、格式良好的XML 文件。传统HTML5 允许您在网页中呈现HTML5 标签,包括未封闭的标签。

Web 应用程序

您可以使用Thymeleaf 模板通过Spring Boot 创建Web 应用程序。要使用Thymeleaf 通过Spring Boot 创建Web 应用程序,您需要执行以下步骤:

使用以下代码创建一个@Controller 类文件,将请求URI 重定向到您的HTML 文件。

导入org.springframework.stereotype.Controller;导入org.springframework.web.bind.annotation.RequestMapping;@Controllerpublic class WebController { @RequestMapping(value='/index') public String Index() { return 'index' }}on在示例中,请求URI 为/index,控件被重定向到index.html 文件。请注意,Index.html 文件必须放置在模板目录中,并且所有JS 和CSS 文件必须放置在类路径上的静态目录中。此示例使用CSS 文件来更改文本的颜色。

您可以使用以下代码在单独的文件夹css 中创建CSS 文件,并将文件命名为styles.css。

h4 { color: red;} Index.html文件的代码如下:

!DOCTYPE htmlhtml head meta charset='ISO-8859-1'/link href='css/styles.css' rel='stylesheet'/titleSpring Boot Application/title /head body h4Thymeleaf 欢迎使用Spring Boot Web 应用程序/h4/body /html 项目资源管理器如下所示。

ffe98bf06b694b3583971b6fd5094363~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1730173505&x-signature=4SBjP5H2gvVjEXxuv8q%2FNj7b3yE%3D 接下来,您需要将Spring Boot Starter Thymeleaf 依赖项添加到您的构建配置文件中。

Maven 用户可以将以下依赖项添加到其pom.xml 文件中:

依赖项groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-thymeleaf/artifactId/dependencyGradle 用户可以将以下依赖项添加到build.gradle 文件中。

compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf' Spring Boot应用程序类文件的主要代码为:

import org.springframework.boot.SpringApplication;import org.springframework.boot.autoconfigure.SpringBootApplication;@SpringBootApplicationpublic class DemoApplication { public static void main(String[] args) { SpringApplication.run(DemoApplication.class, args);Code pom 整个.xml:

?xml 版本='1.0' 编码='UTF-8' ?项目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' modelVersion4.0.0/modelVersion groupIdcom.tutorialspoint/groupId artifactIddemo/artifactId version0.0.1-SNAPSHOT/version packagejar/packagenamedemo /名称descriptionSpring Boot演示项目/description父groupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-parent/artifactIdversion1.5.8.RELEASE/version相对路径//parent属性project.build.sourceEncodingUTF-8/project.build。 sourceEncoding project.reporting.outputEncodingUTF-8/project.reporting.outputEncoding java.version1.8/java.version /properties 依赖关系依赖关系groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-web/artifactId /Dependency 依赖关系关系groupIdorg.springframework . boot/groupId artifactIdspring-boot-starter-test/artifactIdscopetest/scope /dependency 依赖项groupIdorg.springframework.boot/groupId artifactIdspring-boot-starter-thymeleaf/artifactId /dependency /dependency 构建插件插件springframework.boot/groupId artifactIdspring- boot-maven-plugin/artifactId /plugin /plugins /build /projectGradle 完整的build.gradle 代码:

buildscript { ext { springBootVersion='1.5.8.RELEASE' } 存储库{ mavenCentral() } 依赖项{ classpath('org.springframework.boot:spring-boot-gradle-plugin:${springBootVersion}') }}应用plugin: 'java' apply plugin: 'eclipse'apply plugin: 'org.springframework.boot'group='com.tutorialspoint'version='0.0.1-SNAPSHOT' sourceCompatibility=1.8repositories {mavenCentral()}dependency {compile('org.springframework.boot:spring- boot -starter-web')compile group: 'org.springframework.boot', name: 'spring-boot-starter-thymeleaf' testCompile('org.springframework.boot:spring-boot-starter-test')} 你可以创建并运行一个Spring使用以下Maven 或Gradle 命令启动应用程序。

对于Maven,请使用下面所示的命令。

mvn clean install “BUILD SUCCESS”之后,您将在目标目录中找到JAR 文件。

对于Gradle,请使用如下所示的命令。

一旦gradle clean build“BUILD SUCCESSFUL”完成,您将在build/libs 目录中找到JAR 文件。

使用此处指定的命令运行JAR 文件

java jar JARFILE 应用程序现在在Tomcat 端口8080 上启动。单击Web 浏览器中的URL,您将看到如图所示的输出:http://localhost:8080/index

ef5af41e606d4148b376e87421c7c378~noop.image?_iz=58558&from=article.pc_detail&lk3s=953192f4&x-expires=1730173505&x-signature=OzgIYkLU7cIM1OfkMDJUq%2BZGhG0%3D

版权声明:本文转载于网络,版权归作者所有。如有侵权,请联系本站编辑删除。

猜你喜欢