SpringBoot创建web项目跳转页面

Springboot项目是集成了tomcat,所以项目是打成jar包,通过SpringMVC注解的方式去运行,对于界面跳转,SpringBoot支持thymeleaf页面模板技术,也可以向普通java web项目一样使用jsp,下面就两种方式作说明:

1.使用thymeleaf模板技术

首先创建一个springboot web项目,可以在https://start.spring.io/  上直接创建,添加spring web 组件,生成项目后导入到eclipse中即可,在pom文件中添加thymeleaf依赖:

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

然后在application.properties文件中配置

spring.thymeleaf.prefix=classpath:/templates/

项目的页面文件放置在/src/main/resources下的templates文件夹下。例如在templates下创建index.html文件:

下面创建Controller层:

@Controller
public class DemoController {
 
    @RequestMapping("/hello")
    public  String  login(){
        return "index";
    }
    @RequestMapping("closed")
    public String  close(){
        return "This door is closed!";
    }
}

这里一定需要注意的是将类的注解改成@Controller。

完成之后启动springboot程序,访问localhost:8080/hello,即可跳转至index界面。

2.不使用thymeleaf

在上面程序的基础上作修改

pom文件中将thymeleaf依赖注释掉

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

在创建src/main/webapp源文件夹,在下面创建page包,里面存放页面文件,例如创建index.html

修改application.properties配置文件,因为创建了page包,所以spring.mvc.view.prefix写成了/page/,如果webapp下直接是界面文件,那么spring.mvc.view.prefix直接写成"/".

#spring.thymeleaf.prefix=classpath:/templates/
spring.mvc.view.prefix=/page/
spring.mvc.view.suffix=.html

这样配置完成后,再次启动项目,访问localhost:8080/hello,也可以跳转到index页面,这就是不使用thymeleaf的界面跳转。

 

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在Spring Boot的web项目中,可以使用Thymeleaf来渲染HTML页面,并用JavaScript实现页面间的。 首先,确保在pom.xml文件中添加了正确的Thymeleaf和Spring Boot Web依赖项。然后,在resources/templates目录中创建一个HTML页面,编写想要的链接。 在HTML页面中,可以使用`<a>`标签来创建一个链接,例如: ``` <a th:href="@{/page2}">页面2</a> ``` 这会将页面到`/page2`地址。 接下来,在Spring Boot的Controller中编写相应的请求处理方法。可以使用`@Controller`注解来标识这是一个控制器类,使用`@RequestMapping`注解来映射请求地址。 例如,在Controller类中编写一个处理/page2请求的方法: ```java @Controller public class MyController { @RequestMapping("/page2") public String page2() { return "page2"; } } ``` 这个方法会返回一个字符串`"page2"`,表示要到名为`page2`的HTML页面。 最后,在JavaScript中实现页面间的。可以使用`window.location.href`属性来实现。 例如,在JavaScript中使用以下代码实现: ```javascript window.location.href = "/page2"; ``` 当执行这行代码时,页面就会到`/page2`地址。 确保HTML页面、Controller方法和JavaScript代码都正确配置和编写后,应该就能够实现页面间的了。如果还是无法找到HTML页面,可以检查HTML文件的路径是否正确,以及确保Thymeleaf和Spring Boot的配置正确无误。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值