SpringBoot控制层返回html页面

最新推荐文章于 2024-01-06 12:24:34 发布
原创 最新推荐文章于 2024-01-06 12:24:34 发布 · 4.8k 阅读 · 6 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#springboot

本文介绍了如何在SpringBoot应用中配置返回HTML页面。通过在`application.yml`中设置视图解析路径为`templates`，并在该目录下创建如`welcome.html`的页面。控制器层需要注意避免使用`@RequestBody`注解，以防止返回JSON数据，正确做法是直接返回"welcome"，浏览器将会加载`welcome.html`。通过访问`http://localhost:8080/user/test`，即可查看到渲染后的欢迎页面。

在application.yml中添加如下语句   

thymeleaf:
  prefix: classpath:/templates/

这个语句的意思是将路径设为templates下，在这个路径下写html页面进行访问

比如我写了一个welcome页面

 

 

然后在controller层进行返回

 

记住，不能有@RequestBody,不然会返回json数据，也就是返回字符串welcome,而不是welcome.html

接着，在浏览器中输入http://localhost:8080/user/test

就会显示welcome页面啦

 

最低0.47元/天 解锁文章
SpringBoot项目中访问HTML页面
weixin_64308540的博客
05-26 1045
此时注册/登录页面便能够成功运行了！当然，本次情况仅供参考！重启项目：重新运行程序。重启项目：重新运行程序。
Spring Boot的Controller控制层和页面
08-30
Spring Boot 的 Controller 控制层和页面是 Spring Boot 中的一个核心组件，负责处理用户的请求和返回响应结果。Controller 控制层可以通过注解来定义请求处理方法，并可以使用 Spring Boot 提供的各种注解来简化...
SpringBoot 如何返回页面
张紫娃的博客
01-06 3817
/
springboot返回html页面
m0_68704114的博客
06-17 3330
RestController注解，相当于@Controller+@ResponseBody两个注解的结合，返回json数据不需要在方法前面加@ResponseBody注解了，但使用@RestController这个注解，就不能返回jsp,html页面，视图解析器无法解析jsp,html页面。1、html文件放在resource下的templates目录下。1、html文件放在resource下的static目录下。2、配置试图解析器#配置视图解析器。
springboot   controller控制html页面
qq_42273599的博客
06-23 2045
一.不用模板引擎的时候。 这里列出以下几种情况进行分析。 1. yml配置 controller 静态文件目录： 结果： 结论：此时访问的error12.html是static目录下的 。 spring配置视图为的时候controller只需要 return "error12"; 2.yml配置 controller配置 静态文件目录： 不变 结果： 结论：此时访问的error12.html是static目录下的 。 spring配置视图为的时候c...
Springboot访问templates html页面过程详解
08-19
Springboot 访问 templates html 页面过程详解 Springboot 访问 templates html 页面是一个非常重要的知识点，特别是在实际项目中，了解 Springboot 访问 templates html 页面的过程非常重要。本文将详细介绍 ...
springboot如何使用thymeleaf模板访问html页面
08-27
因此，如果想返回一个HTML页面，应该使用`@Controller`而不是`@RestController`。 总结来说，使用Spring Boot和Thymeleaf进行Web开发，可以大大简化页面展示和控制器之间的交互。只需要简单的配置和注解，就可以...
Springboot 整合Mybatis +thymeleaf 实现增删改查，包含前端HTML页面
09-21
7. **Thymeleaf模板**：创建HTML页面，如`list.html`, `create.html`, `edit.html`, `delete.html`，利用Thymeleaf的语法显示和处理数据。例如，`list.html`可以通过`th:each`遍历用户列表，`create.html`和`edit....
SpringBoot返回html页面
蜗牛先生
06-17 3万+
在之前的一个项目里面，我们组员搭建的后台框架，可以在后台返回一个指定的HTML页面。 我在他搭建的框架基础上照葫芦画瓢，在Controller里面写了返回页面的代码，也是可以返回我想要返回的HTML的页面的。 代码如下： @Controller public class UserController { @RequestMapping(value = "/hello",method...
SpringBoot 怎么返回html界面
m0_62567916的博客
08-24 4169
Thymeleaf是Spring Boot官方支持的一种模板引擎。我们可以用Thymeleaf编写HTML模板，然后在后端填充模板里的数据，这时Spring Boot就会自动把渲染好的HTML页面发送给浏览器。（1）html文件要放在resource下的static目录下（没有static 自己就创建一个文件夹）（1）将html文件放在resource下的templates目录下。（2）在application.yml 中配置视图解析器。（2）在application.yml 中配置视图解析器。
springboot 返回前台页面_springboot怎么返回页面
weixin_32955259的博客
12-23 2281
本文收集整理关于springboot怎么返回页面的相关议题，使用内容导航快速到达。内容导航：Q1：前台页面怎么调用springboot返回的json字符串前台页面：function ajaxPost(){$.ajax({data:{"name":$("#name").val(),"age":$("#age").val(),"sex":$("input[name=sex]:checked").val...
SpringBoot如何返回(访问)到template下面的html页面
没有眉毛的阿斗叶
07-25 6834
SpringBoot默认html是static下面访问的，不能直接访问tempate下面资源的，而且SpringBoot默认不支持JSP页面的，推荐使用thymeleaf模板，这里先不讲thymeleaf，我们直接先访问普通html页面。 1.首页在POM.XML文件加上thymeleaf依赖： <dependency> <groupId>org.sp...
spring boot 直接返回HTML
热门推荐
dulabing的专栏
01-12 3万+
@Controller public class HomeController { @RequestMapping(value = {"","/home"},method = RequestMethod.GET) public String home(){ return "home"; } } 要直接返回HTML， 并且访问URL 时要调用想要的
关于springboot 从controller返回到html页面
zhaipengfei1231的博客
06-18 3322
原文链接：https://blog.youkuaiyun.com/zmemorys/article/details/87275032 一.不用模板引擎的时候。 这里列出以下几种情况进行分析。 1. 情况1 【yml配置】 【controller】 【静态文件目录】 【结果】 【结论】：此时访问的error12.html是static目录下的 。 spring配置视图为...
SpringBoot中访问控制层(controller)得不到Json数据
俺老孙来也
06-12 3181
SpringBoot中访问控制层(controller)得不到Json数据 Controller层代码 application.yml配置文件代码 此时访问控制层的URL为： localhost:8080/sell/buyer/product/List 开始使用spring boot的时候没有注意这个属性，其实默认可以不配置，直接在controller层通过@RequestMapping来设...
Springboot 正确跳转页面的几种方式
csdnmuyi的博客
05-09 9343
写springboot项目的时候,我们经常把js,css放在static下面,把html放在templates下面,然后如果不进行任何配置或者处理的话,我们想 访问页面,springboot会给我们抛出错误页,现在就说一下怎么能够正确跳转页面,我这边了解了三种方式 1. 使用controller的方式 这种方式比较简单粗暴就是对每一个要请求的页面需要加上对应的controller进行跳转,比如templates下面有index.html,想跳转的话需要写对应的controller @Controll
SpringBoot跳转网页的三种方法
唐流雨的博客
03-01 1万+
下面三个方法均在该类中： @Controller public class TestController { ...... } 1、使用ModelAndView @RequestMapping("redirect") public ModelAndView redirect(){ return new ModelAndView("redire...
3.SpringBoot 返回Html界面
qq_27860623的博客
07-14 3782
在Resources/static 文件夹下面建立对应的html，比如我这边建立一个pages文件夹，然后再建立一个WelinkLogin的html界面。输入地址：运行输入地址http://localhost:8080/pages/welinklogin.html。
springboot控制层到html
最新发布
12-27
### 使用 Thymeleaf 将 Spring Boot 控制器中的数据传递给 HTML 页面 在构建基于 Spring Boot 的 Web 应用程序时，Thymeleaf 是一种常用的模板引擎，用于将服务器端的数据渲染到客户端浏览器上显示。为了实现这一目标，在控制器中不仅需要指定要呈现的视图名称，还需要通过模型(Model)对象向该视图传输必要的业务逻辑处理后的信息。 下面是一个简单的例子来展示如何完成这项工作： #### 定义实体类 `Site` 假设有一个名为`Site`的实体类表示数据库表结构，此部分已经在引用材料中给出[^2]。 ```java package com.example.demo; import javax.persistence.Entity; import javax.persistence.GeneratedValue; import javax.persistence.GenerationType; import javax.persistence.Id; @Entity public class Site { @Id @GeneratedValue(strategy = GenerationType.AUTO) private Integer id; private String name; private String url; // Getters and Setters... } ``` #### 创建服务接口并继承 `CrudRepository` 同样地，这里的服务层定义也已在提供的资料中有体现，即创建了一个名为`SiteService`的接口以管理对`Site`实体的操作。 ```java @Repository public interface SiteService extends CrudRepository<Site, Integer> { public List<Site> findAll(); public Site findById(Integer id); public Site save(Site site); public void deleteById(Integer id); } ``` #### 编写控制器方法并向视图提供数据 接下来是在控制器(`testController`)内编写具体的方法以便于接收HTTP请求并将相应的站点列表作为属性添加至Model实例中再转发给前端页面进行展现[^1]。 ```java @Controller public class TestController { @Autowired private SiteService siteService; @GetMapping("/sites") public String listSites(Model model){ Iterable<Site> sites = siteService.findAll(); model.addAttribute("siteList", sites); return "list_sites"; } } ``` 上述代码片段展示了当访问路径为 `/sites` 时触发的动作——获取所有的网站记录并通过键 `"siteList"` 存入 Model 对象供后续使用；最后指定了返回的是名为 `list_sites.html` 的 Thymeleef 模板文件名而非纯文本字符串形式的结果。 #### 构建 Thymeleaf 模板文件 对于位于 resources/templates 文件夹下的 `list_sites.html` ，可以按照如下方式设计其内容布局： ```html <!DOCTYPE html> <html xmlns:th="http://www.thymeleaf.org"> <head> <title>Sites</title> <meta charset="UTF-8"/> </head> <body> <h1>List of Sites:</h1> <table border="1" cellpadding="10"> <tr> <th>ID</th><th>Name</th><th>URL</th> </tr> <!--/* Iterate over the 'siteList' attribute */--> <tr th:each="site : ${siteList}"> <td th:text="${site.id}">ID</td> <td th:text="${site.name}">Name</td> <td th:text="${site.url}"><a href="#" th:href="@{${site.url}}">Link</a></td> </tr> </table> </body> </html> ``` 这段HTML文档利用了 Thymeleaf 提供的各种表达式语法特性实现了动态加载来自后台传来的数据集，并将其表格化呈现在网页界面上。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值