步骤 2 : 先运行,看到效果,再学习 步骤 3 : 模仿和排错 步骤 4 : 基于前面的知识点 步骤 5 : listCategory.jsp 步骤 6 : editCategory.jsp 步骤 7 : CategoryController
大家在做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>
老规矩,先下载右上角的可运行项目,配置运行起来,确认可用之后,再学习做了哪些步骤以达到这样的效果。
访问测试地址 http://127.0.0.1:8080/categories 注: 启动方式是Springboot特有的,直接运行类:com.how2java.springboot.Application 的主方法。
在确保可运行项目能够正确无误地运行之后,再严格照着教程的步骤,对代码模仿一遍。
模仿过程难免代码有出入,导致无法得到期望的运行结果,此时此刻通过比较正确答案 ( 可运行项目 ) 和自己的代码,来定位问题所在。 采用这种方式,学习有效果,排错有效率,可以较为明显地提升学习速度,跨过学习路上的各个槛。 推荐使用diffmerge软件,进行文件夹比较。把你自己做的项目文件夹,和我的可运行项目文件夹进行比较。 这个软件很牛逼的,可以知道文件夹里哪两个文件不对,并且很明显地标记出来 这里提供了绿色安装和使用教程:diffmerge 下载和使用教程
接下来我们就把 基于springboot jpa的crud和分页,修改为Restful风格
listCategory.jsp 做了如下修改 1. 增加 1.1 action修改为"categories" 2. 删除 2.1 url修改为categories/id 2.2 点击超链后,会使用form提交,并且提交_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"%>
<%@ 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 align="center">
</div>
<div style="width:500px;margin:20px 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="${page.content}" 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>
<br>
<div>
<a href="?start=0">[首 页]</a>
<a href="?start=${page.number-1}">[上一页]</a>
<a href="?start=${page.number+1}">[下一页]</a>
<a href="?start=${page.totalPages-1}">[末 页]</a>
</div>
<br>
<form action="categories" method="post">
name: <input name="name"> <br>
<button type="submit">提交</button>
</form>
<form id="formdelete" action="" method="POST" >
<input type="hidden" name="_method" value="DELETE">
</form>
</div>
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" isELIgnored="false"%>
<div style="margin:0px auto; width:500px">
<form action="../categories/${c.id}" method="post">
<input type="hidden" name="_method" value="PUT">
name: <input name="name" value="${c.name}"> <br>
<button type="submit">提交</button>
</form>
</div>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <div style="margin:0px auto; width:500px"> <form action="../categories/${c.id}" method="post"> <input type="hidden" name="_method" value="PUT"> name: <input name="name" value="${c.name}"> <br> <button type="submit">提交</button> </form> </div>
CRUD的RequestMapping都修改为了/categories,以前用的注解叫做@RequestMapper,现在分别叫做 GetMapper, PutMapper, PostMapper 和 DeleteMapper 用于表示接受对应的Method
package com.how2java.springboot.web;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.data.domain.Page;
import org.springframework.data.domain.PageRequest;
import org.springframework.data.domain.Pageable;
import org.springframework.data.domain.Sort;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.DeleteMapping;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.PutMapping;
import org.springframework.web.bind.annotation.RequestParam;
import com.how2java.springboot.dao.CategoryDAO;
import com.how2java.springboot.pojo.Category;
@Controller
public class CategoryController {
@Autowired CategoryDAO categoryDAO;
@GetMapping("/categories")
public String listCategory(Model m,@RequestParam(value = "start", defaultValue = "0") int start,@RequestParam(value = "size", defaultValue = "5") int size) throws Exception {
start = start<0?0:start;
Sort sort = new Sort(Sort.Direction.DESC, "id");
Pageable pageable = new PageRequest(start, size, sort);
Page<Category> page =categoryDAO.findAll(pageable);
m.addAttribute("page", page);
return "listCategory";
}
@PostMapping("/categories")
public String addCategory(Category c) throws Exception {
categoryDAO.save(c);
return "redirect:/categories";
}
@DeleteMapping("/categories/{id}")
public String deleteCategory(Category c) throws Exception {
categoryDAO.delete(c);
return "redirect:/categories";
}
@PutMapping("/categories/{id}")
public String updateCategory(Category c) throws Exception {
categoryDAO.save(c);
return "redirect:/categories";
}
@GetMapping("/categories/{id}")
public String getCategory(@PathVariable("id") int id,Model m) throws Exception {
Category c= categoryDAO.getOne(id);
m.addAttribute("c", c);
return "editCategory";
}
}
HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。
问答区域
2021-11-22
【解决】【SpringBoot 2+ IDEA + JSP】删除跳编辑,本地JS无法加载
回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
2020-11-09
启动报错,提示错误 找不到id信息
2020-10-09
进入编辑页面,提交按钮后,出现异常 error (type=Method Not Allowed, status=405). JSPs only permit GET POST or HEAD
2020-10-09
Request method 'PUT' not supported
2020-08-09
删除跳转编辑
提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 23 条以前的提问,请 点击查看
提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
|