Web后端技术实验06 (1).docx

【Web后端技术实验06 (1) - Spring Boot 视图技术】 实验的主要目标是深入理解并掌握Spring Boot框架中的Thymeleaf视图技术。Thymeleaf是一种现代的服务器端HTML模板引擎，特别适合于Web开发，与Spring Boot结合使用时，能为开发者提供强大的动态内容渲染能力。 ### 1. Thymeleaf简介 Thymeleaf是一个在服务器端运行的模板引擎，它可以处理HTML、XML、JavaScript、CSS甚至纯文本等多种格式的文档。Thymeleaf通过添加特定的属性（th:）来标记元素，这些属性在服务器端被解释为表达式，并在发送到客户端之前将它们替换为相应的值。这样，我们可以在不改变HTML结构的情况下，实现动态内容的渲染。 ### 2. Spring Boot整合Thymeleaf 在Spring Boot中整合Thymeleaf非常简单，只需要以下几步： - **添加依赖**：在`pom.xml`文件中，添加Thymeleaf的依赖： ```xml <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-thymeleaf</artifactId> </dependency> ``` - **配置Thymeleaf**：Spring Boot默认已经配置了Thymeleaf，但我们可以根据需求自定义配置，例如在`application.properties`中设置模板路径： ```properties spring.thymeleaf.prefix=classpath:/templates/ spring.thymeleaf.suffix=.html ``` - **创建模板**：在`src/main/resources/templates`目录下创建HTML模板文件，比如`index.html`，并在其中使用Thymeleaf表达式。 - **编写Controller**：创建一个Java控制器类，用注解`@GetMapping`来处理HTTP请求，并返回模板名称。Thymeleaf会自动找到对应的模板文件并渲染。 ### 3. 实验步骤 根据实验内容，你需要完成一个图书显示的Demo。具体步骤如下： 1. 创建一个新的Spring Boot项目，添加Thymeleaf依赖。 2. 配置Thymeleaf，设置模板文件路径。 3. 创建一个简单的图书模型类`Book`，包含书名、作者等属性。 4. 创建一个`BookService`接口及其实现，用于获取图书列表。 5. 编写`BookController`，使用`@Autowired`注入`BookService`，然后在`@GetMapping`方法中调用服务获取图书列表，并将结果传递给视图。 6. 在`templates`目录下创建一个`books.html`模板文件，使用Thymeleaf的`th:text`、`th:each`等属性遍历图书列表并显示出来。 7. 运行项目，访问`http://localhost:8080/books`查看效果。 ### 4. 实验报告要求 实验完成后，你应该按照以下格式提交实验报告： - 根据提供的实验报告参考模板，详细记录实验过程，包括每一步的操作和遇到的问题。 - 提供实验结果的截图，确保图片清晰且大小适中。截图应包括浏览器中的页面展示以及代码片段等。 - 文件命名规范：使用班级_学号_姓名_实验编号的格式，例如"19计本4_19210574006_高骏杰_实验01.docx"。 - 将实验报告上传至云班课，并遵循后续实验的提交方式。 通过本次实验，你不仅将学会如何在Spring Boot中集成Thymeleaf，还将对Web后端开发中的MVC模式有更深入的理解。同时，这也会帮助你在实际项目中更灵活地处理动态数据展示，提升你的Web开发技能。