前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >SpringMVC的视图控制器(三)

SpringMVC的视图控制器(三)

原创
作者头像
堕落飞鸟
发布于 2023-05-13 07:36:30
发布于 2023-05-13 07:36:30
41200
代码可运行
举报
文章被收录于专栏:飞鸟的专栏飞鸟的专栏
运行总次数:0
代码可运行

接下来,我们需要创建一个名为 spring-config.xml 的 SpringMVC 配置文件,该文件将 InternalResourceViewResolver 添加到应用程序中,并将 HomeController 和 AboutController 添加到 DispatcherServlet 中。spring-config.xml 文件的内容如下:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<beans xmlns="http://www.springframework.org/schema/beans"
       xmlns:context="http://www.springframework.org/schema/context"
       xmlns:mvc="http://www.springframework.org/schema/mvc"
       xsi:schemaLocation="http://www.springframework.org/schema/beans
                           http://www.springframework.org/schema/beans/spring-beans-3.0.xsd
                           http://www.springframework.org/schema/context
                           http://www.springframework.org/schema/context/spring-context-3.0.xsd
                           http://www.springframework.org/schema/mvc
                           http://www.springframework.org/schema/mvc/spring-mvc-3.0.xsd">
 
    <context:component-scan base-package="com.example.controller" />
    <mvc:annotation-driven />
 
    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">
        <property name="prefix" value="/WEB-INF/views/" />
        <property name="suffix" value=".jsp" />
    </bean>
 
</beans>

在上面的代码中,我们首先使用 component-scan 元素扫描 com.example.controller 包中带有 @Controller 注解的类。然后,我们使用 annotation-driven 元素启用 SpringMVC 的注解驱动。最后,我们创建了一个 InternalResourceViewResolver,并将它的 prefix 属性设置为 "/WEB-INF/views/",将它的 suffix 属性设置为 ".jsp"。

现在,我们可以创建 HomeController 和 AboutController 类,这些类将处理 /home 和 /about URL,并返回视图名称:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@Controller
public class HomeController {
    
    @RequestMapping("/home")
    public String home() {
        return "home";
    }
    
}
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
@Controller
public class AboutController {
    
    @RequestMapping("/about")
    public String about() {
        return "about";
    }
    
}

在上面的代码中,我们创建了两个带有 @Controller 注解的类,分别用于处理 /home 和 /about URL。这些方法返回视图名称,而不是实际的视图。SpringMVC 将使用 InternalResourceViewResolver 将视图名称转换为实际的视图。

最后,我们将创建视图文件,这些文件将显示在浏览器中。在我们的例子中,我们将创建 home.jsp 和 about.jsp 文件,并将它们保存在 /WEB-INF/views/ 目录下。这些文件的内容可以自定义,但是下面是一个简单的示例:

home.jsp:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Home</title>
</head>
<body>
    <h1>Welcome to the Home Page!</h1>
</body>
</html>

about.jsp:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>About</title>
</head>
<body>
    <h1>About Us</h1>
    <p>We are a small team of developers based in the United States.</p>
</body>
</html>

现在,我们已经完成了一个简单的 SpringMVC 应用程序。启动应用程序后,当访问 /home URL 时,将显示 home.jsp 视图,当访问 /about URL 时,将显示 about.jsp 视图。我们已经在 web.xml 文件中将 DispatcherServlet 映射到 / 路径,所以我们可以直接访问应用程序的根路径,而不需要添加任何路径。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
暂无评论
推荐阅读
浏览器页面渲染全解析过程优化及实战指南详解
将HTML、CSS和JavaScript转换为屏幕上的像素,实现用户可交互的视觉界面。
用户2102001
2025/05/22
1790
浏览器页面渲染全解析过程优化及实战指南详解
你真的了解回流和重绘吗?(面试必问)
回流和重绘可以说是每一个web开发者都经常听到的两个词语,我也不例外,可是我之前一直不是很清楚这两步具体做了什么事情。最近由于部门内部要做分享,所以对其进行了一些研究,看了一些博客和书籍,整理了一些内容并且结合一些例子,写了这篇文章,希望可以帮助到大家。
Jean
2018/12/17
2.2K0
你真的了解回流和重绘吗?(面试必问)
前端| 性能优化总结
HTTP1.1 如果要同时发起多个请求,就得建立多个 TCP 连接,因为一个 TCP 连接同时只能处理一个 HTTP1.1 的请求。在 HTTP2 上,多个请求可以共用一个 TCP 连接,这称为多路复用。同一个请求和响应用一个流来表示,并有唯一的流 ID 来标识。多个请求和响应在 TCP 连接中可以乱序发送,到达目的地后再通过流 ID 重新组建。
Java小技巧
2022/10/27
7940
前端面试总结与思考
序列号seq:占4个字节,用来标记数据段的顺序,TCP把连接中发送的所有数据字节都编上一个序号,第一个字节的编号由本地随机产生;给字节编上序号后,就给每一个报文段指派一个序号;序列号seq就是这个报文段中的第一个字节的数据编号。
李才哥
2019/09/20
9640
前端面试总结与思考
Web 性能优化-页面重绘和回流(重排)
常见的优化网络请求的方法有:DNS Lookup,减少重定向,避免 JS、CSS 阻塞,并行请求,代码压缩,缓存,按需加载,前端模块化…
李振
2021/11/26
1.2K0
Web 性能优化-页面重绘和回流(重排)
浏览器的渲染流程--重排、重绘、合成
定义: 当通过JS或css改变了元素的宽度、高度等,修改了元素的几何位置属性,那么浏览器会触发重新布局,解析之后的一系列子阶段,这个过程就叫重排。无疑, 重排需要更新完整的渲染流水线,所以开销也是最大的。
用户7741497
2022/03/06
1.2K0
【前端性能优化】深入解析重绘和回流,构建高性能Web界面
在Web浏览器的工作流程中,回流是一个关键步骤,它发生在浏览器需要根据DOM元素的尺寸、位置或某些视觉属性变化来重新计算元素的布局情况时。具体来说,当一个元素的几何属性改变,比如宽度、高度或者隐藏/显示状态变动,浏览器执行以下步骤:
空白诗
2024/06/14
2920
【前端性能优化】深入解析重绘和回流,构建高性能Web界面
浏览器渲染之回流重绘
回流和重绘是前端开发的高频词汇之一,你可以在各种面经,性能优化相关文章可以看到,但是很多都是草草带过。本文带你从浏览器渲染流程中了解回流与重绘的原理。
政采云前端团队
2021/09/30
1.8K0
浏览器渲染之回流重绘
十人九问,回流和重排怎么优化?
节点的一些样式(背景色,边框颜色,文字颜色等)发生改变,只需要应用新样式绘制这个元素就可以了; 发生机制: 颜色 visibility: hidden,元素还是占了位置的
程序媛夏天
2024/01/18
2100
十人九问,回流和重排怎么优化?
浏览器重绘与回流
重绘与回流是浏览器渲染的时候进行的操作,当页面内容发生改变的时候,就会触发重绘或者回流
WindRunnerMax
2020/08/27
1K0
浏览器请求与渲染全过程
在今天的数字化世界,网页加载是一个技术流程,涉及多个步骤。当我们在浏览器中输入网址并按下回车键时,这些请求会经历一系列处理,最终呈现为一个完整的网页。这个过程包括解析网址、查询域名、建立网络连接,以及接收和显示数据。本文将详细介绍这些步骤,帮助读者更好地理解网页是如何从请求到显示的整个过程。
用户6256742
2024/08/01
3230
【前端面试题】我靠它拿到了大厂Offer
instanceof 的内部机制是通过判断对象的原型链中是不是能找到类型的 prototype。
前端修罗场
2023/10/07
1.2K0
【前端面试题】我靠它拿到了大厂Offer
客户端渲染页面、DOM重绘和回流、避免DOM的回流
HelloWorldZ
2024/03/20
1670
chrome对页面重绘和回流以及优化进行优化
页面的绘制时间(paint time)是每一个前端开发都需要关注的的重要指标,它决定了你的页面流畅程度。而如何去观察页面的绘制时间,找到性能瓶颈,可以借助Chrome的开发者工具。
周陆军博客
2023/04/09
9610
浏览器的回流与重绘 (Reflow & Repaint)
当Render Tree中部分或全部元素的尺寸、结构、或某些属性发生改变时,浏览器重新渲染部分或全部文档的过程称为回流。 会导致回流的操作:
Nealyang
2019/09/29
7080
「一道面试题」输入URL到渲染全面梳理中-页面渲染篇
接上文,上文我们讲了网络通信的部分,详细请看「一道面试题」输入URL到渲染全面梳理上-网络通信篇, 那么该说说页面渲染的流程了,也就是当输入一个URL拿到了页面后,浏览器怎么解析,怎么呈现
isboyjc
2022/03/28
8340
「一道面试题」输入URL到渲染全面梳理中-页面渲染篇
【春节日更】重排 与 重绘 的知识点
重排(回流/reflow):当渲染树的一部分必须更新并且节点的尺寸发生了变化,浏览器会使渲染树中受到影响的部分失效,并重新构造渲染树。
用户9914333
2022/07/22
8430
【春节日更】重排 与 重绘 的知识点
Web前端性能优化(二)
懒加载 即延迟加载,在电商或是页面很长的业务场景中,我们通常会使用懒加载的方式对图片进行请求,只有在图片进入可视区域之后才请求图片资源,而在之前都通过一张占位图进行占位,将真正的图片路径存储在元素的 data-url 中,这样做的好处在于减少无效资源的加载,并不是所有的用户都会浏览完网站的所有图片,而且浏览器是存在并发上限的,并发加载的资源过多会阻塞 JS 的加载,影响网站的正常使用
Nian糕
2018/12/24
8450
Web前端性能优化(二)
【总结】2072- 前端常见性能优化策略
采用域名分片技术,将资源放到不同的域名下。接触同一个域名最多处理6个TCP链接问题。
pingan8787
2024/06/19
1760
【总结】2072- 前端常见性能优化策略
重绘与回流_html回流重绘
浏览器在渲染一个页面时,会将页面分为很多个图层,图层有大有小,每个图层上有一个或多个节点。 也就是我们各种各样的Dom标签
全栈程序员站长
2022/11/01
1.5K0
重绘与回流_html回流重绘
相关推荐
浏览器页面渲染全解析过程优化及实战指南详解
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档