AI 助理
文档备案控制台
开发者社区 开发与运维 文章 正文

SpringMVC入门到实战------七、SpringMVC创建JSP页面的详细过程+配置模板+实现页面跳转+配置Tomcat。JSP和HTML配置模板的差异对比(二）

2024-08-16 1221
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《 阿里云开发者社区用户服务协议》和 《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写 侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介： 这篇文章详细介绍了在SpringMVC中创建JSP页面的全过程，包括项目的创建、配置、Tomcat的设置，以及如何实现页面跳转和配置模板解析器，最后还对比了JSP和HTML模板解析的差异。

文章目录

  • 1、创建Maven项目
  • 2、填写项目基本信息、完成创建
  • 3、导入POM依赖
  • 4、选择项目结构
  • 5、创建web.xml
  • 6、点击应用apply、查看项目是否创建成功
  • 7、配置web.xml
  • 8、配置模板解析器
  • 9、配置包templates
  • 10、创建index.jsp
  • 11、 基本的目录结构
  • 12、配置Tomcat
    • 12.1 点击Run、选择Edit Configurations...
    • 12.2 基本信息配置
    • 12.3 点击apply
  • 13、启动tomcat
  • 14、启动成功进入首页
  • 15、如何实现请求转发页面跳转
    • 15.1 创建controller 控制请求跳转
    • 15.2 创建跳转后页面
    • 15.3 跳转连接
    • 15.4 页面效果
    • 15.5 点击跳转
  • 16、最终完整的项目结构介绍
  • 17、JSP模板解析和HTML模板解析对比
  • 18、后语

1、创建Maven项目

在这里插入图片描述

2、填写项目基本信息、完成创建

在这里插入图片描述

3、导入POM依赖

打包方式设置为War包

  <packaging>war</packaging>

在这里插入图片描述

依赖、可自行添加需要jar包依赖

 <dependencies>
        <!-- SpringMVC -->
        <dependency>
            <groupId>org.springframework</groupId>
            <artifactId>spring-webmvc</artifactId>
            <version>5.3.1</version>
        </dependency>
        <!-- 日志 -->
        <dependency>
            <groupId>ch.qos.logback</groupId>
            <artifactId>logback-classic</artifactId>
            <version>1.2.3</version>
        </dependency>
        <!-- ServletAPI -->
        <dependency>
            <groupId>javax.servlet</groupId>
            <artifactId>javax.servlet-api</artifactId>
            <version>3.1.0</version>
            <scope>compile</scope>
        </dependency>
        <!-- Spring5和Thymeleaf整合包 -->
        <dependency>
            <groupId>org.thymeleaf</groupId>
            <artifactId>thymeleaf-spring5</artifactId>
            <version>3.0.12.RELEASE</version>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>RELEASE</version>
            <scope>compile</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>RELEASE</version>
            <scope>compile</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>RELEASE</version>
            <scope>compile</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>RELEASE</version>
            <scope>compile</scope>
        </dependency>
        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
            <version>RELEASE</version>
            <scope>compile</scope>
        </dependency>
    </dependencies>

4、选择项目结构

在这里插入图片描述

5、创建web.xml

如果创建的项目无法展开目录、请重启IDEA、或者清缓存

在这里插入图片描述
在这里插入图片描述

6、点击应用apply、查看项目是否创建成功

在这里插入图片描述

在这里插入图片描述

7、配置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">

    <!--配置过滤器编码-->
    <filter>
        <filter-name>CharacterEncodingFilter</filter-name>
        <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
        <init-param>
            <param-name>encoding</param-name>
            <param-value>UTF-8</param-value>
        </init-param>
        <init-param>
            <param-name>forceResponseEncoding</param-name>
            <param-value>true</param-value>
        </init-param>
    </filter>
    <filter-mapping>
        <filter-name>CharacterEncodingFilter</filter-name>
        <url-pattern>/*</url-pattern>
    </filter-mapping>
    <!-- 配置SpringMVC的前端控制器，对浏览器发送的请求统一进行处理 -->
    <servlet>
        <servlet-name>springMVC</servlet-name>
        <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class>
        <!-- 通过初始化参数指定SpringMVC配置文件的位置和名称 -->
        <init-param>
            <!-- contextConfigLocation为固定值 -->
            <param-name>contextConfigLocation</param-name>
            <!-- 使用classpath:表示从类路径查找配置文件，例如maven工程中的
            src/main/resources -->
            <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>
        <!--
        设置springMVC的核心控制器所能处理的请求的请求路径
        /所匹配的请求可以是/login或.html或.js或.css方式的请求路径
        但是/不能匹配.jsp请求路径的请求
        -->
        <url-pattern>/</url-pattern>
    </servlet-mapping>
</web-app>

8、配置模板解析器

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 http://www.springframework.org/schema/context/spring-context.xsd">
    <!--扫描组件-->
    <context:component-scan base-package="com.zyz.mvc.controller"></context:component-scan>
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/templates/"></property>
        <property name="suffix" value=".jsp"></property>
    </bean>

</beans>

9、配置包templates

在这里插入图片描述

10、创建index.jsp

创建的index.jsp页面是和WEB-INFP平级

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2022/11/29
  Time: 10:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
</head>
<body>
这是我的首页
</body>
</html>

11、 基本的目录结构

在这里插入图片描述

12、配置Tomcat

12.1 点击Run、选择Edit Configurations…

在这里插入图片描述

12.2 基本信息配置

在这里插入图片描述
在这里插入图片描述

12.3 点击apply

在这里插入图片描述

13、启动tomcat

在这里插入图片描述

14、启动成功进入首页

在这里插入图片描述

15、如何实现请求转发页面跳转

15.1 创建controller 控制请求跳转

TestJsp.java

package com.zyz.mvc.controller;

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

/**
 * @author zyz
 * @version 1.0
 * @data 2022/11/29 10:13
 * @Description:
 */
@Controller
public class TestJsp {
    @RequestMapping("/success")
    public String success(){
        return "success";
    }

}

15.2 创建跳转后页面

改页面要创建在templates下、否则模板解析器解释不到

<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2022/11/29
  Time: 10:27
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>success</title>
</head>
<body>
<h1>这里是成功页面</h1>
</body>
</html>

15.3 跳转连接

index.jsp

<%--
  Created by IntelliJ IDEA.
  User: Lenovo
  Date: 2022/11/29
  Time: 10:11
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>首页</title>
</head>
<body>
这是我的首页
<a href="${pageContext.request.contextPath}/success">success.jsp</a>
</body>
</html>

15.4 页面效果

在这里插入图片描述

15.5 点击跳转

在这里插入图片描述

16、最终完整的项目结构介绍

目录结构、请确保目录结构正确、否则也会导致运行项目失败
在这里插入图片描述

17、JSP模板解析和HTML模板解析对比

HTML模板解析

    <!-- 配置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>

18、后语

学无止境。。。。。。

文章标签：
云解析DNS
Java
应用服务中间件
Maven
缓存
热爱技术的小郑
目录
相关文章
热爱技术的小郑
|
XML 前端开发 Java
SpringMVC入门到实战------2、SpringMVC创建实例Hello SpringMVC（maven+tomcat）
这篇文章是SpringMVC框架的入门教程，详细指导了如何在IDEA中使用Maven和Tomcat创建SpringMVC工程，包括添加依赖、配置web.xml、编写控制器、创建配置文件、配置Tomcat服务器以及进行基本的测试，展示了一个简单的Hello SpringMVC示例。
热爱技术的小郑
1495 0
SpringMVC入门到实战------2、SpringMVC创建实例Hello SpringMVC（maven+tomcat）
opencv学堂
|
Web App开发 移动开发 Java
基于tomcat运行HTML5 WebSocket echo例子
基于tomcat运行HTML5 WebSocket echo例子
opencv学堂
333 2
尹正杰
|
监控 Java 应用服务中间件
部署tomcat部署实战案例
本文是关于Tomcat部署实战案例的教程，包括通过yum和二进制方式部署Tomcat的详细步骤，以及如何监控Tomcat服务。
尹正杰
594 85
部署tomcat部署实战案例
nanshaws
|
Java 应用服务中间件 Maven
idea+maven+tomcat+spring 创建一个jsp项目
这篇文章介绍了如何在IntelliJ IDEA中使用Maven和Tomcat创建一个JSP项目，包括配置Maven依赖、设置Tomcat服务器、编写JSP页面、创建控制器和配置文件，以及项目的运行结果。
nanshaws
1354 0
idea+maven+tomcat+spring 创建一个jsp项目
源码星辰
|
前端开发 JavaScript Java
springmvc前端jsp与html
在Spring MVC框架中，前端页面既可以使用JSP（JavaServer Pages）也可以使用HTML，具体使用哪一种或哪几种技术，主要取决于项目的需求、团队的熟悉度以及项目的可维护性等因素。
源码星辰
390 2
GG2020gg
|
运维 应用服务中间件 Linux
Tomcat详解（九）——Tomcat虚拟主机配置实战
Tomcat详解（九）——Tomcat虚拟主机配置实战
GG2020gg
505 1
L&ecirc;v&iuml;
|
设计模式 存储 前端开发
Java从入门到精通：2.2.1学习Java Web开发，了解Servlet和JSP技术，掌握MVC设计模式
Java从入门到精通：2.2.1学习Java Web开发，了解Servlet和JSP技术，掌握MVC设计模式
L&ecirc;v&iuml;
395 0
醉意人间
|
应用服务中间件
Tomcat 管理页面
一、配置刚下载的解压版的apache-tomcat，启动后，通过浏览器访问：http://127.0.0.1:8080/（或者http://localhost:8080）然后点击下图的Server status X 在登录界面输入用户名 both 和密码 tomcat 后出现下面的错误提示：...
醉意人间
1301 0
master_haku
|
Web App开发 应用服务中间件 Apache
tomcat管理员在远程（不同）机器上访问管理页面
tomcat8.5管理员默认只能在安装tomcat的机器上访问，如果想在其他机器上访问，则需要进行配置修改 添加用户和权限（\conf\tomcat-users.xml）： 修改tomcat管理功能配置文件（/webapps/manager/META-INF/context.
master_haku
1684 0
java牛
|
Web App开发 安全 应用服务中间件
tomcat管理端的页面安全措施
由于公司的项目并未启用nginx负载均衡,所以自然也没用到tomcat与web应用一对一的安全操作,经常会遇到   重启单个应用又不想重启tomcat的情况.同时,又出于安全考虑,将tomcat的默认管理页面给删除了,这无疑给应用维   护带来诸多不便.
java牛
1176 0

热门文章

最新文章

  • 1
    Html2canvas - 项目中遇到的那些坑点汇总(更新中...)
  • 2
    Java操作wkhtmltopdf实现Html转PDF
  • 3
    微软将Silverlight主要定位在Windows Phone，其他平台更多推向HTML5
  • 4
    有趣的HTML5/CSS3艺术网站
  • 5
    使用Visual Studio 2012 开发 Html5 应用
  • 6
    HTML5: 10 个顶级使用 CSS3 动画的网页
  • 7
    HTML5视频播放器
  • 8
    【HTML专栏3】!DOCTYPE、lang、字符集的作用
  • 9
    前端基础入门三大核心之HTML篇：Webpack的八种常用Loader用途及加载方式全解析
  • 10
    尝试HTML + JavaScript 编写Windows App
  • 1
    【SpringBoot（二）】带你认识Yaml配置文件类型、SpringMVC的资源访问路径 和 静态资源配置的原理！
    734
  • 2
    Spring MVC 核心组件与请求处理机制详解
    1373
  • 3
    Spring、SpringMVC 与 MyBatis 核心知识点解析
    438
  • 4
    Spring MVC 数据绑定机制详解：@ModelAttribute vs. @RequestParam 和 @PathVariable
    1250
  • 5
    Spring MVC 中因导入错误的 Model 类报错问题解析
    631
  • 6
    微服务——SpringBoot使用归纳——Spring Boot中的MVC支持——@RequestBody
    1726
  • 7
    微服务——SpringBoot使用归纳——Spring Boot中的MVC支持——@RequestParam
    1050
  • 8
    微服务——SpringBoot使用归纳——Spring Boot中的MVC支持——@PathVariable
    1102
  • 9
    微服务——SpringBoot使用归纳——Spring Boot中的MVC支持——@RequestMapping
    1086
  • 10
    微服务——SpringBoot使用归纳——Spring Boot中的MVC支持——@RestController
    695

    • 相关课程

    更多
  • HTML 入门与实战
  • Java Web开发-Web应用、Tomcat、HTTP请求与响应
  • HTML基础入门学习
  • HTML5 新特性教程
  • 零基础学前端HTML+CSS
  • JSP快速入门

    • 相关电子书

    更多
  • 《零基础HTML入门教程》
  • 天猫 HTML5 互动技术实践
  • 天猫HTML5互动技术实践
    • 下一篇
    一条命令迁移，帮你实现 OpenClaw 与 Hermes Agent 记忆互通！