how2j.cn

相关下载
文件名 文件大小
ssm.rar 10m
使用站长秘制下载工具
步骤 1 : Restful 风格是什么   
步骤 2 : 先运行,看到效果,再学习   
步骤 3 : web.xml   
步骤 4 : listCategory.jsp   
步骤 5 : editCategory.jsp   
步骤 6 : CategoryController   

步骤 1 :

Restful 风格是什么

大家在做Web开发的过程中,method常用的值是get和post. 可事实上,method值还可以是put和delete等等其他值。
既然method值如此丰富,那么就可以考虑使用同一个url,但是约定不同的method来实施不同的业务,这就是Restful的基本考虑。
CRUD是最常见的操作,在使用Restful 风格之前,通常的增加做法是这样的:

/addCategory?name=xxx

可是使用了Restful风格之后,增加就变成了:

/categories

CRUD如下表所示,URL就都使用一样的 "/categories",区别只是在于method不同,服务器根据method的不同来判断浏览器期望做的业务行为
<style> *{ font-size:18px; } table.t2{ border-collapse:collapse; } td{ text-align:left; } </style> <table class="t2" border="1" width="100%"> <tr> <td ></td> <td colspan="2" >传统风格</td> <td colspan="2">Restful风格</td> </tr> <tr> <td ></td> <td width="380px" >url</td> <td >method</td> <td >url</td> <td >method</td> </tr> <tr> <td >增加</td> <td >/addCategory?name=xxx</td> <td >POST</td> <td >/categories</td> <td >POST</td> </tr> <tr> <td >删除</td> <td >/deleteCategory?id=123</td> <td >GET</td> <td >/categories/123</td> <td >DELETE</td> </tr> <tr> <td >修改</td> <td >/updateCategory?id=123&name=yyy</td> <td >POST</td> <td >/categories/123</td> <td >PUT</td> </tr> <tr> <td >获取</td> <td >/getCategory?id=123</td> <td >GET</td> <td >/categories/123</td> <td >GET</td> </tr> <tr> <td >查询</td> <td >/listCategory</td> <td >GET</td> <td >/categories</td> <td >GET</td> </tr> </table>


源代码
1. 双击选中单词 2. 三击选中整行 3. CTRL+F 查找 4. F8 全屏编辑,再次点击恢复
渲染中 渲染完成
效果
步骤 2 :

先运行,看到效果,再学习

右上角准备了一个可以运行的restful风格的crud,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
启动后,测试地址是:

http://127.0.0.1:8080/ssm/categories

注: 这个restful风格的curd,是在传统风格的crud的基础上修改了,所以最好先熟悉之后,再学习改知识点。
先运行,看到效果,再学习
步骤 3 :

web.xml

SpringMVC 只能处理post和get,为了还原对put和delete的处理,web.xml里面要加如下过滤器

<filter>
<filter-name>HiddenHttpMethodFilter</filter-name>
<filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class>
</filter>
<filter-mapping>
<filter-name>HiddenHttpMethodFilter</filter-name>
<url-pattern>/*</url-pattern>
</filter-mapping>
<?xml version="1.0" encoding="UTF-8"?> <web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xmlns:web="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" version="2.5"> <!-- spring的配置文件--> <context-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:applicationContext.xml</param-value> </context-param> <listener> <listener-class>org.springframework.web.context.ContextLoaderListener</listener-class> </listener> <filter> <filter-name>HiddenHttpMethodFilter</filter-name> <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter</filter-class> </filter> <filter-mapping> <filter-name>HiddenHttpMethodFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <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> </filter> <filter-mapping> <filter-name>CharacterEncodingFilter</filter-name> <url-pattern>/*</url-pattern> </filter-mapping> <!-- spring mvc核心:分发servlet --> <servlet> <servlet-name>mvc-dispatcher</servlet-name> <servlet-class>org.springframework.web.servlet.DispatcherServlet</servlet-class> <!-- spring mvc的配置文件 --> <init-param> <param-name>contextConfigLocation</param-name> <param-value>classpath:springMVC.xml</param-value> </init-param> <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping> <servlet-name>mvc-dispatcher</servlet-name> <url-pattern>/</url-pattern> </servlet-mapping> </web-app>
步骤 4 :

listCategory.jsp

listCategory.jsp 做了如下修改
1. 增加
action修改为"categories"
2. 删除
2.1 url修改为categories/id
2.2 点击超链后,会使用form提交,并且提交_method的值为delete, 这样在 springmvc得到后,就会以 method=delete 处理了。

$(function(){
$(".delete").click(function(){
var href=$(this).attr("href");
$("#formdelete").attr("action",href).submit();
return false;
})
})

3. 获取
3.1 url修改为了/categories/id

4. 在最开始增加了jquery.min.js的引入

<script type="text/javascript" src="js/jquery.min.js"></script>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript"> /*将post method 改变为delete*/ $(function(){ $(".delete").click(function(){ var href=$(this).attr("href"); $("#formdelete").attr("action",href).submit(); return false; }) }) </script> <div style="width:500px;margin:0px auto;text-align:center"> <table align='center' border='1' cellspacing='0'> <tr> <td>id</td> <td>name</td> <td>编辑</td> <td>删除</td> </tr> <c:forEach items="${cs}" var="c" varStatus="st"> <tr> <td>${c.id}</td> <td>${c.name}</td> <td><a href="categories/${c.id}">编辑</a></td> <td><a class="delete" href="categories/${c.id}">删除</a></td> </tr> </c:forEach> </table> <div style="text-align:center"> <a href="?start=0">首 页</a> <a href="?start=${page.start-page.count}">上一页</a> <a href="?start=${page.start+page.count}">下一页</a> <a href="?start=${page.last}">末 页</a> </div> <div style="text-align:center;margin-top:40px"> <form method="POST" action="categories"> 分类名称: <input name="name" value="" type="text"> <br><br> <input type="submit" value="增加分类"> </form> </div> </div> <form id="formdelete" action="" method="POST" > <input type="hidden" name="_method" value="DELETE"> </form>
步骤 5 :

editCategory.jsp

action修改为了 categories/id
注意:form 下增加 filed, 虽然这个form的method是post, 但是springmvc看到这个_method的值是put后,会把其修改为put.

<input type="hidden" name="_method" value="PUT">
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <div style="width:500px;margin:0px auto;text-align:center"> <div style="text-align:center;margin-top:40px"> <form method="post" action="../categories/${c.id}"> <input type="hidden" name="_method" value="PUT"> 分类名称: <input name="name" value="${c.name}" type="text"> <br><br> <input type="submit" value="修改分类"> </form> </div> </div>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*"%>
 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
 
 <div style="width:500px;margin:0px auto;text-align:center">
	<div style="text-align:center;margin-top:40px">
		<form method="post" action="../categories/${c.id}">
			<input type="hidden" name="_method" value="PUT">
			分类名称: <input name="name" value="${c.name}" type="text"> <br><br>
			<input type="submit" value="修改分类">
		</form>

	</div>	
 </div>
步骤 6 :

CategoryController

CRUD的RequestMapping都修改为了/categories,只是method各不相同。
其他的。。。没变化
package com.how2java.controller; import java.util.List; import org.springframework.beans.factory.annotation.Autowired; import org.springframework.stereotype.Controller; import org.springframework.web.bind.annotation.RequestMapping; import org.springframework.web.bind.annotation.RequestMethod; import org.springframework.web.servlet.ModelAndView; import com.how2java.pojo.Category; import com.how2java.service.CategoryService; import com.how2java.util.Page; // 告诉spring mvc这是一个控制器类 @Controller @RequestMapping("") public class CategoryController { @Autowired CategoryService categoryService; @RequestMapping(value="/categories",method=RequestMethod.GET) public ModelAndView listCategory(Page page){ ModelAndView mav = new ModelAndView(); List<Category> cs= categoryService.list(page); int total = categoryService.total(); page.caculateLast(total); // 放入转发参数 mav.addObject("cs", cs); // 放入jsp路径 mav.setViewName("listCategory"); return mav; } @RequestMapping(value="/categories",method=RequestMethod.POST) public ModelAndView addCategory(Category category){ System.out.println("category.getName():"+category.getName()); categoryService.add(category); ModelAndView mav = new ModelAndView("redirect:/categories"); return mav; } @RequestMapping(value="/categories/{id}",method=RequestMethod.DELETE) public ModelAndView deleteCategory(Category category){ categoryService.delete(category); ModelAndView mav = new ModelAndView("redirect:/categories"); return mav; } @RequestMapping(value="/categories/{id}",method=RequestMethod.GET) public ModelAndView editCategory(Category category){ Category c= categoryService.get(category.getId()); ModelAndView mav = new ModelAndView("editCategory"); mav.addObject("c", c); return mav; } @RequestMapping(value="/categories/{id}",method=RequestMethod.PUT) public ModelAndView updateCategory(Category category){ categoryService.update(category); ModelAndView mav = new ModelAndView("redirect:/categories"); return mav; } }


HOW2J公众号,关注后实时获知布最新的教程和优惠活动,谢谢。


问答区域    
2018-09-04 删除对应funciton返回值为什么是false
Faith123
如果改为true,点击删除后就,就会调到编辑的页面 false就是正常的,不懂为什么




1 个答案

十甫寸木南 答案时间:2018-09-08
1、如果b标签位于a标签内部,并且a标签和b标签都同时有点击事件响应,那么,在点击b标签后会触发b标签的事件响应,同时,因为b在a内,相当于也点击了a,再次触发a标签的事件响应;(这就是事件冒泡) 但是,在某些情况下,不需要这样依次触发时,我们就需要组织这种行为,只让b标签的事件响应触发,而不触发a标签的事件响应,所以,需要进行对事件冒泡进行阻止; 而阻止的相应代码则是: event.stopPropagation(); 这一句的event需要添加到function的形参列表中 2、如果A标签是一个a标签(链接),它有响应的跳转地址,而同时我们又希望为它添加点击事件响应,那么,在点击了这个标签后,它会响应点击事件,但是同时,因为它是a标签(链接),所以它会进行页面跳转;(这就是默认行为) 但是,有时候,我们不希望它跳转,这个a标签只是用来响应点击事件的,那么,我们就需要阻止认行为; 相应代码则是: event.preventDefault(); 同样需要在形参列表中加入event 3、如果需要同时阻止事件冒泡和默认行为,那么可以在函数的末尾直接 return false; 这句就相当于event.stopPropagation();和 event.preventDefault(); 的结合 4、而在我们这个项目中,删除行为的a标签,它有一个属性href,值为要跳转的目标地址,其实我们可以看到,在js代码中,这个href属性完全就只是用来充当一个变量用的,目的就是为了获得它的值,也就是目标地址,那么,我们完全可以不用这个href属性,用其他的,比如name属性,那么我们可以直接这么写:var href = $(this).attr("name"); ,同样可以取得目标地址,这时,因为这个a标签没有了href属性,没有了默认的链接地址,也就没有了默认行为,那么,吗我们就不用阻止它的默认行为了; 同时,我们这里,a标签并没有父标签有点击事件,那么,同样不存在事件冒泡; 那么,return false; 这句就完全可以去掉。 (当然,没有href属性的a标签是黑色的,没有默认的那么好看,也看不出来是个链接,但是,点击后,同样可以达到删除的目的)




答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2018-09-04 删除这个功能,提交表单时,给后台传值在哪看对应的具体值
Faith123



删除这个功能,在哪里可以看到他是怎么传值给后台,传给后台的值为什么是一个对象c,而不是c.id
<td><a class="delete" href="categories/${c.id}">删除</a></td>


<form id="formdelete" action="" method="POST" >
       <input type="hidden" name="_method" value="DELETE">
   </form>

							


2 个答案

Faith123 答案时间:2018-09-05
id是Category的属性,但是如果我不用@PathVariable绑定id,我在后台方法传id,就报错 如果我直接在后台方法传Category,就不报错。。按理说传值是c.id,怎么传Category也可以

timeline 答案时间:2018-09-04
都行。你用c.id接受也行。传给后台的值确实是c.id,但是接收的类型是Category,这个id应该是Category的属性吧




答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-09-04 删除那块对应的method="POST" 为什么不是method="delete"
2018-09-04 既然是删除
2018-04-15 新增有乱码 怎么解决呀??
2018-03-18 关于METHOD的问题
2018-03-01 关于listCategory.jsp
2018-01-28 这个好处是什么,平时用的多吗




提问之前请登陆
关于 JAVA 框架-SSM-restful 风格 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 902680467
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: http://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图