IDEA新建Spring-boot项目,并配置thymeleaf跳转HTML页面

本文介绍了如何使用IDEA创建Spring Boot项目,并配置Thymeleaf模板引擎实现HTML页面跳转。从创建项目、添加Web依赖,到设置Controller和Thymeleaf模板,最后通过调试运行展示页面跳转成功的过程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

创建步骤:

1、点击File->New->Project

2、选择Spring Initializr,以及JDK版本,博主使用的1.8版本,点击Next


3、Group表示路径名,Artifact表示项目名,根据需要修改即可。然后继续点击Next


4、点击左侧栏中Web,勾选右侧栏中Web,然后继续点击Next下一步


5、Project location为项目所在路径,根据自己放置位置选取。点击Finish完成。


6、建好后的目录,如果没显示出来的可能是下载JAR包中,等待一会即可。

7、.mvn、mvnw、mvnw.cmd是可以删除的,博主一般建好后习惯删除。


8、新建DemoController


9、DemoController内容如下

package com.example.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class DemoController {

    @RequestMapping("/index")
    @ResponseBody
    public String index(){
        return "Hello World";
    }
}

10、点击Debug运行


11、控制台信息有Spring字样,且没有报错,表示启动成功。


12、根据该地址访问即可,端口默认是8080,可以在application.properties中修改端口。


13、现在文字的返回成功,开始配置跳转页面。

14、在pom.xml加入视图解析器模块

<dependency>
   <groupId>org.springframework.boot</groupId>
   <artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>

15、注意首次导入右侧会弹出需要导入JAR包,选择Import Changes导入JAR包后,下次导入新的JAR包还会提示,选择Enable Auto-Import下次有新的的Maven JAR包会自动导入。


16、在templates中新建HTML File     test.html


17、test.html 内容

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h1 style="color: red">Hello World</h1>
</body>
</html>

18、现在去DemoController添加页面跳转的方法test()

package com.example.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

@Controller
public class DemoController {

    @RequestMapping("/index")
    @ResponseBody
    public String index(){
        return "Hello World";
    }

    @RequestMapping("/test")
    public String test(){
        return "test";
    }
}

19、重新Debug启动DemoApplication,具体请看步骤10

20、使用http://127.0.0.1:8080/test访问,效果如下,证明页面跳转成功。



       好了,以上就是Spring-boot项目新建以及页面跳转的Demo,是不是很简单啊。不用去找大量的JAR包,也不用在配置文件中写一系列的配置,用起来十分方便。

Spring Boot是一个基于Spring的开源框架,用于简化Spring应用的初始搭建以及开发过程。它提供了一种快速开发、配置简单的Web应用的方式。在IntelliJ IDEA中编写一个使用Spring Boot控制页面跳转的程序,可以按照以下步骤进行: 1. 创建Spring Boot项目:使用Spring Initializr(https://start.spring.io/)生成项目结构,选择需要的依赖项(如Spring Web, Thymeleaf等),然后将生成的项目导入到IDEA中。 2. 配置控制器(Controller):创建一个控制器类,使用@Controller注解标识。在该类中编写方法,使用@RequestMapping或@GetMapping等注解指定请求路径和处理逻辑。 3. 视图解析:Spring Boot默认使用Thymeleaf作为模板引擎,你可以在`src/main/resources/templates`目录下创建HTML文件。控制器方法中返回的字符串会与该目录下的HTML文件名对应,Spring Boot会自动将这些字符串解析为对应的视图。 4. 运行应用程序:编写一个主类,使用@SpringBootApplication注解标识,包含一个main方法作为程序入口。运行这个main方法,Spring Boot会启动内嵌的Tomcat服务器。 下面是一个简单的例子,展示了一个Spring Boot应用程序,它包含一个简单的页面跳转逻辑: ```java // MyController.java package com.example.demo.controller; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.GetMapping; @Controller public class MyController { @GetMapping("/home") public String home() { return "home"; // 返回的字符串"home"对应templates目录下的home.html文件 } @GetMapping("/about") public String about() { return "about"; // 返回的字符串"about"对应templates目录下的about.html文件 } } ``` 在`src/main/resources/templates`目录下创建`home.html`和`about.html`文件: ```html <!-- home.html --> <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>首页</title> </head> <body> <h1>欢迎来到首页</h1> <a th:href="@{/about}">关于页面</a> </body> </html> ``` ```html <!-- about.html --> <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>关于页面</title> </head> <body> <h1>这是关于页面</h1> <a th:href="@{/home}">返回首页</a> </body> </html> ``` 5. 启动应用程序,在浏览器中输入`http://localhost:8080/home`,你可以看到跳转到首页,首页中有一个链接可以跳转到关于页面
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值