CANN/metadef TilingData创建API
2026/5/9 18:13:36
刚接触 Spring Boot 时,总觉得做网页很复杂,其实只要选对依赖、写对核心代码,几分钟就能搞定一个基础网页!今天分享极简版 Spring Boot 网页的创建流程。
只需要 2 个依赖(足够支撑基础网页):
Web→Spring Web(处理网页请求)Template Engines→Thymeleaf(渲染 HTML 页面)选好后点击 “创建”,等待项目加载完成。
项目加载完成后,结构如下
WebController.java在org.example.simplewebpage包下,新建Java 类,命名为WebController,粘贴代码:
package org.example.simplewebpage; import org.springframework.stereotype.Controller; import org.springframework.ui.Model; import org.springframework.web.bind.annotation.GetMapping; import java.util.Date; @Controller public class WebController { @GetMapping("/") public String showSimpleWebPage(Model model) { model.addAttribute("pageTitle", "Simple Web Page"); model.addAttribute("currentTime", new Date()); model.addAttribute("welcomeMsg", "欢迎来到我的第一个Spring Boot网页!"); return "Simple Web Page"; } }Simple Web Page.html在resources/templates目录下,新建HTML 文件,命名为Simple Web Page.html(注意空格和控制器 return 的名称一致),粘贴代码:
有两个方式:
1.选择“文件”,需要输入后缀“.html”。
2.选择下方的“HTML文件”,则不需要输入后缀,直接输入名称即可。
<!DOCTYPE html> <html lang="zh-CN" xmlns:th="http://www.thymeleaf.org"> <head> <meta charset="UTF-8"> <title th:text="${pageTitle}"></title> <style> body { /* 让内容水平+垂直居中 */ display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: 100vh; margin: 0; } /* 所有文字统一间距,增强可读性 */ p, h1 { margin: 10px 0; } </style> </head> <body> <!-- 仅保留核心文字内容,全部居中 --> <h1 th:text="${pageTitle}"></h1> <p th:text="${welcomeMsg}"></p> <p>这是一个基于Spring Boot + Thymeleaf构建的简易网页</p> </body> </html>application.properties打开resources/application.properties,添加 2 行配置:
spring.application.name=Simple-Web-Page # 服务器端口(默认8080,可自定义) server.port=8080 # 关闭Thymeleaf缓存(开发环境必备) spring.thymeleaf.cache=false确定右上角的配置文件正确,然后点击绿色三角运行文件,启动成功后:打开浏览器,输入http://localhost:8080,就能看到居中显示的网页啦!
整个流程只需要选 2 个依赖 + 写 3 个文件,核心是用Spring Web处理请求、Thymeleaf渲染页面,新手也能快速上手~
如果想扩展功能,比如加按钮、表单,只需要在 HTML 里加标签,控制器里加对应的请求方法即可。