Springboot怎么访问html页面

1. 在原有的项目resouces目录下创建static包,并在static下创建pages,然后在pages包下hello.html.

这时你会发现hello.html并没有在static中,它跑哪去了呢?打开src下的webapp,发现有一个hello.htm,删除web.xml,并将hello.html用鼠标左键移到static目录下;


hello.html代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"/>
<title>Insert title here</title>
</head>
<body>
	<h1>springboot访问第一个html页面</h1>
</body>
</html>

1.1. 创建springboot配置文件application.roperties

在创建resouces目录下创建application.properties,创建完成后会出现一个绿叶图标

打开application.properties,添加如下配置:

spring.mvc.view.prefix=/pages/
spring.mvc.view.suffix=.html

1.2.修改SpringBootController中的代码

改成


1.3.测试

启动Appliction中的main方法(springboot应用的入口)

 

打开浏览器访问http://localhost:8080/hello

效果:


 

测试成功


Spring Boot可以通过Controller来向前端页面传递数据和处理页面的请求。下面是一个示例: 在Spring Boot的主应用程序类上添加 @EnableWebMvc 注解即可开启 WebMvc 自动配置,WebMvcAutoConfiguration 是 Spring Boot 的一个自动化配置。 ```java @SpringBootApplication @EnableWebMvc public class SpringBootDemoApplication { public static void main(String[] args) { SpringApplication.run(SpringBootDemoApplication.class, args); } } ``` 然后,创建一个 IndexController 类,用于处理首页请求: ```java @Controller public class IndexController { @GetMapping("/") public String index(Model model) { model.addAttribute("message", "Hello World!"); return "index"; } // 处理表单提交请求 @PostMapping("/") public String submitForm(String name, Model model) { model.addAttribute("message", "Hello, " + name + "!"); return "index"; } } ``` 在这里,我们使用了 @GetMapping 注解来处理首页请求,并向 Model 添加一个名为 message 的属性,值为 "Hello World!"。同时,我们在 IndexController 添加了一个 POST 请求处理方法,用于处理表单提交请求,获取表单的 name 参数,并通过 Model 向页面传递数据。 最后,我们需要创建一个 index.html 文件,用于展示页面: ```html <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Spring Boot Demo</title> </head> <body> <h1>Welcome to Spring Boot Demo!</h1> <p th:text="${message}"></p> <form method="post" action="/"> <label for="name">Name:</label> <input type="text" id="name" name="name"> <button type="submit">Submit</button> </form> </body> </html> ``` 在这个页面,我们使用了 Thymeleaf 模板语言来向页面添加 Model 的数据,并创建了一个表单,用于提交数据。 最后,我们需要在 application.properties 配置视图解析器: ``` spring.mvc.view.prefix=/WEB-INF/views/ spring.mvc.view.suffix=.html ``` 以上就是一个简单的 Spring Boot Web 应用程序的实现,通过 Controller 向页面传递数据和处理页面请求并返回相应页面
评论 33
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

sou_time

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值