爆款云主机2核4G限时秒杀,88元/年起!
查看详情

活动

天翼云最新优惠活动,涵盖免费试用,产品折扣等,助您降本增效!
热门活动
  • 618智算钜惠季 爆款云主机2核4G限时秒杀,88元/年起!
  • 免费体验DeepSeek,上天翼云息壤 NEW 新老用户均可免费体验2500万Tokens,限时两周
  • 云上钜惠 HOT 爆款云主机全场特惠,更有万元锦鲤券等你来领!
  • 算力套餐 HOT 让算力触手可及
  • 天翼云脑AOne NEW 连接、保护、办公,All-in-One!
  • 中小企业应用上云专场 产品组合下单即享折上9折起,助力企业快速上云
  • 息壤高校钜惠活动 NEW 天翼云息壤杯高校AI大赛,数款产品享受线上订购超值特惠
  • 天翼云电脑专场 HOT 移动办公新选择,爆款4核8G畅享1年3.5折起,快来抢购!
  • 天翼云奖励推广计划 加入成为云推官,推荐新用户注册下单得现金奖励
免费活动
  • 免费试用中心 HOT 多款云产品免费试用,快来开启云上之旅
  • 天翼云用户体验官 NEW 您的洞察,重塑科技边界

智算服务

打造统一的产品能力,实现算网调度、训练推理、技术架构、资源管理一体化智算服务
智算云(DeepSeek专区)
科研助手
  • 算力商城
  • 应用商城
  • 开发机
  • 并行计算
算力互联调度平台
  • 应用市场
  • 算力市场
  • 算力调度推荐
一站式智算服务平台
  • 模型广场
  • 体验中心
  • 服务接入
智算一体机
  • 智算一体机
大模型
  • DeepSeek-R1-昇腾版(671B)
  • DeepSeek-R1-英伟达版(671B)
  • DeepSeek-V3-昇腾版(671B)
  • DeepSeek-R1-Distill-Llama-70B
  • DeepSeek-R1-Distill-Qwen-32B
  • Qwen2-72B-Instruct
  • StableDiffusion-V2.1
  • TeleChat-12B

应用商城

天翼云精选行业优秀合作伙伴及千余款商品,提供一站式云上应用服务
进入甄选商城进入云市场创新解决方案
办公协同
  • WPS云文档
  • 安全邮箱
  • EMM手机管家
  • 智能商业平台
财务管理
  • 工资条
  • 税务风控云
企业应用
  • 翼信息化运维服务
  • 翼视频云归档解决方案
工业能源
  • 智慧工厂_生产流程管理解决方案
  • 智慧工地
建站工具
  • SSL证书
  • 新域名服务
网络工具
  • 翼云加速
灾备迁移
  • 云管家2.0
  • 翼备份
资源管理
  • 全栈混合云敏捷版(软件)
  • 全栈混合云敏捷版(一体机)
行业应用
  • 翼电子教室
  • 翼智慧显示一体化解决方案

合作伙伴

天翼云携手合作伙伴,共创云上生态,合作共赢
天翼云生态合作中心
  • 天翼云生态合作中心
天翼云渠道合作伙伴
  • 天翼云代理渠道合作伙伴
天翼云服务合作伙伴
  • 天翼云集成商交付能力认证
天翼云应用合作伙伴
  • 天翼云云市场合作伙伴
  • 天翼云甄选商城合作伙伴
天翼云技术合作伙伴
  • 天翼云OpenAPI中心
  • 天翼云EasyCoding平台
天翼云培训认证
  • 天翼云学堂
  • 天翼云市场商学院
天翼云合作计划
  • 云汇计划
天翼云东升计划
  • 适配中心
  • 东升计划
  • 适配互认证

开发者

开发者相关功能入口汇聚
技术社区
  • 专栏文章
  • 互动问答
  • 技术视频
资源与工具
  • OpenAPI中心
开放能力
  • EasyCoding敏捷开发平台
培训与认证
  • 天翼云学堂
  • 天翼云认证
魔乐社区
  • 魔乐社区

支持与服务

为您提供全方位支持与服务,全流程技术保障,助您轻松上云,安全无忧
文档与工具
  • 文档中心
  • 新手上云
  • 自助服务
  • OpenAPI中心
定价
  • 价格计算器
  • 定价策略
基础服务
  • 售前咨询
  • 在线支持
  • 在线支持
  • 工单服务
  • 建议与反馈
  • 用户体验官
  • 服务保障
  • 客户公告
  • 会员中心
增值服务
  • 红心服务
  • 首保服务
  • 客户支持计划
  • 专家技术服务
  • 备案管家

了解天翼云

天翼云秉承央企使命,致力于成为数字经济主力军,投身科技强国伟大事业,为用户提供安全、普惠云服务
品牌介绍
  • 关于天翼云
  • 智算云
  • 天翼云4.0
  • 新闻资讯
  • 天翼云APP
基础设施
  • 全球基础设施
  • 信任中心
最佳实践
  • 精选案例
  • 超级探访
  • 云杂志
  • 分析师和白皮书
  • 天翼云·创新直播间
市场活动
  • 2025智能云生态大会
  • 2024智算云生态大会
  • 2023云生态大会
  • 2022云生态大会
  • 天翼云中国行
天翼云
  • 活动
  • 智算服务
  • 产品
  • 解决方案
  • 应用商城
  • 合作伙伴
  • 开发者
  • 支持与服务
  • 了解天翼云
      • 文档
      • 控制中心
      • 备案
      • 管理中心

      解读静态资源的访问

      首页 知识中心 软件开发 文章详情页

      解读静态资源的访问

      2023-06-14 09:10:50 阅读次数:444

      html,mvc

      1. 发起的请求是由哪些服务器程序处理的。33

      浏览器输入以下地址

      http://localhost:8080/ch05_url_pattern/index.jsp :tomcat(jsp会转为servlet)

      http://localhost:8080/ch05_url_pattern/js/jquery-3.4.1.js : tomcat

      http://localhost:8080/ch05_url_pattern/images/p1.jpg : tomcat

      http://localhost:8080/ch05_url_pattern/html/test.html: tomcat

      http://localhost:8080/ch05_url_pattern/some.do :  DispatcherServlet(springmvc框架处理的)

      tomcat本身能处理静态资源的访问, 像html, 图片, js文件都是静态资源

      1.1 源码  33

      tomcat的web.xml文件有一个servlet 名称是 default , 在服务器启动时创建的。
       <servlet>
              <servlet-name>default</servlet-name>
              <servlet-class>org.apache.catalina.servlets.DefaultServlet</servlet-class>
              <init-param>
                  <param-name>debug</param-name>
                  <param-value>0</param-value>
              </init-param>
              <init-param>
                  <param-name>listings</param-name>
                  <param-value>false</param-value>
              </init-param>
              <load-on-startup>1</load-on-startup>
          </servlet>
      
      	  <servlet-mapping>
              <servlet-name>default</servlet-name>
              <url-pattern>/</url-pattern>  表示静态资源和未映射的请求都这个default处理
          </servlet-mapping>
      

      1.2 default这个servlet作用:   33-34

      The default servlet for all web applications, that serves static  resources.  It processes all requests that are not mapped to other  servlets with servlet mappings (defined either here or in your own   web.xml file).

      1.处理静态资源

      2.处理未映射到其它servlet的请求。

      2. 配置详解  32-33

      添加布局和图片资源

      解读静态资源的访问

      2.1  *.do

      在没有特殊要求的情况下,SpringMVC 的中央调度器 DispatcherServlet 的

      常使用后辍匹配方式,如写为*.do 或者 *.action, *.mvc 等。

      2.2  /   34

      可以写为/,因为 DispatcherServlet 会将向静态资源的获取请求,例如.css、.js、.jpg、.png

      等资源的获取请求,当作是一个普通的 Controller 请求。中央调度器会调用处理器映射器为

      其查找相应的处理器。当然也是找不到的,所以在这种情况下,所有的静态资源获取请求也

      均会报 404 错误。

      2.2.1 详细解释 使用斜杠 "/"   34

      当你的项目中使用了  / ,它会替代 tomcat中的default。

      导致所有的静态资源都给DispatcherServlet处理, 默认情况下DispatcherServlet没有处理静态资源的能力。没有控制器对象能处理静态资源的访问。所以静态资源(html,js,图片,css)都是404.

      动态资源some.do是可以访问,的因为我们程序中有MyController控制器对象,能处理some.do请求。

      保持的值为 *.do,扩展名方式,图片会正常显示。

      解读静态资源的访问

      index.jsp

      <%--index.jsp页面的编写  32--%>
      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
      <html>
      <head>
          <title>Title</title>
          <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
      </head>
      <body>
      <form action="some.do" method="post">
          姓名:<input type="text" name="name"> <br/>
          年龄:<input type="text" name="age"> <br/>
          <input type="submit" value="提交参数">
      </form>
      
      <br/>
      <img src="images/p2.jpg" alt="我是一个静态资源,不能显示">
      </body>
      </html>
      

      将的值修改为 / ,则图片将无法显示。

      web.xml

      <servlet-mapping>
              <servlet-name>myweb</servlet-name>
              <!-- <url-pattern>*.do</url-pattern>-->
              <url-pattern>/</url-pattern>
          </servlet-mapping>
      

      截图中的图片无法显示(因为图片为静态资源)

      解读静态资源的访问

      动态资源可访问

      解读静态资源的访问

      3. 静态资源访问  34

      的值并不是说写为/后,静态资源就无法访问了。经过一些配置后,该问

      题也是可以解决的。

      3.1 第一使用 34-35

      声 明 了  后 , springmvc 框 架 会 在 容 器 中 创 建

      DefaultServletHttpRequestHandler 处理器对象。它会像一个检查员,对进入 DispatcherServlet的 URL 进行筛查,如果发现是静态资源的请求,就将该请求转由 Web 应用服务器默认的Servlet 处理。一般的服务器都有默认的 Servlet。

      在 Tomcat 中,有一个专门用于处理静态资源访问的 Servlet 名叫 DefaultServlet。其为 default。可以处理各种静态资源访问请求。该 Servlet 注册在 Tomcat 服务

      器的 web.xml 中。在 Tomcat 安装目录/conf/web.xml。

      解读静态资源的访问

      3.1.1 案例  34-35

      访问静态资源的方式:  

             原理是: 加入这个标签后,框架会创健控制器对象DefaultServletHttpRequestHandler(类似我们自己创建的MyController). DefaultServletHttpRequestHandler这个对象可以把接收的请求转发给 tomcat的default这个servlet。

      只需要在 springmvc.xml 中添加标签即可。

      springmvc.xml

       <mvc:default-servlet-handler />

      <mvc:default-servlet-handler/>表示使用 DefaultServletHttpRequestHandler 处理器对象。而该处理器调用了 Tomcat 的 DefaultServlet 来处理静态资源的访问请求。当然了,要想使用<mvc: …/>标签,需要引入 mvc 约束

      解读静态资源的访问

      访问http://localhost:8080/ch05_url_pattern/index.jsp 图片静态资源访问成功

      解读静态资源的访问

      访问http://localhost:8080/ch05_url_pattern/html/test.html 网页静态资源访问成功

      解读静态资源的访问

      但是我们的some.do请求范文失败

      解读静态资源的访问

      访问动态资源

      因为default-servlet-handler 和 @RequestMapping注解 有冲突, 需要加入annotation-driven 解决问题,需要添加注解驱动解决

      <!--    添加注解驱动 -->
      <!-- default-servlet-handler 和 @RequestMapping注解 有冲突
      , 需要加入annotation-driven 解决问题-->
          <mvc:annotation-driven />
      

      MyController

      // 研究中央调度器的url-pattern设置为 "/"   32
          @RequestMapping(value = "/some.do")
          public ModelAndView doReturnView(String name, Integer age){
              System.out.println("doSome, name="+name+"   age="+age);
              ModelAndView mv = new ModelAndView();
              mv.addObject("myname",name);
              mv.addObject("myage",age);
              mv.setViewName("show");
              return mv;
          }

      show.jsp

      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
      <html>
      <head>
          <title>Title</title>
      </head>
      <body>
          <h3>/WEB-INF/view/show.jsp从request作用域获取数据</h3><br/>
          <h3>myname数据:${myname}</h3><br/>
          <h3>myage数据:${myage}</h3>
      </body>
      </html>
      

      再次访问some.do请求,访问成功

      解读静态资源的访问

      3.2 第二使用 (必须掌握)  37-38

      在 Spring3.0 版本后,Spring 定义了专门用于处理静态资源访问请求的处理器

      ResourceHttpRequestHandler。并且添加了标签,专门用于解决静态资源无法访问问题。需要在 springmvc 配置文件中添加如下形式的配置:

      <mvc:resources mapping="/images/**" location="/images/"/>
      <mvc:resources mapping="/html/**" location="/html/"/>
      <mvc:resources mapping="/js/**" location="/js/"/>
      
      

      location 表示静态资源所在目录。当然,目录不要使用/WEB-INF/及其子目录。

      mapping 表 示 对 该 资 源 的 请 求 

      ( 以 /images/ 开 始 的 请 求 , 如 /image/beauty.jpg , /images/car.png 等)。注意,后面是两个星号**。

      3.2.1 案例

      访问静态资源的方式  37

             mvc:resources 加入后框架会创建 ResourceHttpRequestHandler这个处理器对象。

             让这个对象处理静态资源的访问,不依赖tomcat服务器。

             mapping:访问静态资源的uri地址, 使用通配符 **

             location:静态资源在你的项目中的目录位置。

             images/**:表示 images/p1.jpg  , images/user/logo.gif

              , images/order/history/list.png

      springmvc.xml

      <mvc:resources mapping="/images/**" location="/images/"/>
      <mvc:resources mapping="/html/**" location="/html/"/>
      <mvc:resources mapping="/js/**" location="/js/"/>
      

      index.jsp

      <%--index.jsp页面的编写  32--%>
      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
      <html>
      <head>
          <title>Title</title>
          <script type="text/javascript" src="js/jquery-3.4.1.js"></script>
      </head>
      <body>
      <form action="some.do" method="post">
          姓名:<input type="text" name="name"> <br/>
          年龄:<input type="text" name="age"> <br/>
          <input type="submit" value="提交参数">
      </form>
      
      <br/>
      <img src="images/p3.jpg" alt="我是一个静态资源,不能显示">
      
      <%--<img src="static/images/p1.jpg">--%>
      </body>
      </html>
      

      test.html

      <!DOCTYPE html>
      <html lang="en">
      <head>
          <meta charset="UTF-8">
          <title>Title   32</title>
      </head>
      <body>
          test.html 是一个静态资源, 网页内容hello, 第二种方法处理静态资源
      </body>
      </html>
      

      图片和网页资源都正常访问到

      解读静态资源的访问

      解读静态资源的访问

      访问动态资源   37-38

      同样访问动态资源有问题,需要加注解驱动

      解读静态资源的访问

      springmvc.xml

      <!--mvc:resources和@RequestMapping有一定的冲突  38-->
          <mvc:annotation-driven />
      

      MyController

      // 研究中央调度器的url-pattern设置为 "/"   32
          @RequestMapping(value = "/some.do")
          public ModelAndView doReturnView(String name, Integer age){
              System.out.println("doSome, name="+name+"   age="+age);
              ModelAndView mv = new ModelAndView();
              mv.addObject("myname",name);
              mv.addObject("myage",age);
              mv.setViewName("show");
              return mv;
          }

      show.jsp

      <%@ page contentType="text/html;charset=UTF-8" language="java" %>
      <html>
      <head>
          <title>Title</title>
      </head>
      <body>
          <h3>/WEB-INF/view/show.jsp从request作用域获取数据</h3><br/>
          <h3>myname数据:${myname}</h3><br/>
          <h3>myage数据:${myage}</h3>
      </body>
      </html>
      

      解读静态资源的访问

      因为上面要写很多的 标签,我们在WEB-INF下新建一个目录static将静态资源统一放进去

      解读静态资源的访问

      springmvc.xml

      <!--使用一个配置语句,指定多种静态资源的访问  38-->
          <mvc:resources mapping="/static/**" location="/static/" />
      

      index.jsp

      <br>
      <img src="static/images/p2.jpg">
      

      解读静态资源的访问

      3.3 小提示 动态资源路径直接写成some  38

      既然使用了    /     /

      动态资源的访问就不需要像以前一样some.do一样了,直接改成some就行了

      MyController

      @RequestMapping(value = "/some")
          public ModelAndView doReturnView(String name, Integer age){
              System.out.println("doSome, name="+name+"   age="+age);
              ModelAndView mv = new ModelAndView();
              mv.addObject("myname",name);
              mv.addObject("myage",age);
              mv.setViewName("show");
              return mv;
          }

      index.jsp

      <form action="some" method="post">
          姓名:<input type="text" name="name"> <br/>
          年龄:<input type="text" name="age"> <br/>
          <input type="submit" value="提交参数">
      </form>
      
      

      解读静态资源的访问

      版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15784725/6407867,作者:进击的菜鸟子,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。

      上一篇:掌控MySQL并发:深度解析锁机制与并发控制

      下一篇:前端:侧边固定导航栏jQuery实现定位

      相关文章

      2025-05-19 09:04:53

      读取模版并生成html文件

      读取模版并生成html文件

      2025-05-19 09:04:53
      exception , html , string
      2025-05-14 10:33:25

      webpack5基础--09_处理其他资源

      webpack5基础--09_处理其他资源

      2025-05-14 10:33:25
      html , index , 图标 , 处理 , 资源 , 音视频
      2025-05-12 08:40:18

      jquery tmpl 详解

      jquery tmpl 详解

      2025-05-12 08:40:18
      html , HTML , jquery
      2025-05-09 08:51:09

      RestTemplate请求UnknownContentTypeException:no suitable HttpMessageConverter异常

      RestTemplate请求UnknownContentTypeException:no suitable HttpMessageConverter异常

      2025-05-09 08:51:09
      html , RestTemplate , text , 日志 , 格式
      2025-04-14 08:45:56

      Java实现一个坦克大战的小游戏【附源码】

      Java实现一个坦克大战的小游戏【附源码】

      2025-04-14 08:45:56
      html , i++ , java
      2025-04-14 08:45:36

      一段诡异的JavaScript代码,其实考察的是一些JavaScript的基础知识

      一段诡异的JavaScript代码,其实考察的是一些JavaScript的基础知识

      2025-04-14 08:45:36
      html , javascript
      2025-04-14 08:45:36

      用尾递归(tailRecursive)实现的阶乘-JavaScript版本

      用尾递归(tailRecursive)实现的阶乘-JavaScript版本

      2025-04-14 08:45:36
      html
      2025-04-11 07:15:54

      Javaweb编程中的乱码问题

      程序中的乱码问题,主要出现在我们处理中文数据的过程中出现。从浏览器向服务器请求数据,服务器返回的数据在浏览器中显示为乱码。或者是服务器中的java文件用到中文,也有可能会出现乱码。数据库在处理数据的时候,也会碰到乱码问题。

      2025-04-11 07:15:54
      html , java , UTF , 乱码 , 数据 , 浏览器
      2025-04-11 07:08:33

      JavaScript|数据类型的使用

      JavaScript|数据类型的使用

      2025-04-11 07:08:33
      Boolean , document , html , script , var , write
      2025-04-01 09:21:49

      数据结构14-栈常见操作3

      数据结构14-栈常见操作3

      2025-04-01 09:21:49
      html , javascript , Stack , 前端
      查看更多
      推荐标签

      作者介绍

      天翼云小翼
      天翼云用户

      文章

      33561

      阅读量

      5251939

      查看更多

      最新文章

      读取模版并生成html文件

      2025-05-19 09:04:53

      webpack5基础--09_处理其他资源

      2025-05-14 10:33:25

      jquery tmpl 详解

      2025-05-12 08:40:18

      RestTemplate请求UnknownContentTypeException:no suitable HttpMessageConverter异常

      2025-05-09 08:51:09

      Java实现一个坦克大战的小游戏【附源码】

      2025-04-14 08:45:56

      一段诡异的JavaScript代码,其实考察的是一些JavaScript的基础知识

      2025-04-14 08:45:36

      查看更多

      热门文章

      Python:使用2to3将Python2转Python3

      2023-02-22 07:04:55

      html:canvas画布绘图简单入门

      2023-02-20 10:15:01

      TypeScript-webpack配置

      2023-06-16 06:09:55

      ajax乱码问题和异步同步问题

      2023-06-13 08:32:34

      js中通过正则表达式验证邮箱是否合法

      2023-03-02 02:40:07

      级联查询

      2023-06-13 08:29:57

      查看更多

      热门标签

      java Java python 编程开发 代码 开发语言 算法 线程 Python html 数组 C++ 元素 javascript c++
      查看更多

      相关产品

      弹性云主机

      随时自助获取、弹性伸缩的云服务器资源

      天翼云电脑(公众版)

      便捷、安全、高效的云电脑服务

      对象存储

      高品质、低成本的云上存储服务

      云硬盘

      为云上计算资源提供持久性块存储

      查看更多

      随机文章

      ssh(Spring+Spring mvc+hibernate)——EmpController

      Java项目实训

      html+css实战165-隐藏效果

      window.postMessage()实现跨域通信和页面间数据通信

      完美解决(406)Could not find acceptable representation原因及解决方法

      vue之v-text、v-html及v-on标签基本使用

      • 7*24小时售后
      • 无忧退款
      • 免费备案
      • 专家服务
      售前咨询热线
      400-810-9889转1
      关注天翼云
      • 旗舰店
      • 天翼云APP
      • 天翼云微信公众号
      服务与支持
      • 备案中心
      • 售前咨询
      • 智能客服
      • 自助服务
      • 工单管理
      • 客户公告
      • 涉诈举报
      账户管理
      • 管理中心
      • 订单管理
      • 余额管理
      • 发票管理
      • 充值汇款
      • 续费管理
      快速入口
      • 天翼云旗舰店
      • 文档中心
      • 最新活动
      • 免费试用
      • 信任中心
      • 天翼云学堂
      云网生态
      • 甄选商城
      • 渠道合作
      • 云市场合作
      了解天翼云
      • 关于天翼云
      • 天翼云APP
      • 服务案例
      • 新闻资讯
      • 联系我们
      热门产品
      • 云电脑
      • 弹性云主机
      • 云电脑政企版
      • 天翼云手机
      • 云数据库
      • 对象存储
      • 云硬盘
      • Web应用防火墙
      • 服务器安全卫士
      • CDN加速
      热门推荐
      • 云服务备份
      • 边缘安全加速平台
      • 全站加速
      • 安全加速
      • 云服务器
      • 云主机
      • 智能边缘云
      • 应用编排服务
      • 微服务引擎
      • 共享流量包
      更多推荐
      • web应用防火墙
      • 密钥管理
      • 等保咨询
      • 安全专区
      • 应用运维管理
      • 云日志服务
      • 文档数据库服务
      • 云搜索服务
      • 数据湖探索
      • 数据仓库服务
      友情链接
      • 中国电信集团
      • 189邮箱
      • 天翼企业云盘
      • 天翼云盘
      ©2025 天翼云科技有限公司版权所有 增值电信业务经营许可证A2.B1.B2-20090001
      公司地址:北京市东城区青龙胡同甲1号、3号2幢2层205-32室
      • 用户协议
      • 隐私政策
      • 个人信息保护
      • 法律声明
      备案 京公网安备11010802043424号 京ICP备 2021034386号