iis服务器助手广告广告
返回顶部
首页 > 资讯 > 精选 >springMVC路由跳转怎么实现
  • 462
分享到

springMVC路由跳转怎么实现

2023-06-30 02:06:21 462人浏览 独家记忆
摘要

本篇内容介绍了“springMVC路由跳转怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!实现目标:使用springmvc前端控制器,

本篇内容介绍了“springMVC路由跳转怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!

实现目标:使用springmvc前端控制器,跳转到WEB-INF的templates下面的前端页面

图示

springMVC路由跳转怎么实现

目录结构

springMVC路由跳转怎么实现

创建一个Maven的webapp项目,创建好之后记得把index.jsp文件删除,否i则会首先跳到这个文件,我们要用前端控制器转发所有请求

springMVC路由跳转怎么实现

在xml里面,配置springMVC前端控制器,

<!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>Archetype Created Web Application</display-name><!--  配置springMVC的前端控制器,对浏览器发送的请求进行统一处理-->  <servlet>    <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>    <!--匹配除了.jsp请求路径的请求-->    <url-pattern>/</url-pattern>  </servlet-mapping></web-app>

创建并配置springMVC.xml,记得配置一下context(开启扫描需要)

<?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"><!--    扫描组件-->    <context:component-scan base-package="com.atguigu.mvc.controller"></context:component-scan>    <!-- 配置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>

匹配路径

@Controllerpublic class HelloController {    //"/" -->/web-inf/templates/index.html    //RequestMapping请求映射    //value可不写    @RequestMapping(value="/")    public String tindex(){        //返回视图名称,因为我们在视图解析器里面,配置了后缀,所以这里不用写了        return "index";    }    @RequestMapping(value="/target")    public String toTarget(){        return "target";    }}

index.html

<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head>    <meta charset="UTF-8">    <title>/</title></head><body><!--/浏览器从哪个localhost:8080开始--><!--th:被thymeleaf解析,可从localhost:8080:项目名字开始--><!--@{}检测到绝对路径,自动添加上下文路径--><a th:href="@{/target}" rel="external nofollow" >访问目标</a>ahhahahahah</body></html>

target.html

<!DOCTYPE html><html lang="en" xmlns:th="http://www.thymeleaf.org"><head>    <meta charset="UTF-8">    <title>Title</title></head><body>HELLOWORLD</body></html>

“springMVC路由跳转怎么实现”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识可以关注编程网网站,小编将为大家输出更多高质量的实用文章!

--结束END--

本文标题: springMVC路由跳转怎么实现

本文链接: https://www.lsjlt.com/news/327155.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • springMVC路由跳转怎么实现
    本篇内容介绍了“springMVC路由跳转怎么实现”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!实现目标:使用springMVC前端控制器,...
    99+
    2023-06-30
  • 简单的一次springMVC路由跳转实现
    实现目标:使用springMVC前端控制器,跳转到WEB-INF的templates下面的前端页面 图示 1.目录结构 2.创建一个maven的webapp项目,创建好之后记得把...
    99+
    2024-04-02
  • react native路由跳转怎么实现
    本教程操作环境:Windows10系统、React Native0.67版、Dell G3电脑。react native路由跳转怎么实现?React Native-路由跳转搭建完RN开发环境后,要实现多个页面之间的跳转。 1.这时需要安装r...
    99+
    2023-05-14
    react-native
  • react-router-dom路由跳转怎么实现
    本教程操作环境:Windows10系统、react18.0.0版、Dell G3电脑。react-router-dom路由跳转怎么实现?React-Router-dom路由跳转useNavigateuseNavigate方法可以手动操作进行...
    99+
    2023-05-14
    React
  • 实例讲解vue怎么实现父级路由跳转子路由
    在Vue中,我们经常需要进行路由跳转操作。Vue的路由功能非常强大,支持嵌套路由和动态路由等功能。本文将讲述如何父级路由跳转子路由。子路由配置首先,我们需要在父级路由中配置子路由。在Vue中,可以使用Vue Router插件来实现路由管理和...
    99+
    2023-05-14
  • Vue如何实现路由跳转
    这篇文章将为大家详细讲解有关Vue如何实现路由跳转,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。单页一应用的路由模式有再种1、哈希模式(利用hashchange事件监听u...
    99+
    2024-04-02
  • vue如何实现父级路由跳转子路由
    今天小编给大家分享一下vue如何实现父级路由跳转子路由的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。子路由配置首先,我们需要...
    99+
    2023-07-05
  • uniapp路由怎么实现带参数的跳转
    UniApp是一款跨平台开发框架,支持编写一次代码即可同时发布到多个平台。在UniApp中,我们经常需要使用路由跳转功能来实现不同页面之间的跳转。其中,带参数跳转是比较常见的一种情况。本文将介绍UniApp路由带参数跳转。一、路由跳转在Un...
    99+
    2023-05-14
  • react 4.0 路由怎么跳转
    本教程操作环境:Windows10系统、React-Router v4.0版、Dell G3电脑。react 4.0 路由怎么跳转?React-Router v4.0 hashRouter使用js跳转React-Router v4.0上已经...
    99+
    2023-05-14
    react-router
  • vue中如何实现路由跳转
    这篇文章主要介绍vue中如何实现路由跳转,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!跳转方式:1、用“<router-link :to="{..}">”语句;2、用“this.$ro...
    99+
    2023-06-25
  • react native路由跳转如何实现
    这篇文章主要讲解了“react native路由跳转如何实现”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“react native路由跳转如何实现”吧!react native路由跳转的实现...
    99+
    2023-07-04
  • vuejs如何实现路由跳转传值
    这篇文章主要为大家展示了“vuejs如何实现路由跳转传值”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“vuejs如何实现路由跳转传值”这篇文章吧。 ...
    99+
    2024-04-02
  • react-router-dom路由跳转如何实现
    这篇“react-router-dom路由跳转如何实现”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“react-router...
    99+
    2023-07-04
  • vue3中怎么使用router路由实现跳转传参
    本文小编为大家详细介绍“vue3中怎么使用router路由实现跳转传参”,内容详细,步骤清晰,细节处理妥当,希望这篇“vue3中怎么使用router路由实现跳转传参”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。一...
    99+
    2023-07-06
  • Vue实现路由跳转至外界页面
    目录Vue路由跳转至外界页面解决办法Vue路由跳转页面的几种方式总结Vue路由跳转至外界页面 用法 如果使用路由是在 vue 页面中来回跳转,可以使用 this.$router.pu...
    99+
    2022-12-09
    Vue路由 Vue路由跳转 Vue路由跳转页面
  • react中路由跳转及传参的实现
    目录1.useNavigate2.useLocation3.示例1.useNavigate useNavigate 是 React Router v6 中新增的一个 hoo...
    99+
    2023-05-19
    react 路由跳转 react 路由传参
  • 手把手教你Vue3实现路由跳转
    目录一、安装 vue-router二、新建 vue 页面2.1 login.vue2.2 register.vue三、新建路由文件3.1 新建 index.js3.2 新建 rout...
    99+
    2024-04-02
  • react如何实现路由跳转前确认
    这篇文章主要介绍“react如何实现路由跳转前确认”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“react如何实现路由跳转前确认”文章能帮助大家解决问题。react实现路由跳转前确认功能的方法:1、...
    99+
    2023-07-05
  • vue如何路由跳转
    在vue中实现路由跳转的方法有:1.使用this.$router.push()跳转;2.使用router-link跳转;在vue中实现路由跳转的方法有以下几种使用this.$router.push()跳转1)不带参跳转this.$route...
    99+
    2024-04-02
  • react4.0路由如何跳转
    这篇文章主要介绍“react4.0路由如何跳转”,在日常操作中,相信很多人在react4.0路由如何跳转问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”react4.0路由如何跳转”的疑惑有所帮助!接下来,请跟...
    99+
    2023-07-04
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作