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

使用 IDEA + Maven 搭建传统 Spring MVC + Thymeleaf 项目的详细步骤

news 来源：原创 2025/8/23 22:01:23

使用 IDEA + Maven 搭建传统 Spring MVC + Thymeleaf 项目

- - 环境准备
  - 步骤 1：创建 Maven 项目
  - 步骤 2：添加依赖（pom.xml）
  - 步骤 3：配置 web.xml
  - 步骤 4：Spring 配置类（Java Config）
  - 步骤 5：编写 Controller
  - 步骤 6：创建 Thymeleaf 模板
  - 步骤 7：添加静态资源
  - 步骤 8：部署到 Tomcat
  - 最终效果

环境准备

IDE： IntelliJ IDEA
JDK：1.8+
构建工具：Maven
服务器：Tomcat 9+

步骤 1：创建 Maven 项目

打开IDEA -> New Project
选择 Maven -> 勾选 Create from archetype -> 选择 maven-archetype-webapp
填写 GroupId 和 ArtifactId（如：com.example / springmvc-demo）

项目结构如下：

src/
├─ main/
│  ├─ java/
│  │  └─ com/example/controller/   # Controller 代码
│  │  └─ config/                   # Spring 配置类
│  ├─ webapp/
│  │  ├─ WEB-INF/
│  │  │  └─ views/                 # Thymeleaf 模板
│  │  └─ static/                   # 静态资源（CSS/JS）
│  └─ resources/                   # 配置文件（可选）

步骤 2：添加依赖（pom.xml）

<dependencies><!-- Spring MVC --><dependency><groupId>org.springframework</groupId><artifactId>spring-webmvc</artifactId><version>5.3.20</version></dependency><!-- Thymeleaf 集成 Spring --><dependency><groupId>org.thymeleaf</groupId><artifactId>thymeleaf-spring5</artifactId><version>3.0.15.RELEASE</version></dependency><!-- Servlet API --><dependency><groupId>javax.servlet</groupId><artifactId>javax.servlet-api</artifactId><version>4.0.1</version><scope>provided</scope></dependency>
</dependencies>

步骤 3：配置 web.xml

<!DOCTYPE web-app PUBLIC "-//Sun Microsystems, Inc.//DTD Web Application 2.3//EN""http://java.sun.com/dtd/web-app_2_3.dtd">
<web-app><display-name>Spring MVC App</display-name><!-- 配置 DispatcherServlet --><servlet><servlet-name>dispatcher</servlet-name><servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class><init-param><param-name>contextClass</param-name><param-value>org.springframework.web.context.support.AnnotationConfigWebApplicationContext</param-value></init-param><init-param><param-name>contextConfigLocation</param-name><param-value>com.example.config.WebConfig</param-value></init-param><load-on-startup>1</load-on-startup></servlet><!-- 映射所有请求到 DispatcherServlet --><servlet-mapping><servlet-name>dispatcher</servlet-name><url-pattern>/</url-pattern></servlet-mapping>
</web-app>

步骤 4：Spring 配置类（Java Config）

创建 WebConfig.java：

package com.example.config;import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.ComponentScan;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.config.annotation.EnableWebMvc;
import org.springframework.web.servlet.config.annotation.ResourceHandlerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;
import org.thymeleaf.spring5.SpringTemplateEngine;
import org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver;
import org.thymeleaf.spring5.view.ThymeleafViewResolver;@Configuration
@EnableWebMvc
@ComponentScan("com.example.controller")  // 扫描 Controller
public class WebConfig implements WebMvcConfigurer {// 配置 Thymeleaf 模板解析器@Beanpublic SpringResourceTemplateResolver templateResolver() {SpringResourceTemplateResolver resolver = new SpringResourceTemplateResolver();resolver.setPrefix("/WEB-INF/views/");  // 模板路径resolver.setSuffix(".html");           // 文件后缀resolver.setTemplateMode("HTML");resolver.setCharacterEncoding("UTF-8");return resolver;}// 配置 Thymeleaf 模板引擎@Beanpublic SpringTemplateEngine templateEngine() {SpringTemplateEngine engine = new SpringTemplateEngine();engine.setTemplateResolver(templateResolver());return engine;}// 配置视图解析器@Beanpublic ThymeleafViewResolver viewResolver() {ThymeleafViewResolver resolver = new ThymeleafViewResolver();resolver.setTemplateEngine(templateEngine());resolver.setCharacterEncoding("UTF-8");return resolver;}// 配置静态资源（CSS/JS）@Overridepublic void addResourceHandlers(ResourceHandlerRegistry registry) {registry.addResourceHandler("/static/**").addResourceLocations("/static/");}
}

步骤 5：编写 Controller

创建 HomeController.java：

package com.example.controller;import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.GetMapping;@Controller
public class HomeController {@GetMapping("/")public String home(Model model) {model.addAttribute("message", "Hello, Thymeleaf!");return "home";  // 对应 WEB-INF/views/home.html}
}

步骤 6：创建 Thymeleaf 模板

在 /WEB-INF/views/ 下新建 home.html：

<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head><meta charset="UTF-8"><title>Spring MVC + Thymeleaf</title><link th:href="@{/static/css/style.css}" rel="stylesheet">
</head>
<body><h1 th:text="${message}">Default Message</h1><script th:src="@{/static/js/app.js}"></script>
</body>
</html>

步骤 7：添加静态资源

在 /webapp/static/css/ 下创建 style.css：
```
h1 { color: blue; }
```
在 /webapp/static/js/ 下创建 app.js：
```
console.log("Static JS loaded!");
```

步骤 8：部署到 Tomcat

在 IDEA/Eclipse 中配置 Tomcat 服务器。
将项目添加到 Tomcat 并启动。
访问 http://localhost:8080/，会看到蓝色字体的 Hello, Thymeleaf!。

最终效果

动态数据通过 th:text 渲染。
静态资源（CSS/JS）被正确加载。
项目结构清晰，适合传统 Spring MVC 开发。

在这里插入图片描述

使用 IDEA + Maven 搭建传统 Spring MVC + Thymeleaf 项目的详细步骤

使用 IDEA Maven 搭建传统 Spring MVC Thymeleaf 项目环境准备步骤 1：创建 Maven 项目步骤 2：添加依赖（pom.xml）步骤 3：配置 web.xml步骤 4：Spring 配置类（Java Config）步骤 5&am…...

编程日记 2025/8/23 22:01:23

「Mac畅玩AIGC与多模态19」开发篇15 - 判断节点与工具节点联动示例

一、概述本篇在引入工具节点的基础上，进一步结合判断节点（条件分支），实现根据用户输入内容动态控制是否调用外部接口。通过构建“用户是否需要天气信息”的条件逻辑，开发人员将掌握如何在 Dify 工作流中通过条件判断…...

编程日记 2025/8/21 12:45:35

docker 外部能访问外网，内部不行(代理问题)

如果宿主机访问外网依赖代理（比如 http_proxy 环境变量），容器默认不会继承。需要显式传入代理： docker run -e http_proxy... -e https_proxy... ...在 docker-compose 中配置 HTTP/HTTPS 代理 version: 3 services:app:image: …...

编程日记 2025/8/24 8:28:04

模糊控制理论（含仿真）

本文讲解模糊控制理论、设计步骤以及案例。 1. 模糊控制原理： 模糊控制（Fuzzy Control）是一种基于模糊逻辑推理的人类经验规则实现的控制方法，适用于对系统模型不精确或难以建立精确数学模型的复杂系统。它利用“如果…那么…”&…...

编程日记 2025/8/22 11:59:42

《 C++ 点滴漫谈：三十六》lambda表达式

一、引言在 C98 和 C03 时代，尽管 C 拥有强大的泛型编程能力和丰富的面向对象特性，但在表达局部逻辑、回调行为或一次性函数处理时，程序员却常常需要冗长的代码来定义函数对象（functor），或者使用函数指针…...

编程日记 2025/8/23 23:12:52

【C/C++】函数模板

🎯 C 学习笔记：函数模板（Function Template） 本文是面向 C 初学者的函数模板学习笔记，内容包括基本概念、定义与使用、实例化过程、注意事项等，附带示例代码，便于理解与复现。 📌 一…...

编程日记 2025/8/21 12:45:29

电赛经验分享——模块篇

1、前言打算在这一个专栏中，分享一些本科控制题电赛期间的经验，和大家共同探讨，也希望能帮助刚刚参加电赛的同学，了解一些基本的知识。一些见解和看法可能不同或有错误，欢迎批评指正。在本文中，主要介绍笔…...

编程日记 2025/8/21 12:45:27

LeetCode 热题 100 70. 爬楼梯

LeetCode 热题 100 | 70. 爬楼梯大家好，今天我们来解决一道经典的动态规划入门题——爬楼梯。这道题在LeetCode上被标记为简单难度，要求我们计算爬到第n阶楼梯的不同方法数，每次可以爬1或2个台阶。下面我将详细讲解解题思路，并附…...

编程日记 2025/8/21 12:45:25

浔川AI测试版内测报告

浔川AI测试版内测报告一、引言本次对浔川AI测试版进行内测，旨在全面评估其功能表现与性能状况，为后续的优化升级及正式上线提供有力依据。二、测试环境 1. 硬件环境：[Windows 10】 2. 软件环境：操作系统为【核桃编程]&#xff…...

编程日记 2025/8/22 22:08:44

Leetcode刷题记录31——旋转图像

题源：https://leetcode.cn/problems/rotate-image/description/?envTypestudy-plan-v2&envIdtop-100-liked 题目描述： 思路一： 💡 解题思路：分两步完成旋转虽然“直接旋转”看起来有点抽象，但我们…...

编程日记 2025/8/21 12:45:21

攻防世界-php伪协议和文件包含

fileinclude 可以看到正常回显里面显示lan参数有cookie值表示为language 然后进行一个判断，如果参数不是等于英语，就加上.php，那我们就可以在前面进行注入一个参数，即flag， payload：COOKIE:languageflag …...

编程日记 2025/8/22 23:00:51

[C++] 小游戏决战苍穹

大家好，各位看到这个标题，斗破苍穹什么时候改叫决战苍穹了？其实，因为版权等一系列问题，斗破苍穹正式改名为决战苍穹，这个版本主要更新内容为解决了皇冠竞技场太过影响游戏平衡，并且提高了一些装…...

编程日记 2025/8/22 20:12:31

项目成本管理_挣得进度ES

在项目成本管理的新实践中， 通过挣值管理(EVM) 的扩展，引入挣得进度ES 这一概念， ES是EVM理论和实践的延伸，挣得进度理论用ES和实际时间(AT) 替代了传统EVM所使用的进度偏差测量指标SV(挣值—计划价值)。使用这种替代方法计算…...

编程日记 2025/8/22 3:06:42

矩阵快速幂快速求解递推公式

文章目录习题790.多米诺和托米诺平铺对于一个给定的递推公式，例如dp[i] dp[i-1] * a dp[i-2] * b,那么常用的做法，肯定是使用o(n)的时间复杂度进行线性求解，但是如果 n 10 18 n{10}^{18} n1018，那么肯定超时的，这…...

编程日记 2025/8/23 13:09:00

驱动开发硬核特训 · Day 28（上篇）：pinctrl 子系统详解与实战分析

📅 日期：2025-05-05 📚 技术平台：嵌入式Jerry（B站） 一、引言在嵌入式系统中，SoC 芯片的引脚通常具有多种功能，如 GPIO、UART、I2C、SPI 等。为了在不同的应用场景中灵活配置引脚功…...

编程日记 2025/8/21 12:45:11

20250505下载VLC for Android

20250505下载VLC for Android 2025/5/5 14:35 缘起：做Rockchip的RK3566的Android13下的跨网段PING。酷芯的图传网段和 softAP/以太网RJ45共享网段之间互相PING通。图传的原厂/供应商说可以使用ffmpeg进行rtsp流的转发。后来确认VLC for Android版本只有接受流&a…...

编程日记 2025/8/21 12:45:09

Jetpack Compose 响应式布局实战：BoxWithConstraints 完全指南

深入理解 Jetpack Compose 中的 BoxWithConstraints 前言在构建现代 Android 应用时，响应式设计已成为必不可少的要求。Jetpack Compose 作为 Android 的现代 UI 工具包，提供了 BoxWithConstraints 这一强大组件，帮助我们轻松创建能够适应…...

编程日记 2025/8/23 2:30:34

ZYNQ笔记（十七）：IP核封装与接口定义

版本：Vivado2020.2（Vitis） 任务：将“HDMI彩条显示实验”（正点原子 ZYNQ FPGA 开发视频）中所实现的 RGB2DVI 模块封装成一个 IP 核。目录一、介绍 （1）IP核 （2&#x…...

编程日记 2025/8/23 4:04:37

学习笔记msp430f5529lp

注：本文仅用于个人学习使用，记录笔记。学习视频msp430f5529库函数入门教程 00.序言_哔哩哔哩_bilibili 向大佬致敬理工男小帅-CSDN博客 CCS环境快捷键使用代码注释：Ctrl/ 提示/补全: CtrlShiftC 放大:Ctrl 缩小:Ctrl- 切换选择模式&…...

编程日记 2025/8/21 12:45:03

人工智能应用：从技术突破到生态重构的演进之路

一、人工智能的发展历程：从符号主义到通用智能探索人工智能（AI）的发展始于20世纪中叶，其历程可划分为四个关键阶段： 符号主义与早期探索（1950s-1970s） 以逻辑推理和专家系统为核心&…...

编程日记 2025/8/23 1:06:08

【ZYNQ Linux移植】4-内核移植

文章目录 0 写在前面1 内核源码的文件结构2 Linux内核移植2.1 移植配置文件2.2 移植设备树2.3 创建脚本进行编译2.4 备份相关文件 3 测试4 总结5 参考资料 0 写在前面这是一个系列博客，详细介绍如何在 ZYNQ 与 ZYNQ MP 平台上如何移植 Linux 系统。目前网络上的大部…...

编程日记 2025/8/23 5:48:46

代码随想录算法训练营第三十二天

LeetCode/卡码网题目: 518. 零钱兑换 II377. 组合总和 Ⅳ790. 多米诺和托米诺平铺(每日一题)57. 爬楼梯（第八期模拟笔试） 其他: 今日总结往期打卡背包问题特点: 滚动数组背包遍历顺序完全背包从小到大,即基于当前物品更新过的继续更新01背包从大到…...

编程日记 2025/8/21 12:44:57

java CompletableFuture 异步编程工具用法1

1、测试异步调用： static void testCompletableFuture1() throws ExecutionException, InterruptedException {// 1、无返回值的异步任务。异步线程执行RunnableCompletableFuture.runAsync(() -> System.out.println("only you"));// 2、有返回值的异…...

编程日记 2025/8/21 12:44:55

Spring Boot 集成 Solr 的详细步骤及示例

环境准备安装 Solr ：从 Solr 官网（Welcome to Apache Solr - Apache Solr）下载并安装最新版本，然后通过命令 bin/solr start 启动 Solr 服务，使用 bin/solr create -c mycore 创建一个新的 Solr 核心。安装 JDK &am…...

编程日记 2025/8/21 11:42:59

Nemotron-Research-Tool-N1 如何提升大语言模型工具使用能力？

Nemotron-Research-Tool-N1如何提升大语言模型工具使用能力？ 如今，大语言模型（LLMs）发展迅猛，给它配备外部工具成为研究热点。但传统方法存在不少问题。这篇论文提出的Nemotron-Research-Tool-N1系列模型带来新突破&a…...

编程日记 2025/8/21 12:44:51

OpenCV进阶操作：图像直方图、直方图均衡化

文章目录一、图像直方图二、图像直方图的作用三、使用matplotlib方法绘制直方图2.使用opencv的方法绘制直方图（划分16个小的子亮度区间）3、绘制彩色图像的直方图四、直方图均衡化1、绘制原图的直方图2、绘制经过直方图均衡化后的图片的直方图3、自适应…...

编程日记 2025/8/21 12:44:48

Android控件VideoView用法

一控件UI <VideoViewandroid:id="@+id/videoView"android:layout_width="match_parent"android:layout_height="match_parent"android:scaleType="fitCenter" /> 二配置 <?xml version="1.0" encoding="u…...

编程日记 2025/8/21 2:30:01

人工智能数学基础（十）—— 图论

图论作为数学的重要分支，为人工智能提供了强大的建模和分析工具。无论是社交网络分析、路径规划还是数据结构设计，图论都发挥着不可替代的作用。今天，我将带领大家深入浅出地探索图论的核心概念，并结合 Python 实例，让…...

编程日记 2025/8/20 14:20:45

深入探索Anthropic Claude与Spring AI的融合应用

深入探索Anthropic Claude与Spring AI的融合应用前言在人工智能的蓬勃发展进程中，自然语言处理领域不断涌现出强大的模型和工具。Anthropic Claude系列基础AI模型凭借其出色的性能，在各种应用场景中展现出巨大潜力，为开发者和企业提供了丰…...

编程日记 2025/8/21 12:44:42

Python爬虫实战：获取优美图库各类高清图片，为用户提供设计素材

一、引言在互联网时代，高清壁纸资源丰富多样，而优美图库作为一个提供大量精美壁纸的网站，吸引了众多用户。通过 Python 爬虫技术，可以自动化地从该网站获取所需的壁纸资源，为用户节省时间和精力。然而，网站通常会采取反爬措施来防止数据被恶意抓取，因此需要在爬虫程序…...

编程日记 2025/8/21 12:44:40

Java常用注解大全（基于JDK17+SpringBoot3）

一、基础注解（Java原生）编译相关 @Override：方法重写校验 java 复制下载 @Override public String toString() { return "CustomObj"; } @Deprecated：标记过时元素 java 复制下载 @Deprecated(since="1.8", forRemoval=true) public void oldMethod…...

编程日记 2025/8/21 13:34:34

【NLP】30. 深入理解 In-Context Learning 的核心机制与策略

In-Context Learning（ICL）详解：提示学习时代的语言理解一、什么是 In-Context Learning（ICL）？ In-Context Learning 是指： 不改变模型参数，通过在输入中加入示例（demon…...

编程日记 2025/8/17 8:42:59

数字化工厂中央控制室驾驶舱系统 - Windows 部署笔记

数字化工厂中央控制室驾驶舱系统 - Windows 部署笔记环境准备这篇笔记记录了我在 Windows 10/11 上部署数字化工厂中央控制室驾驶舱系统的全过程，包括各种常见问题的解决方法。部署过程中使用了国内镜像源来加快下载速度。前置需求 Python：3.8 到…...

编程日记 2025/8/21 12:44:38

数据库的原子事务

原子事务 11.1 全有或全无效应二级索引需要原子性的多键更新，这不仅对数据库内部一致性至关重要，也对应用数据的一致性非常有用（例如考虑账户余额和账户交易）。我们将放弃get-set-del接口，并添加一个新的接口来允…...

编程日记 2025/8/23 2:30:21

基于51单片机的红外人体感应报警器

基于51单片机的人体监测报警 （仿真＋程序＋原理图＋PCB） 功能介绍具体功能： 1.按下报警按钮会发生红LED蜂鸣器声光报警； 2.若检测到人，黄LED打开； 3.按下布防按键&…...

编程日记 2025/8/21 13:34:30

从Excel到高级工具：数据分析进阶指南

从Excel到高级工具：数据分析进阶指南在数据分析的世界里，Excel曾经是众多人的第一站。它简单、直观、功能强大，从普通用户到专业人士，无不对其依赖。然而，随着数据规模增长、分析需求升级，Excel渐渐显得力…...

编程日记 2025/8/21 12:33:55

Excel VBA 自定义函数

一、VBA 函数基础概念在 Excel VBA 中，函数主要分为两种类型： Sub 过程：执行操作但不返回值Function 函数：执行操作并返回结果基本语法示例 1. Function 函数示例定义一个返回字符串的公共函数 Public Function GetGreetin…...

编程日记 2025/8/20 15:59:23

004-nlohmann/json 快速认识-C++开源库108杰

了解 nlohmann/json 的特点；理解编程中 “数据战场”划分的概念；迅速上手多种方式构建一个JSON对象； 1 特点与安装 nlohmann/json 是一个在 github 长期霸占 “JSON” 热搜版第1的CJSON处理库。它的最大优点是与 C 标准库的容器数据&#xf…...

编程日记 2025/8/24 5:38:15

【Quest开发】接入语音转文字

参考官方文档：https://developers.meta.com/horizon/documentation/unity/voice-sdk-tutorials-overview 软件：Unity 2022.3.51f1c1、vscode、Meta XR All in One SDK V72 硬件：Meta Quest3 注意：需全程科学上网 Meta提供了一…...

编程日记 2025/8/21 14:47:31

Vim 命令从头学习记录

学习链接：eleon-vim基础教程 Vim - 基础翻屏操作光标移动：hjkl 20j 向下移动20行，w 向后移动一个字符，b 向前移动一个字符。 Ctrl u 向上翻半页 UP Ctrl d 向下翻半页 Down Ctrl f 向下翻整页 Forward Ctrl b 向上翻整页 …...

编程日记 2025/8/21 6:19:44

[Linux]物理地址到虚拟地址的转化

[Linux]物理地址到虚拟地址的转化水墨不写bug 文章目录一、再次认识地址空间二、页表1、页表的结构设计2、页表节省了空间，省在哪里？3、页表的物理实现一、再次认识地址空间 OS和磁盘交互的内存基本单位是4KB，这4KB通常被称为内存块。OS对…...

编程日记 2025/8/22 21:43:07

js获取明天日期、Vue3大菠萝 Pinia的使用

直接上代码 const today new Date(2019, 2, 28) const finalDate new Date(today) finalDate.setDate(today.getDate() 3)console.log(finalDate) // 31 March 2019 安装 yarn add pinia # or with npm npm install pinia创建第一个store仓库 1、在src目录下创建store目录…...

编程日记 2025/8/21 14:47:29

矩阵置零（中等）

可以用两个标记数组分别记录每一行和每一列是否有零出现。首先遍历该数组一次，如果某个元素为 0，那么就将该元素所在的行和列所对应标记数组的位置置为 true。然后再次遍历该数组，用标记数组更新原数组。 class Solution {public void set…...

编程日记 2025/8/22 18:49:53

GZ人博会自然资源系统（测绘）备考笔记

本文为备考 GZ人才博览会自然资源系统（测绘） 的笔记，包括若干知识点整理及近两年考核（面试）真题 （文末附《GZ人博会自然资源系统（测绘）备考笔记》1 的下载链接）。目录…...

编程日记 2025/8/21 14:47:25

《进制转换的终极指南：原理、方法与编程应用》

🚀个人主页：BabyZZの秘密日记 📖收入专栏：C语言 🌍文章目入一、进制转换的基本原理二、进制转换方法总结（一）使用权重法的转换1. 二进制 → 十进制2. 八进制 → 十进制3. 十六进制 → 十进制 &…...

编程日记 2025/8/21 14:47:23

2025系统架构师---论软件的设计模式论文

2023 年，我所在的公司承担了某部网络靶场的研发任务。我作为公司的技术总监，希望能打造基于网络靶场的系列产品，参与到项目的设计中，以期开发扩展性和可维护性良好的网络靶场，为以后的产品开发打下基础。网络靶场是网络安全技术研究的基础支撑平台，它利用虚拟的和实物…...

编程日记 2025/8/21 14:47:21

嵌入式Linux驱动学习

Ubuntu18 下载链接 https://releases.ubuntu.com/bionic/ Ubuntu配置静态IP 更新Ubuntu18的镜像源以清华大学镜像源举例网站：https://mirrors.tuna.tsinghua.edu.cn/ 第一步点开网站搜索ubuntu然后点击问号第二步选择自己的Ubuntu版本第三步在Ubuntu中复制…...

编程日记 2025/8/21 6:08:29