SpringMVC（JSP和Thymeleaf）入门案例

原创 已于 2022-08-11 09:28:32 修改 · 1.1k 阅读 · 7 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
标签
#java #servlet #spring
于 2022-08-10 18:01:48 首次发布
本文介绍了SpringMVC框架结合JSP和Thymeleaf两种视图技术的基本配置和使用方法，包括pom.xml依赖配置、springmvc.xml配置、控制器编写等关键步骤。

文章目录

SpringMVC（JSP和Thymeleaf）入门案例

一、JSP和Thymeleaf的区别

1、pom.xml（jar包不同）

1.1、JSP的pom.xml
    <packaging>war</packaging>

    <dependencies>
        <!--Servlet -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>
        <!--JSP-->
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
        <!--jstl-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
        <!--SpringMVC-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.22</version>
        </dependency>
    </dependencies>
1.2、Thymeleaf的pom.xml
  <packaging>war</packaging>

    <dependencies>
       <!--servlet-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
        </dependency>
        <!--SpringMVC-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.22</version>
        </dependency>
        <!-- Spring5 和 Thymeleaf 整合包 -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf</artifactId>
            <version>3.1.0.M2</version>
        </dependency>
    </dependencies>

2、springmvc.xml（视图解析器不同）

2.1、JSP的springmvc.xml
    <!--JSP视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>
2.2、Thymeleaf的springmvc.xml

    <!--配置Thymeleaf视图解析器-->
    <bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <!--视图前缀-->
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        <!--视图后缀-->
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8"/>
                    </bean>
                </property>
            </bean>
        </property>
    </bean>

3、html和jsp（文件后缀名不同）

3.1、JSP的后缀名.jsp

在这里插入图片描述

3.2、Thymeleaf的后缀名.html

在这里插入图片描述


二、JSP的项目结构

在这里插入图片描述


三、JSP代码

1、pom.xml

    <packaging>war</packaging>

    <dependencies>
        <!--Servlet -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>servlet-api</artifactId>
            <version>2.5</version>
        </dependency>
        <!--JSP-->
        <dependency>
            <groupId>javax.servlet.jsp</groupId>
            <artifactId>jsp-api</artifactId>
            <version>2.2</version>
        </dependency>
        <!--jstl-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>jstl</artifactId>
            <version>1.2</version>
        </dependency>
        <!--SpringMVC-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.22</version>
        </dependency>
    </dependencies>

2、web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--配置SpringMVC的前端控制器，对浏览器发送请求统一进行处理-->
    <servlet>
        <!--配置DispatcherServlet-->
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--自定义设置SpringMVC配置文件的位置和名称-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <!--将DispatcherServlet的初始化时间提前到服务器启动时-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>

3、springmvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans 
       http://www.springframework.org/schema/beans/spring-beans.xsd 
       http://www.springframework.org/schema/context 
       https://www.springframework.org/schema/context/spring-context.xsd">

    <!--扫描包:-->
    <context:component-scan base-package="com.sgz.controller"/>

    <!--JSP视图解析器-->
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/jsp/"/>
        <property name="suffix" value=".jsp"/>
    </bean>

</beans>

4、JSPController

package com.sgz.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;


/**
 * 作者：沈公子
 * 日期：2022/8/10 - 17:13
 * 需求：
 */
// 标识为控制器，用于跳转页面
@Controller
public class JSPController {
    @RequestMapping("/")
    public String test(){
        return "index";
    }
}

5、index.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
</head>
<body>
<h1>index.html</h1>
</body>
</html>

四、Thymeleaf项目结构

在这里插入图片描述


五、Thymeleaf代码

1、pom.xml

  <packaging>war</packaging>

    <dependencies>
        <!--servlet-->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>4.0.1</version>
        </dependency>
        <!--SpringMVC-->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.22</version>
        </dependency>
        <!-- Spring5 和 Thymeleaf 整合包 -->
         <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
            <version>3.0.15.RELEASE</version>
        </dependency>
    </dependencies>

2、web.xml

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee http://xmlns.jcp.org/xml/ns/javaee/web-app_4_0.xsd"
         version="4.0">

    <!--配置SpringMVC的前端控制器，对浏览器发送请求统一进行处理-->
    <servlet>
        <!--配置DispatcherServlet-->
        <servlet-name>SpringMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!--自定义设置SpringMVC配置文件的位置和名称-->
        <init-param>
            <param-name>contextConfigLocation</param-name>
            <param-value>classpath:springmvc.xml</param-value>
        </init-param>
        <!--将DispatcherServlet的初始化时间提前到服务器启动时-->
        <load-on-startup>1</load-on-startup>
    </servlet>
    <servlet-mapping>
        <servlet-name>SpringMVC</servlet-name>
        <url-pattern>/</url-pattern>
    </servlet-mapping>

</web-app>

3、springmvc.xml

<?xml version="1.0" encoding="UTF-8"?>
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
       xmlns:context="http://www.springframework.org/schema/context"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
       http://www.springframework.org/schema/beans/spring-beans.xsd
       http://www.springframework.org/schema/context
       https://www.springframework.org/schema/context/spring-context.xsd">

    <context:component-scan base-package="com.sgz.controller"/>

    <!--配置Thymeleaf视图解析器-->
    <bean id="viewResolver" class="org.thymeleaf.spring5.view.ThymeleafViewResolver">
        <property name="order" value="1"/>
        <property name="characterEncoding" value="UTF-8"/>
        <property name="templateEngine">
            <bean class="org.thymeleaf.spring5.SpringTemplateEngine">
                <property name="templateResolver">
                    <bean class="org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver">
                        <!--视图前缀-->
                        <property name="prefix" value="/WEB-INF/templates/"/>
                        <!--视图后缀-->
                        <property name="suffix" value=".html"/>
                        <property name="templateMode" value="HTML5"/>
                        <property name="characterEncoding" value="UTF-8"/>
                    </bean>
                </property>
            </bean>
        </property>
    </bean>

</beans>

4、ThymeleafController

package com.sgz.controller;

import org.springframework.stereotype.Controller;
import org.springframework.web.bind.annotation.RequestMapping;

/**
 * 作者：沈公子
 * 日期：2022/8/10 - 9:01
 * 需求：
 */
@Controller
public class ThymeleafController {
    @RequestMapping( "/")
    public String testThymeleaf(){
        return "index";
    }
}

5、index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>首页</title>
</head>
<body>
<h1>index.html</h1>
</body>
</html>
SpringMVC_JSP核心流程+常用注解+请求参数绑定+返回数据视图
weixin_44325370的博客
12-03 902
SpringMVC_JSP 1.hello-mvc 1.1创建WEB工程 导入坐标 <properties> <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding> <maven.compiler.source>1.8</maven.compiler.source> <maven.compiler.target>1.8</maven.c
什么是SpringMVC？SpringMVC之hello.jsp实现过程 问题：SpringMVC在JSP页面取不到ModelAndView中的值（已解决）
m0_52479012的博客
10-28 1334
小白新手刚接触springmvc看这里，通过代码实现hello.jsp
Thymeleaf与JSP对比分析：为什么选择现代模板引擎
最新发布
gitblog_00071的博客
04-02 408
在Java Web开发领域，模板引擎的选择直接影响开发效率和项目可维护性。Thymeleaf作为现代服务器端Java模板引擎，正逐步取代传统的JSP（JavaServer Pages）成为主流选择。本文将深入对比两者的核心差异，帮助开发者理解为什么Thymeleaf能为Web项目带来更优的开发体验和性能表现。 ## 🌟 核心差异：现代设计 vs 传统架构 ### 原生HTML支持：告别"标签
JSP&EL表达式&MVC&三层结构综合案例
qq_46002941的博客
02-17 2426
文章目录JSP1，JSP 概述2，JSP 快速入门2.1 搭建环境2.2 导入 JSP 依赖2.3 创建 jsp 页面2.4 编写代码2.5 测试3，JSP 原理4，JSP 脚本4.1 JSP 脚本分类4.2 案例4.2.1 需求4.2.2 实现4.2.3 成品代码4.2.4 测试4.3 JSP 缺点5，EL 表达式5.1 概述5.2 代码演示5.3 域对象6，JSTL标签6.1 概述6.2 if 标签6.3 forEach 标签6.3.1 用法一6.3.2 用法二7
Thymeleaf模板引擎
m0_53752334的博客
07-11 1783
thymeleaf使用详情
模板引擎的对比（thymeleaf、freemarker、jsp）
xcc_2269861428的博客
08-01 4936
1.Thymeleaf 　　　　特性： 　　　　　　1.Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于它支持 html 原型，然后在 html 标签里增加额外的属性来达到模板+数据的展示方式。浏览器解释 html 时会忽略未定义的标签属性，所以 thymeleaf 的模板可以静态地运行；当...
Thymeleaf模板引擎技术
bear_309的博客
09-03 1582
Thymeleaf模板引擎技术
SpringBoot思维导图（SpringBoot基础部分汇总）
小游子YKY的博客
07-02 1万+
SpringBoot第一谈（第一个SpringBoot项目、核心配置文件properties（yml、yaml）、集成jsp） SpringBoot第二谈SpringBoot的web开发（集成MyBtis、SpringBoot 下的SpringMVC、SpringBoot开发RESTFul风格、集成Redis） SpringBoot第三谈（Spring Boot 集成 Dubbo、Spring Boot 非 web 应用程序、SpringBoot 启动Logo修改关闭） SpringBoot第四谈（spr.
SpringBoot学习笔记[个人][分享]
难拳的博客
09-16 476
个人学习笔记摘录，非教学笔记。
SpringMVC入门之六：使用Thymeleaf作为视图
zhoucheng05_13的博客
02-23 9336
使用Thymeleaf尽管JSP已经存在了很长的时间，并且在JavaWeb服务器中无处不在，但是它却存在一些缺陷。JSP最明显的问题在于它看起来像HTML或XML，但它事实上并不是。强大的JSP标签库带来了不错的渲染效果，但是这些标签会使页面变得非常混乱。在Web浏览器或HTML编辑器中查看未经渲染的JSP模板并不是一件愉快的事，它的页面会变得非常混乱，结果也是不完整的。同时，JSP规范是与Serv
springmvc同时配置thymeleaf和jsp两种视图解析器
zhangustb
03-03 3658
参考这篇博客https://blog.csdn.net/qq_19408473/article/details/71214972 <!-- 使用thymeleaf解析 --> <bean id="templateResolver" class="org.thymeleaf.spring3.templateresolver.SpringResourceTemplateR...
springmvc 同时配置thymeleaf和jsp两种模板引擎
吃米不就菜的博客
05-05 1万+
问题说明在我的意识中，是主导使用thymeleaf的，因为我一直想知道springboot推荐的它到底有什么好。在普通的springboot项目中，直接引入thymeleaf的依赖包就可以进行视图解析了，而在一般的spring项目中还需要我们进行一些手动的配置，于是就出现了这个问题，怎么整合多个模板引擎在一起。
【SpringBoot 03】SpringBoot集成SpringMVC，SpringBoot集成JSP，SpringBoot继承Thymeleaf
Java小皮孩
11-16 2448
SpringBoot集成SpringMVC 创建一个SpringBoot的web项目
【springmvc thymeleaf】springmvc整合thymeleaf
lomtom's Blog
04-05 7300
概述 Thymeleaf提供了一组Spring集成，使您可以将其用作Spring MVC应用程序中JSP的全功能替代品。 这些集成将使您能够： @Controller像使用JSP一样，将Spring MVC 对象中的映射方法转发到Thymeleaf管理的模板。 在模板中使用Spring表达式语言（Spring EL）代替OGNL。 在与表单支持Bean和结果绑定完全集成的模板中创建表单，包括使用...
thymeleaf和jsp共用springmvc
sddaaa的博客
02-09 1335
thymeleaf和jsp共用注意返回的路径(花了两个小时，各种访问报错)注意viewNames的路径和prefix和suffix是会拼接的比如 prefix 是web-info/thymeleaf  viewNames是thymeleaf/* return的路径是thymeleaf/xxx.html 就会匹配thymeleaf/* 那么也会和prefix和suffix拼接 路径就会成文web-i...
Thymeleaf案例入门和基本语法讲解
m0_53951384的博客
09-16 2981
当我们用servlet实现动态页面展示的时候，我们需要用writer.write()写出整个页面，以展示动态信息。但是代码实在是太冗长，根本无法维护，所以我们需要将视图展示抽取出来，单独作为一个View视图层。但是我们如果只使用HTML作为视图的话，它是无法展示动态数据的，所以我们对HTML的新的期待：既能够正常显示页面，又能在页面中包含动态数据部分。而动态数据单靠HTML本身是无法做到的，所以此时我们需要引入。
ThymeLeaf简单介绍
热门推荐
creatill的博客
06-25 2万+
大家好，我是IT修真院,一枚正直纯洁善良的如刚入门的Java程序员，今天跟大家分享一下修真院官网JAVA任务十，深度思考中的知识点———— 1.知识背景 Thymeleaf是一款用于渲染XML/XHTML/HTML5内容的模板引擎。类似JSP，Velocity，FreeMaker等， 它也可以轻易的与Spring MVC等Web框架进行集成作为Web应用的模板引擎。与其它模板引擎相比， T...
springmvc整合thymeleaf
2301_78021017的博客
06-14 1411
概述Thymeleaf提供了一组Spring集成，使您可以将其用作Spring MVC应用程序中JSP的全功能替代品。thymeleaf自己也做了spring的集成，所以我们并不需要做太多的配置，就可以达到我们想要的结果。thymeleaf提供了两种集成方法：①、注解配置，也就是java代码，②、xml文件配配置，本文主要介绍第二种xml配置。你能get到的知识点：1、springmvc整合thymeleaf2、spring提供的三种model的使用。
Thymeleaf模板（全程案例详解）
客官不爱喝酒的博客
03-01 1万+
Thymeleaf1.thymeleaf简介2.thymeleaf的使用3.i18n国际化4.thymeleaf变量获取 1.thymeleaf简介 Thymeleaf 是个什么？ 简单说， Thymeleaf 是一个跟 Velocity、FreeMarker 类似的模板引擎，它可以完全替代 JSP 。相较与其他的模板引擎，它有如下三个极吸引人的特点： 1、Thymeleaf 在有网络和无网络的环境下皆可运行，即它可以让美工在浏览器查看页面的静态效果，也可以让程序员在服务器查看带数据的动态页面效果。这是由于
SpringMVC使用thymeleaf
qq_38763540的博客
07-14 2371
目录 thymeleaf简介 配置thymeleaf 拓展 thymeleaf简介 官网：https://www.thymeleaf.org thymeleaf是一个XML/XHTML/HTML5模板引擎，可用于Web与非Web环境中的应用开发。它是一个开源的Java库，基于Apache License 2.0许可，由Daniel Fernández创建，该作者还是Java加密库Jasypt的作者。 Thymeleaf提供了一个用于整合Spring MVC的可选模块，在应用开发中，你可以.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值