当前位置: 首页 > news >正文

简单的创建一个Spring Boot网页

刚接触 Spring Boot 时,总觉得做网页很复杂,其实只要选对依赖、写对核心代码,几分钟就能搞定一个基础网页!今天分享极简版 Spring Boot 网页的创建流程。

一、准备工作:创建 Spring Boot 项目

1. 项目配置(IDEA 中操作)

  • 名称:Simple-Web-Page
  • 语言:Java
  • 构建工具:Maven
  • JDK:17(或自己安装的版本)
  • Spring Boot 版本:4.0.0(稳定版)
  • 名称的单词之间不能使用“空格”分隔。

2. 选择核心依赖

只需要 2 个依赖(足够支撑基础网页):

  • WebSpring Web(处理网页请求)
  • Template EnginesThymeleaf(渲染 HTML 页面)

选好后点击 “创建”,等待项目加载完成。

二、编写代码:3 个文件搞定网页

项目加载完成后,结构如下

步骤 1:新建控制器类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"; } }

步骤 2:新建 HTML 页面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>

步骤 3:配置文件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 里加标签,控制器里加对应的请求方法即可。

http://www.jsqmd.com/news/100931/

相关文章:

  • 【课程设计/毕业设计】基于SpringBoot+Vue茶叶销售系统的设计与实现基于Java语言的茶叶销售系统的前端设计与实现【附源码、数据库、万字文档】
  • 通俗易懂的理解 LLM 知识入门浅析:核心原理、LLM是怎么学习的、LLM的局限性、Transformer 架构、注意力机制、如何训练一个 LLM
  • 如何降低对标注数据的依赖,实现多病种检测与病灶精准定位?请看此文
  • 长沙美食小吃攻略|五一广场 和 太平老街:不是来旅游,是来“吃服”的! - 资讯焦点
  • 第四章算法作业
  • 播放器视频后处理实践(二)氛围模式
  • 版本升级|Origin 2026 科学绘图与数据分析软件
  • 基于改进A*算法融合DWA算法的机器人路径规划MATLAB仿真程序(含注释) 包含传统A*算法...
  • 【课程设计/毕业设计】基于springboot/javaEE的二手手机交易平台的设计与实现基于javaEE的二手手机交易平台的设计与实现【附源码、数据库、万字文档】
  • 基于AI数字人系统源码的低成本开发方案与实践经验
  • K-Means聚类+PCA降维:高维数据聚类的最优组合实战指南
  • SQL 调优全解:从 20 秒到 200 ms 的 6 步实战笔记(附脚本)
  • AI一周重要会议和活动(12.15-12.22)
  • Nano Banana Pro:设计师的威胁,还是创意领域的新伙伴?
  • BioSIM 抗人 IL-1b 抗体SIM0362:多种应用兼容性,适应多样化实验需求
  • 【c++】——c++编译的so中函数有额外的字符
  • Linux入门(更新中...)
  • 从工具到思维:构筑持续测试的文化基石
  • 实战笔记】台达PLC与温控器联机全流程(附源码)
  • [THUPC 2024 初赛] 一棵树
  • 清理linux大文件
  • Unity场景后处理小记 - 实践
  • Ubuntu22.04安装postgresql16.8
  • “comsol煤矿模型仿真合集:瓦斯抽采、采空区耦合性、采场倾斜煤层、注氮灭火与岩石压裂损伤模...
  • 三相异步电动机启保停正反转星三角控制电路及西门子200PLC与MCGS7.7联机程序(带注释和...
  • 黄金票据(Golden Ticket)和白银票据(Silver Ticket)
  • 0x3f第六天 递归思想
  • 云原生安全实战:一次72小时的DDoS攻击,我们是怎么活下来的?
  • HTR3236 36路LED PWM驱动器全方位介绍
  • 如何修复 Element Plus Table 在分页切换时滚动条不更新的问题