springmvc学习笔记(20)——CRUD之删除 & 静态资源处理

springmvc 专栏收录该内容
34 篇文章 2 订阅

处理静态资源

为什么要处理静态资源

在项目开发过程中,我们经常会使用到一些前端框架,比如jquery,bootstrap等,使用这些框架都需要我们引入js或者css文件。
现在,我们往我们的界面中加入jquery

<script type="text/javascript" src="<c:url value="/js/jquery-1.8.2.min.js"/>"></script>

然后我们像平常一样访问界面,界面照常显示,没问题,点击查看源码,可以看到下面一段内容
这里写图片描述
这时候,点击它,正常情况下我们应该是能够到jquery-1.8.2.min.js的内容,但是实际上却会报404错误(请忽视我的收藏夹)
这里写图片描述
为什么会出现这种问题呢

因为我们所有的请求都被dispatcherServlet给拦截下来了,springmvc会去找http://localhost:8080/springmvc01/WEB-INF/js/jquery-1.8.2.min.js这个路径的映射(RequestMapping映射),但是我们的控制层中没有这个映射,因此会报404错误

如何解决

在springmvc配置文件中加上以下配置

    <mvc:annotation-driven />
    <!--  
        default-servlet-handler 将在 SpringMVC 上下文中定义一个 DefaultServletHttpRequestHandler,
        它会对进入 DispatcherServlet 的请求进行筛查, 如果发现是没有经过映射的请求, 就将该请求交由 WEB 应用服务器默认的 
        Servlet 处理. 如果不是静态资源的请求,才由 DispatcherServlet 继续处理

        一般 WEB 应用服务器默认的 Servlet 的名称都是 default.
        若所使用的 WEB 服务器的默认 Servlet 名称不是 default,则需要通过 default-servlet-name 属性显式指定

    -->
    <mvc:default-servlet-handler />

mvc:annotation-driven这个配置之后的笔记中将会讲到,这里简单说一下default-servlet-handler
上面的注释是我从我看的教学视频的demo中抄出来的,很清楚地解释了default-servlet-handler 的作用和原理。
我总结出来就是一句话:default-servlet-handler先对请求进行判断,如果请求路径能找到映射,就交给dispatcherServlet,不能的话就去找静态资源文件(js,css等)

如果按照上述方法配置之后,启动的时候报错,那么请检查你的xml文件最上方是否有xmlns:mvc="http://www.springframework.org/schema/mvc"
这里我将完整的配置文件贴出来

<?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"  
    xmlns:mvc="http://www.springframework.org/schema/mvc"
    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-4.0.xsd  
        http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc-4.0.xsd">  

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

    <bean class="org.springframework.web.servlet.view.InternalResourceViewResolver">  
        <property name="prefix" value="/WEB-INF/views/"></property>  
        <property name="suffix" value=".jsp"></property>  
    </bean>  

<!-- 配置 MultipartResolver -->
    <bean id="multipartResolver" 
        class="org.springframework.web.multipart.commons.CommonsMultipartResolver">
        <property name="defaultEncoding" value="UTF-8"/>
        <property name="maxUploadSize" value="1024000"/>
    </bean>

    <mvc:annotation-driven />
    <!--  
        default-servlet-handler 将在 SpringMVC 上下文中定义一个 DefaultServletHttpRequestHandler,
        它会对进入 DispatcherServlet 的请求进行筛查, 如果发现是没有经过映射的请求, 就将该请求交由 WEB 应用服务器默认的 
        Servlet 处理. 如果不是静态资源的请求,才由 DispatcherServlet 继续处理

        一般 WEB 应用服务器默认的 Servlet 的名称都是 default.
        若所使用的 WEB 服务器的默认 Servlet 名称不是 default,则需要通过 default-servlet-name 属性显式指定

    -->
    <mvc:default-servlet-handler />


</beans>  

CRUD之删除

DAO中加入delete方法

    /**
     * 删除一个学生
     * @param studentId---学生id
     */
    public void delete(Integer studentId){
        students.remove(studentId);
    }

控制层

    /**
     * 删除一个学生
     * @param studentId---学生ID
     * @return
     */
    @RequestMapping(value = "student/{studentId}",method=RequestMethod.DELETE)
    public String delete(@PathVariable("studentId")Integer studentId){
        studentDao.delete(studentId);
        return "redirect:/student";
    }

本段代码中涉及到PathVariable注解,详见springmvc学习笔记(3)——PathVariable

前端

  1. 在web下加入js
    这里写图片描述

    如果js等资源文件放到WEB-INF下,会访问不到,因此直接放在web目录下就好。

  2. 页面中加入以下内容

<script type="text/javascript" src="<c:url value="/js/jquery-1.8.2.min.js"/>"></script>
<script>
$(function(){
    //删除 的点击事件
    $('.delete').click(function(){
        //将 删除 链接的href赋值给form表单的action,然后提交表单
        $('form').attr("action",$('.delete').attr('href'));
        $('form').submit();
        return false;
    });
})

</script>

<form action="" method="post">
    <input type="hidden" name="_method" value="DELETE"/>
</form>
<td><a href="student/${stu.studentId}" class="delete">删除</a></td>

如果你看不懂以上的代码,说明你不会,或者忘了REST,请查看springmvc学习笔记(4)——REST

总结

  • 本次笔记中主要讲了两点,一是静态资源处理,为了能够让我们的页面正常的获取静态资源(js,css等),只要在springmvc配置文件中配置即可
  • CRUD的删除算是CRUD四个基本操作中最简单的一个,使用了REST风格,让URL看起来十分的优雅,但是个人认为这种优雅并没有实际上的意义,只是为了好看而已,除此之外,还给我们增加了些许的工作量。
  • 0
    点赞
  • 0
    评论
  • 1
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

相关推荐
&lt;p&gt; &lt;span style=&quot;font-size:14px;color:#337FE5;&quot;&gt;【为什么学爬虫?】&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;span style=&quot;font-size:14px;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;1、爬虫入手容易,但是深入较难,如何写出高效率的爬虫,如何写出灵活性高可扩展的爬虫都是一项技术活。另外在爬虫过程中,经常容易遇到被反爬虫,比如字体反爬、IP识别、验证码等,如何层层攻克难点拿到想要的数据,这门课程,你都能学到!&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;span style=&quot;font-size:14px;&quot;&gt;&nbsp; &nbsp; &nbsp; &nbsp;2、如果是作为一个其他行业的开发者,比如app开发,web开发,学习爬虫能让你加强对技术的认知,能够开发出更加安全的软件和网站&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;br /&gt; &lt;/p&gt; &lt;span style=&quot;font-size:14px;color:#337FE5;&quot;&gt;【课程设计】&lt;/span&gt; &lt;p class=&quot;ql-long-10663260&quot;&gt; &lt;span&gt; &lt;/span&gt; &lt;/p&gt; &lt;p class=&quot;ql-long-26664262&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 一个完整的爬虫程序,无论大小,总体来说可以分成三个步骤,分别是: &lt;/p&gt; &lt;ol&gt; &lt;li class=&quot;&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 网络请求:模拟浏览器的行为从网上抓取数据。 &lt;/li&gt; &lt;li class=&quot;&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 数据解析:将请求下来的数据进行过滤,提取我们想要的数据。 &lt;/li&gt; &lt;li class=&quot;&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 数据存储:将提取到的数据存储到硬盘或者内存中。比如用mysql数据库或者redis等。 &lt;/li&gt; &lt;/ol&gt; &lt;p class=&quot;ql-long-26664262&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 那么本课程也是按照这几个步骤循序渐进的进行讲解,带领学生完整的掌握每个步骤的技术。另外,因为爬虫的多样性,在爬取的过程中可能会发生被反爬、效率低下等。因此我们又增加了两个章节用来提高爬虫程序的灵活性,分别是: &lt;/p&gt; &lt;ol&gt; &lt;li class=&quot;&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 爬虫进阶:包括IP代理,多线程爬虫,图形验证码识别、JS加密解密、动态网页爬虫、字体反爬识别等。 &lt;/li&gt; &lt;li class=&quot;&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; Scrapy和分布式爬虫:Scrapy框架、Scrapy-redis组件、分布式爬虫等。 &lt;/li&gt; &lt;/ol&gt; &lt;p class=&quot;ql-long-26664262&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 通过爬虫进阶的知识点我们能应付大量的反爬网站,而Scrapy框架作为一个专业的爬虫框架,使用他可以快速提高我们编写爬虫程序的效率和速度。另外如果一台机器不能满足你的需求,我们可以用分布式爬虫让多台机器帮助你快速爬取数据。 &lt;/p&gt; &lt;p style=&quot;font-size:11pt;color:#494949;&quot;&gt; &nbsp; &lt;/p&gt; &lt;p class=&quot;ql-long-26664262&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; 从基础爬虫到商业化应用爬虫,本套课程满足您的所有需求! &lt;/p&gt; &lt;p class=&quot;ql-long-26664262&quot; style=&quot;font-size:11pt;color:#494949;&quot;&gt; &lt;br /&gt; &lt;/p&gt; &lt;p&gt; &lt;br /&gt; &lt;/p&gt; &lt;p&gt; &lt;span style=&quot;font-size:14px;background-color:#FFFFFF;color:#337FE5;&quot;&gt;【课程服务】&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;span style=&quot;font-size:14px;&quot;&gt;专属付费社群+定期答疑&lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;br /&gt; &lt;/p&gt; &lt;p class=&quot;ql-long-24357476&quot;&gt; &lt;span style=&quot;font-size:16px;&quot;&gt;&lt;br /&gt; &lt;/span&gt; &lt;/p&gt; &lt;p&gt; &lt;br /&gt; &lt;/p&gt; &lt;p class=&quot;ql-long-24357476&quot;&gt; &lt;span style=&quot;font-size:16px;&quot;&gt;&lt;/span&gt; &lt;/p&gt;
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值