荐 使用SpringMVC做一个CRUD(Restful风格)
程序员文章站
2022-08-07 15:27:18
文章目录一、环境搭建分析1.导入相关jar包。2.bean与dao3.使用REST风格二、REST-CRUD相关操作1.REST-CRUD_员工查询2.REST-CRUD_员工添加3.REST-CRUD_员工修改4.REST-CRUD_员工删除CRUD即增删改查(Create、Retrieve、Update、Delete),使用SpringMVC做一个CRUD可以很好的检测SpringMVC......
文章目录
CRUD即增删改查(Create、Retrieve、Update、Delete)
,使用SpringMVC做一个CRUD可以很好的检测SpringMVC学习的如何。
一、环境搭建分析
1.导入相关jar包。
2.bean与dao
bean:Department(部门)
- 部门类定义
部门编号(id)
、部门名称(departmentName)
。
public class Department {
private Integer id;
private String departmentName;
//省略set与get方法
}
bean:Employee(雇员)
- 员工类定义
员工编号(id)
、员工姓名(lastName)
、邮件(email)
、性别(gender)
、员工的部门(department)
。
public class Employee {
private Integer id;
private String lastName;
private String email;
private Integer gender;// 1 male, 0 female
private Department department;
//省略set与get方法
}
DepartmentDao
- 部门dao层定义的两个方法:
①获得部门Collection
、②根据id获取部门信息getDepartment
。
/**
* 操作部门dao
*
*/
@Repository
public class DepartmentDao {
private static Map<Integer, Department> departments = null;
static {
departments = new HashMap<Integer, Department>();
departments.put(101, new Department(101, "D-AA"));
departments.put(102, new Department(102, "D-BB"));
departments.put(103, new Department(103, "D-CC"));
departments.put(104, new Department(104, "D-DD"));
departments.put(105, new Department(105, "D-EE"));
}
/**
* 返回所有的部门
*
* @return
*/
public Collection<Department> getDepartments() {
return departments.values();
}
/**
* 按照部门id查询部门
*
* @param id
* @return
*/
public Department getDepartment(Integer id) {
return departments.get(id);
}
}
EmployeeDao
- 员工dao定义了的方法:
保存/更新员工(save)
、查询员工(getAll)
、根据id查询员工(get)
、删除员工(delete)
。
/**
* 操作雇员dao
*/
@Repository
public class EmployeeDao {
private static Map<Integer, Employee> employees = null;
@Autowired
private DepartmentDao departmentDao;
static {
employees = new HashMap<Integer, Employee>();
employees.put(1001, new Employee(1001, "E-AA", "aa@163.com", 1, new Department(101, "D-AA")));
employees.put(1002, new Employee(1002, "E-BB", "bb@163.com", 1, new Department(102, "D-BB")));
employees.put(1003, new Employee(1003, "E-CC", "cc@163.com", 0, new Department(103, "D-CC")));
employees.put(1004, new Employee(1004, "E-DD", "dd@163.com", 0, new Department(104, "D-DD")));
employees.put(1005, new Employee(1005, "E-EE", "ee@163.com", 1, new Department(105, "D-EE")));
}
// 初始id
private static Integer initId = 1006;
/**
* 员工保存/更新二合一方法;
*
* @param employee
*/
public void save(Employee employee) {
if (employee.getId() == null) {
employee.setId(initId++);
}
// 根据部门id单独查出部门信息设置到员工对象中,页面提交的只需要提交部门的id
employee.setDepartment(departmentDao.getDepartment(employee.getDepartment().getId()));
employees.put(employee.getId(), employee);
}
/**
* 查询所有员工
*
* @return
*/
public Collection<Employee> getAll() {
return employees.values();
}
/**
* 按照id查询某个员工
*
* @param id
* @return
*/
public Employee get(Integer id) {
return employees.get(id);
}
/**
* 删除某个员工
*
* @param id
*/
public void delete(Integer id) {
employees.remove(id);
}
}
3.使用REST风格
支持REST风格要在web.xml中导入HiddenHttpMethodFilter的filter。
<!-- 支持REST -->
<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>
URL | 请求 | 说明 |
---|---|---|
/emp/1 | GET | 查询id为1的员工 |
/emp/1 | PUT | 更新id为1的员工 |
/emp/1 | DELETE | 删除id为1的员工 |
/emps | GET | 查询所有的员工 |
二、REST-CRUD相关操作
1.REST-CRUD_员工查询
员工查询Retrieve的步骤:
- ①访问
index.jsp
直接发送/emps请求到handler处理器
。 - ②
handler处理器
查询所有员工并将信息存入请求域中,然后转发到list.jsp界面
。
index.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!-- 访问index.jsp项目就发送emps请求 -->
<jsp:forward page="/emps"></jsp:forward>
handler处理器
@RequestMapping("/emps")
public String getEmps(Model model) {
Collection<Employee> all = employDao.getAll();
model.addAttribute("emps", all);
return "list";
}
list.jsp界面
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>员工列表</title>
</head>
<body>
<%
pageContext.setAttribute("ctp", request.getContextPath());
%>
<h1>员工列表</h1>
<script type="text/javascript" src="${ctp }/jQuery/jQuery-3.4.1.js"></script>
<table border="1" cellpadding="5" cellspacing="0">
<tr>
<th>ID</th>
<th>LastName</th>
<th>Email</th>
<th>Gender</th>
<th>DepartmentName</th>
<th>EDIT</th>
<th>DELETE</th>
</tr>
<c:forEach items="${emps }" var="emp">
<tr>
<td>${emp.id }</td>
<td>${emp.lastName }</td>
<td>${emp.email }</td>
<td>${emp.gender==0?"女":"男" }</td>
<td>${emp.department.departmentName }</td>
<td><a href="${ctp }/emp/${emp.id}">EDIT</a></td>
<td><a href="${ctp }/emp/${emp.id}" class="delBtn">DELETE</a></td>
</tr>
</c:forEach>
</table>
<form id="deleteForm" action="${ctp }/emp/${emp.id}" method="POST">
<input type="hidden" name="_method" value="DELETE" />
</form>
<script type="text/javascript">
$(function() {
$(".delBtn").click(function() {
//1.改变表单的action指向
$("#deleteForm").attr("action", this.href);
//2.提交表单
$("#deleteForm").submit();
return false;
});
});
</script>
<a href="${ctp }/toaddpage">添加员工</a>
</body>
</html>
2.REST-CRUD_员工添加
员工添加的思路:
- ①
list.jsp页面
点击员工添加按钮,发送/toaddpage请求到handler处理器
。 - ②
handler处理器
查询所有部门并将信息存入请求域中,然后转发到add.jsp界面
。 - ③
add.jsp界面
输入信息,点击提交发送emp请求到handler处理器
。 - ④
handler处理器
中调用save方法保存后重定向到/emps请求,emps请求访问list.jsp页面
。
handler处理器
@RequestMapping("/toaddpage")
public String tpAddPage(Model Model) {
// 1.先查出所有部门
Collection<Department> departments = departmentDao.getDepartments();
// 2.放入请求域中
Model.addAttribute("depts", departments);
Model.addAttribute("employee", new Employee());
// 3.去添加页面
return "add";
}
//保存请求
@RequestMapping(value = "/emp", method = RequestMethod.POST)
public String addEmp(Employee employee) {
System.out.println("要添加的员工" + employee);
employDao.save(employee);
// 返回列表页面,直接重定向到emps请求
return "redirect:/emps";
}
add.jsp添加页面
写法1:原生的form表单
<h1>员工添加</h1>
<form action="">
lastName:<input type="text" name="lastName"/><br/>
email:<input type="text" name="email"/><br/>
gender:<br/>
男:<input type="radio" name="gender" value="1"/><br/>
女:<input type="radio" name="gender" value="0"/><br/>
dept:
<select name="department.id">
<c:forEach items="${depts }" var="deptItem">
<!-- 标签体中的是在页面的提示选项信息,value才是真正提交的值 -->
<option value="${deptItem.id }">${deptItem.departmentName }</option>
</c:forEach>
</select>
<input type="submit" value="提交"/> </input>
</form>
写法2:使用SpringMVC提供的表单标签
- 通过SpringMVC的表单标签,可以实现将模型数据中的属性和HTML表单元素相绑定,以实现表单数据更便捷编辑和表单值的回显。
- SpringMVC认为,表单数据的每一项最终都是要回显的。
1、path指定的是一个属性,这个属性是从隐含模型(请求域中取出的某个对象中的属性)。
2、path指定的每一个属性,请求域中必须有一个对象(command),拥有这个属性。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>员工添加</title>
</head>
<body>
<h1>员工添加</h1>
<!--
modelAttribute="" :
1.之前表单标签会从请求域中获取一个command对象:把这个对象中的每一个属性对应的显示出来
2.可以告诉SpringMVC不要去取command的值了使用,modelAttribute指定的值.
-->
<%
pageContext.setAttribute("ctp",request.getContextPath());
%>
<form:form action="${ctp }/emp" modelAttribute="employee" method="POST">
lastName:<form:input path="lastName" />
<br />
email:<form:input path="email" />
<br />
gender:<br />
男:<form:radiobutton path="gender" value="1" />
<br />
女:<form:radiobutton path="gender" value="0" />
<br />
dept:
<!--
items="" :指定要遍历的集合,自动遍历,遍历出的每一个元素是一个department对象
itemLabel="属性名" :指定遍历出的这个对象的哪个属性是作为option标签.
itemValue="属性名" :指定遍历出来的哪个属性作为要提交的value值.
-->
<form:select path="department.id"
items="${depts }"
itemLabel="departmentName"
itemValue="id"></form:select>
<input type="submit" value="提交" />
</form:form>
</body>
</html>
3.REST-CRUD_员工修改
员工修改的思路:
- ①
list.jsp页面
点击EDIT按钮,发送/emp/{id} GET请求到handler处理器
。 - ②
handler处理器
中查出员工和部门信息并存入隐含模型后,回显到edit.jsp
页面。 - ③
edit.jsp页面
编辑并点击提交按钮发送/emp/{id} PUT请求到handler处理器
。 - ④
handler处理器
中调用save方法后,重定向到/emps请求,进而显示list.jsp页面
。
handler处理器
@RequestMapping(value = "/emp/{id}", method = RequestMethod.GET)
public String getEmp(@PathVariable("id") Integer id, Model Model) {
// 1.查出员工信息
Employee employee = employDao.get(id);
// 2.查出部门信息
Collection<Department> departments = departmentDao.getDepartments();
// 放入隐含模型中
Model.addAttribute("employee", employee);
Model.addAttribute("depts", departments);
return "edit";
}
@RequestMapping(value = "/emp/{id}", method = RequestMethod.PUT)
public String updateEmp(@ModelAttribute("employee") Employee employee) {
System.out.println("要修改的员工:" + employee);
employDao.save(employee);// map的特性:有就覆盖,没有就新增
return "redirect:/emps";
}
//每次访问handler都会最先运行
@ModelAttribute
public void myModelAttribute(@RequestParam(value = "id", required = false) Integer id, Model model) {
if (id != null) {
Employee employee = employDao.get(id);
model.addAttribute("employee", employee);
}
}
edit.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<%
pageContext.setAttribute("ctp", request.getContextPath());
%>
</head>
<body>
<h1>员工修改页面</h1>
<form:form action="${ctp }/emp/${employee.id }" modelAttribute="employee" method="POST">
<input type="hidden" name="_method" value="PUT" />
<input type="hidden" name="id" value="${employee.id }" />
email:<form:input path="email" />
<br />
gender:
男:<form:radiobutton path="gender" value="1" />
女:<form:radiobutton path="gender" value="0" />
<br />
dept:
<!-- 展示departmentName,提交itemValue -->
<form:select path="department.id" items="${depts }"
itemLabel="departmentName" itemValue="id"></form:select>
<br />
<input type="submit" value="修改">
</form:form>
</body>
</html>
4.REST-CRUD_员工删除
员工删除的思路:
- ①
list.jsp页面
点击DELETE删除按钮,发送/emp/{id} DELETE请求到handler处理器
。 - ②
handler处理器
中调用delete方法后重定向到/emps请求,进而显示list.jsp页面
。
list.jsp页面
@RequestMapping(value = "/emp/{id}", method = RequestMethod.DELETE)
public String deleteEmp(@PathVariable("id") Integer id) {
employDao.delete(id);
return "redirect:/emps";
}
在使用删除时额外引入了jQuery文件,由于jQuery是静态文件,而前端控制器默认拦截除了jsp以外的所有资源 ,所以还需在SpringMVC的配置中添加如下组件:
<mvc:default-servlet-handler/>
<!-- 保证SpringMVC动态请求运行 -->
<mvc:annotation-driven></mvc:annotation-driven>
至此,SpringMVC的CRUD全部完成。
本文地址:https://blog.csdn.net/weixin_43691058/article/details/105443722