how2j.cn

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

步骤 1 :

Restful 风格是什么

edit
大家在做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 :

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

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

http://127.0.0.1:8080/ssm/categories

注: 这个restful风格的curd,是在传统风格的crud的基础上修改了,所以最好先熟悉之后,再学习该知识点。
先运行,看到效果,再学习
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>
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>
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

edit
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公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2021-06-29 点击删除链接后,报405错误的看过来
苦练技术




点击删除链接后,报405错误的看过来。 重点在于jquery.min.js这个文件。 站长写的路径是:<script type="text/javascript" src="js/jquery.min.js"></script> 这意味着,你的js文件要放在webapp/js/目录下, 如果你放在了webapp/WEB-INF/js/目录下,这个js文件就不会被调用。 也就意味着请求方式不能转换成DELETE,导致405报错
加载中
<script type="text/javascript" src="js/jquery.min.js"></script>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2020-11-24 额,排个坑,用IDEA的
打工人




不知道为什么站长在jquery.min.js文件前面加了个js路径,IDEA找不到文件,因为站长的jquery.min.js文件也是放在web下的,没有放在js文件夹里,我用浏览器的F12才发现的,删掉js/就可以找到文件了,不然删除操作会一直跳到ecitCategory界面,而不是删除操作。
<script type="text/javascript" src="js/jquery.min.js"></script>

							





回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2020-10-30 edit,delete,update三个不成功,delete&edit提交过后会跳到edit页面,但是提交之后报错;add,list可以访问;
2020-09-23 有人遇到中文乱码的问题吗?
2019-11-05 GraphQL


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 8 条以前的提问,请 点击查看

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 JAVA 框架-SSM-restful 风格 的提问

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

上传截图