spring输出html页面,Springboot访问templates html页面过程详解

springboot项目默认是不允许直接访问templates下的文件的,是受保护的。

如果要访问templates下的文件,推荐使用thymeleaf。

注:使用thymeleaf这一点要牢牢记住!

如何使用:

1、pom依赖

org.springframework.boot

spring-boot-starter-thymeleaf

2、配置文件

#模板热部署、禁用 thymeleaf 缓存

spring.thymeleaf.cache=false

3、html文件位于resources的templates/目录下,例如

c2d3efc0b341f83dc34fb35299e7e891.png

注意html文件名,这里使用goodsShow,在不区分大小写的情况下与后台返回字符串匹配

4、后台返回字符串形式访问html(也可以使用ModelAndView,这里不做展示)

@Controller

@RequestMapping("/goods")

public class GoodsController {

private static final Logger log = LoggerFactory.getLogger(GoodsController.class);

@GetMapping

public String goodsShow() {

return "goodsShow";

}

}

5、浏览器访问输入:ip:端口号/上下文根/goods

本地访问:localhost:端口号/上下文根/goods

例如:localhost:8080/goods

6、具体项目可以参考:https://github.com/guocanzhen/jQueryAjaxJavaWeb

里面还附有jQuery AJAX在springboot中的应用。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持WEB开发者。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Spring Boot访问templates下的HTML页面,可以使用Thymeleaf模板引擎。Thymeleaf是一种现代化的服务器端Java模板引擎,可以将HTML页面和Java代码结合起来。 首先需要在pom.xml中添加以下依赖: ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` 然后在application.properties中配置Thymeleaf视图解析器: ```properties spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html spring.thymeleaf.mode=HTML spring.thymeleaf.encoding=UTF-8 spring.thymeleaf.cache=false ``` 其中,spring.thymeleaf.prefix配置了模板文件所在目录,spring.thymeleaf.suffix配置了模板文件的后缀名。 在controller中,使用@RequestMapping注解来映射URL和方法,然后返回模板名称即可: ```java @Controller public class HelloController { @RequestMapping("/") public String index(Model model) { model.addAttribute("name", "World"); return "index"; } } ``` 其中,Model是一个接口,用于在控制器中向视图传递数据。 最后,在templates目录下创建index.html文件,可以使用Thymeleaf模板语言来渲染页面: ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title>Hello</title> </head> <body> <h1>Hello, <span th:text="${name}"></span>!</h1> </body> </html> ``` 在上面的代码中,使用了th:text属性来绑定数据,${name}是从控制器中传递过来的数据。 最后,启动应用程序,访问http://localhost:8080/,就可以看到渲染后的HTML页面了。

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值