Spring MVC實現(xiàn)一次簡單的CRUD示例
基本環(huán)境搭建
1、數(shù)據(jù)庫 和 實體類 的名字相同，實體類 屬性名即 數(shù)據(jù)庫 字段名。
2、創(chuàng)建 實體類 對應(yīng) dao 類，持久層框架 mybatis 正處于學(xué)習(xí)中，這里就用原始的 jdbc 操作了。
3、創(chuàng)建一個 java 類，作為 Controller，處理請求。
4、CRUD 涉及到 顯示數(shù)據(jù)、修改、添加的頁面；刪除就不需要了，修改和添加使用同一個頁面。所以就有 index.jsp(一個超鏈接跳轉(zhuǎn)到 show.jsp)、show.jsp(顯示所有員工信息和操作鏈接)、input.jsp(用于修改和添加)。
具體實現(xiàn)
接下來就是 CRUD 的具體實現(xiàn)了，順序為 查詢顯示所有員工信息-->刪除-->添加-->修改。
在具體的實現(xiàn)前，需要了解一下 Controller 類的大致結(jié)構(gòu)：
package com.taohan.controller;
//import *;
@Controller
@SuppressWarnings("all")
public class CURD {
@Autowired
private DepartmentInfoDao departDao;
@Autowired
private EmployeeInfoDao empDao;
//在后面的具體描述中，就只貼出 處理對應(yīng)請求的方法代碼了
}
查詢
① 在 index.jsp 頁面中加入下面超鏈接，用于 獲取到所有員工集合，保存到 域?qū)ο?中，最后 轉(zhuǎn)發(fā)(內(nèi)部跳轉(zhuǎn)) 到 show.jsp 進(jìn)行顯示。
<a href="emps" rel="external nofollow" >員工信息</a>
② 該請求會交由 Controller 中的指定方法處理，下面就需要定義處理該請求的方法。
//獲取所有的員工信息
@RequestMapping("/emps")
public String getemps(Map<String, Object> map) {
//獲取員工集合，存入 map 集合中
map.put("emps", empDao.getEmployees());
return "show";
}
③ 現(xiàn)在已經(jīng)獲取到了員工集合了，接下來就是編寫 show.jsp 頁面了。
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>員工信息</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
<!--
這里導(dǎo)入了一個 jquery 文件，屬于靜態(tài)資源了
靜態(tài)資源不能被加載的處理：
在 SpringMVC 的配置文件中加入
<mvc:annotation-driven></mvc:annotation-driven>
<mvc:default-servlet-handler/>
詳細(xì)信息后面我也會具體說明
-->
<script type="text/javascript" src="${pageContext.request.contextPath }/js/jquery.js"></script>
</head>
<body>
<table border="1" cellpadding="3" cellspacing="0">
<caption>員工信息</caption>
<tr>
<th>編號</th>
<th>姓名</th>
<th>性別</th>
<th>年齡</th>
<th>地址</th>
<th>部門</th>
<th>操作</th>
</tr>
<c:choose>
<c:when test="${not empty requestScope.emps }">
<c:forEach items="${requestScope.emps }" var="emp">
<tr>
<td>${emp.employeeId }</td>
<td>${emp.employeeName }</td>
<td>
<c:if test="${emp.employeeSex == 1 }">男</c:if>
<c:if test="${emp.employeeSex == 0 }">女</c:if>
</td>
<td>${emp.employeeAge }</td>
<td>${emp.employeeAddr }</td>
<td>${emp.depart.departName }</td>
<td>
<!--
這里可以有兩種方式進(jìn)行刪除，值得注意的是：這兩種刪除的方法對應(yīng)的 URL 是有區(qū)別的。
但是，本文主要就是使用 REST 風(fēng)格的 URL 進(jìn)行操作，所以，還是使用第二種方法吧。
-->
<!-- <a href="${pageContext.request.contextPath }/del/${emp.employeeId }">刪除</a> -->
<a onclick="return del(this)" href="${pageContext.request.contextPath }/emp/${emp.employeeId }">刪除</a>
<a href="update/${emp.employeeId }">修改</a>
</td>
</tr>
</c:forEach>
</c:when>
</c:choose>
</table>
<form action="emp" method="POST">
<!-- 用于將 POST 請求轉(zhuǎn)換為 DELETE請求 -->
<input type="hidden" value="DELETE" name="_method" />
</form>
<script type="text/javascript">
//將 get 請求轉(zhuǎn)換為 post 請求提交
function del(tag) {
//獲取當(dāng)前請求路徑
var href = tag.href;
//提交
$("form").attr("action", href).submit();
return false;
}
</script>
<a href="preadd">添加員工</a>
</body>
</html>
到這里，整個查詢就結(jié)束了！
刪除
在上面的 show.jsp 頁面代碼中有兩種請求方式可以進(jìn)行刪除。
㈠ 使用 GET 請求進(jìn)行刪除
使用此請求方式的請求路徑大致為：127.0.0.1:8080/項目名/del/id。那么，后臺 Controller 類中就要有一個對應(yīng)處理 /del/id 這樣請求的方法。
//根據(jù)員工編號 刪除員工
@RequestMapping(value="/del/{id}")
public String delemp(@PathVariable("id") Integer id) {
// row 受影響行數(shù)，這里就不做成功與否的判斷了
int row = empDao.isDel(id);
//這里的請求路徑為 del/id 是二級目錄
//redirect:前綴表示重定向到 ../emps 路徑，就是前面查詢的路徑，默認(rèn)(不寫)是轉(zhuǎn)發(fā)。
//刪除后要重新獲取員工數(shù)據(jù)，再轉(zhuǎn)發(fā)到 show.jsp 顯示，不能直接轉(zhuǎn)發(fā)到 show.jsp 頁面，因為并沒有數(shù)據(jù)，所以需要先查詢，再轉(zhuǎn)發(fā)。
return "redirect:../emps";
}
上面就是使用普通 GET 請求處理刪除請求。
㈡ 使用 DELETE 請求進(jìn)行刪除
我們知道，HiddenHttpMethodFilter 類可以將 POST 請求轉(zhuǎn)換為 我們指定的其他請求方式。在我的這篇文章主要講解了 HiddenHttpMethodFilter 類的處理過程。這里，由于在 show.jsp 頁面中的刪除超鏈接是一個 GET 請求。所以，我們需要使用 js 將 GET 請求使用 POST 請求發(fā)送，并且轉(zhuǎn)換為 DELETE 請求。所以，在 show.jsp 頁面就有了一個表單 和 一個隱藏的 input 標(biāo)簽。
<form action="emp" method="POST">
<!-- 用于將 POST 請求轉(zhuǎn)換為 DELETE請求 -->
<input type="hidden" value="DELETE" name="_method" />
</form>
<script type="text/javascript">
//將 get 請求轉(zhuǎn)換為 post 請求提交
function del(tag) {
//獲取當(dāng)前請求路徑
var href = tag.href;
//提交
$("form").attr("action", href).submit();
return false;
}
</script>
使用此請求方式的請求路徑大致為：127.0.0.1:8080/項目名/emp/id。那么，后臺 Controller 類中就要有一個對應(yīng)處理 URL 為：/emp/id，請求方式為：DELETE 這樣的請求的方法。
//根據(jù)員工編號 刪除員工 使用 DELETE 請求，method屬性就指定了請求方式
@RequestMapping(value="/emp/{id}", method=RequestMethod.DELETE)
public String delemp(@PathVariable("id") Integer id) {
int row = empDao.isDel(id);
return "redirect:../emps";
}
上面代碼中出現(xiàn)了一個 RequestMethod，它是一個 枚舉類型，其中的值就是各種請求方式。
(RequestMethod)
以上就是兩種使用兩種方式進(jìn)行刪除的示例了！
添加
① 在 show.jsp 頁面最下面有下面這樣的一個超鏈接
<a href="preadd">添加員工</a>
該鏈接用于跳轉(zhuǎn)到 input.jsp 頁面，至于需要后臺進(jìn)行處理，是因為需要加載出所有的部門，用于添加的時候選擇。
② 處理 preadd 請求，獲取部門列表
//加載添加頁面
@RequestMapping("/preadd")
public String preAdd(Map<String, Object> map) {
//獲取部門集合
map.put("departments", departDao.getdeparts());
//input.jsp 頁面需要一個 員工對象，但是添加沒有，所以給個空的，至于為什么需要，見文末
map.put("employee", new EmployeeInfo());
return "input";
}
③ input.jsp 頁面，添加和修改公用該頁面
<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form" %>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">
<title>添加/修改頁面示例</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
</head>
<body>
<form:form action="emp" method="POST" modelAttribute="employee">
<%-- employee對象有編號就是修改 --%>
<c:if test="${requestScope.employee.employeeId != null }">
編號：<form:input path="employeeId" readonly="true"/><br /><br />
<input type="hidden" value="PUT" name="_method" />
</c:if>
姓名：<form:input path="employeeName" />
<br /><br />
性別：<form:radiobutton path="employeeSex" value="1" label="男" />
<form:radiobutton path="employeeSex" value="0" label="女" />
<br /><br />
年齡：<form:input path="employeeAge"/>
<br /><br />
地址：<form:input path="employeeAddr"/>
<br /><br />
部門：<form:select path="depart.departId" items="${requestScope.departments }"
itemLabel="departName" itemValue="departId"></form:select>
<br /><br />
<input type="submit" value="提交" />
</form:form>
</body>
</html>
input.jsp 頁面代碼
從 input.jsp 頁面代碼中可以看出，添加和修改使用了同一個提交路徑(/emp 添加和修改后臺需要的就只是一個對象而已)，但是它們的請求方式是不同的。
添加操作并沒有做任何處理，就是一個 POST 請求。
④ 添加員工
//添加 POST 請求就是添加
@RequestMapping(value="/emp", method=RequestMethod.POST)
public String isAdd(EmployeeInfo emp) {
int row = empDao.isAdd(emp);
return "redirect:/emps";
}
小結(jié)： 添加 和 修改使用同一頁面，那么就需要有標(biāo)識判斷 進(jìn)入當(dāng)前頁面(input.jsp) 的是什么操作，我們就可以根據(jù) 員工編號 作為判斷標(biāo)識，如果該員工沒有編號(在 /preadd 請求處理方法中創(chuàng)建了一個空的員工對象放到了域?qū)ο笾?就是添加；如果有員工編號就是修改，則使用 _method 設(shè)置需要將 POST 請求轉(zhuǎn)換為 PUT 請求。
修改
① 在 show.jsp 頁面中每個員工后面都有一個修改鏈接，如下：
<a href="update/${emp.employeeId }">修改</a>
② 后臺代碼處理 update/id 請求，獲取要修改的員工對象，放入域?qū)ο?，轉(zhuǎn)發(fā)到 input.jsp 頁面顯示。
//加載修改頁面
@RequestMapping(value="/update/{id}", method=RequestMethod.GET)
public String preUpdate(@PathVariable("id") Integer id,
Map<String, Object> map) {
//根據(jù)編號獲取到要修改的員工對象
EmployeeInfo emp = empDao.getEmpById(id);
map.put("employee", emp);
//加載所有部門信息
map.put("departments", departDao.getdeparts());
return "../input";
}
③ 在 input.jsp 頁面的 SpringMVC自帶的 form標(biāo)簽會將對應(yīng)的員工屬性信息顯示在對應(yīng)的文本框中
④ 修改操作就會有一個隱藏的 input 標(biāo)簽，如下：
<input type="hidden" value="PUT" name="_method" />
這樣，當(dāng)修改時 POST 請求便會轉(zhuǎn)換為 PUT 請求。
⑤ Controller 類中，就定義方法處理請求URL為： /emp，請求方式為：PUT 的請求
//修改
@RequestMapping(value="/emp", method=RequestMethod.PUT)
public String isUpdate(EmployeeInfo emp) {
int row = empDao.isUpdate(emp);
return "redirect:/emps";
}
以上就是本文的全部內(nèi)容，希望對大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
java中List、Array、Map、Set等集合相互轉(zhuǎn)換
這篇文章主要介紹了java中List、Array、Map、Set等集合相互轉(zhuǎn)換的相關(guān)資料,需要的朋友可以參考下2017-05-05
elasticsearch元數(shù)據(jù)構(gòu)建metadata及routing類源碼分析
這篇文章主要為大家介紹了elasticsearch元數(shù)據(jù)構(gòu)建metadata?routing類內(nèi)部源碼分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-04-04
IDEA SpringBoot項目配置熱更新的步驟詳解(無需每次手動重啟服務(wù)器)
這篇文章主要介紹了IDEA SpringBoot項目配置熱更新的步驟，無需每次手動重啟服務(wù)器,本文通過圖文實例代碼相結(jié)合給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-04-04
Hibernate中Session.get()方法和load()方法的詳細(xì)比較
今天小編就為大家分享一篇關(guān)于Hibernate中Session.get()方法和load()方法的詳細(xì)比較，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-03-03
這篇文章主要介紹了Java線程創(chuàng)建的四種方式，本文給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值，需要的朋友可以參考下2021-09-09
java并發(fā)數(shù)據(jù)包Exchanger線程間的數(shù)據(jù)交換器
這篇文章主要為大家介紹了java并發(fā)數(shù)據(jù)包使用數(shù)據(jù)交換器Exchanger來進(jìn)行線程之間的數(shù)據(jù)交換。有需要的朋友可以借鑒參考下，希望能夠有所幫助2022-03-03
IDEA創(chuàng)建Servlet編寫HelloWorldServlet頁面詳細(xì)教程(圖文并茂)
在學(xué)習(xí)servlet過程中參考的教程是用eclipse完成的,而我在練習(xí)的過程中是使用IDEA的,在創(chuàng)建servlet程序時遇到了挺多困難,在此記錄一下,這篇文章主要給大家介紹了關(guān)于IDEA創(chuàng)建Servlet編寫HelloWorldServlet頁面詳細(xì)教程的相關(guān)資料,需要的朋友可以參考下2023-10-10
Java中字符串與byte數(shù)組之間的相互轉(zhuǎn)換
Java語言中字符串類型和字節(jié)數(shù)組類型相互之間的轉(zhuǎn)換經(jīng)常發(fā)生，網(wǎng)上的分析及代碼也比較多，這篇文章將主要介紹Java中字符串與byte數(shù)組之間的相互轉(zhuǎn)換，有需要的朋友們可以參考借鑒，下面來一起看看吧。2016-10-10
本文主要介紹了Jenkins+Git+Maven自動化部署配置詳解，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2023-01-01
Java線程池的幾種實現(xiàn)方法和區(qū)別介紹實例詳解
本篇文章主要介紹了Java線程池的幾種實現(xiàn)方法和區(qū)別，需要的朋友可以參考2017-04-04