基本環(huán)境搭建
創(chuàng)新互聯(lián)長期為成百上千客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為尼瀘西企業(yè)提供專業(yè)的成都網(wǎng)站建設(shè)、網(wǎng)站制作,尼瀘西網(wǎng)站改版等技術(shù)服務(wù)。擁有十年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
1、數(shù)據(jù)庫 和 實(shí)體類 的名字相同,實(shí)體類 屬性名即 數(shù)據(jù)庫 字段名。

2、創(chuàng)建 實(shí)體類 對(duì)應(yīng) dao 類,持久層框架 mybatis 正處于學(xué)習(xí)中,這里就用原始的 jdbc 操作了。
3、創(chuàng)建一個(gè) java 類,作為 Controller,處理請(qǐng)求。
4、CRUD 涉及到 顯示數(shù)據(jù)、修改、添加的頁面;刪除就不需要了,修改和添加使用同一個(gè)頁面。所以就有 index.jsp(一個(gè)超鏈接跳轉(zhuǎn)到 show.jsp)、show.jsp(顯示所有員工信息和操作鏈接)、input.jsp(用于修改和添加)。
具體實(shí)現(xiàn)
接下來就是 CRUD 的具體實(shí)現(xiàn)了,順序?yàn)?查詢顯示所有員工信息-->刪除-->添加-->修改。
在具體的實(shí)現(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;
//在后面的具體描述中,就只貼出 處理對(duì)應(yīng)請(qǐng)求的方法代碼了
}查詢
① 在 index.jsp 頁面中加入下面超鏈接,用于 獲取到所有員工集合,保存到 域?qū)ο?中,最后 轉(zhuǎn)發(fā)(內(nèi)部跳轉(zhuǎn)) 到 show.jsp 進(jìn)行顯示。
<a href="emps" rel="external nofollow" >員工信息</a>
② 該請(qǐng)求會(huì)交由 Controller 中的指定方法處理,下面就需要定義處理該請(qǐng)求的方法。
//獲取所有的員工信息
@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)入了一個(gè) jquery 文件,屬于靜態(tài)資源了
靜態(tài)資源不能被加載的處理:
在 SpringMVC 的配置文件中加入
<mvc:annotation-driven></mvc:annotation-driven>
<mvc:default-servlet-handler/>
詳細(xì)信息后面我也會(huì)具體說明
-->
<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>編號(hào)</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)行刪除,值得注意的是:這兩種刪除的方法對(duì)應(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 請(qǐng)求轉(zhuǎn)換為 DELETE請(qǐng)求 -->
<input type="hidden" value="DELETE" name="_method" />
</form>
<script type="text/javascript">
//將 get 請(qǐng)求轉(zhuǎn)換為 post 請(qǐng)求提交
function del(tag) {
//獲取當(dāng)前請(qǐng)求路徑
var href = tag.href;
//提交
$("form").attr("action", href).submit();
return false;
}
</script>
<a href="preadd">添加員工</a>
</body>
</html>到這里,整個(gè)查詢就結(jié)束了!
刪除
在上面的 show.jsp 頁面代碼中有兩種請(qǐng)求方式可以進(jìn)行刪除。
㈠ 使用 GET 請(qǐng)求進(jìn)行刪除
使用此請(qǐng)求方式的請(qǐng)求路徑大致為:127.0.0.1:8080/項(xiàng)目名/del/id。那么,后臺(tái) Controller 類中就要有一個(gè)對(duì)應(yīng)處理 /del/id 這樣請(qǐng)求的方法。
//根據(jù)員工編號(hào) 刪除員工
@RequestMapping(value="/del/{id}")
public String delemp(@PathVariable("id") Integer id) {
// row 受影響行數(shù),這里就不做成功與否的判斷了
int row = empDao.isDel(id);
//這里的請(qǐng)求路徑為 del/id 是二級(jí)目錄
//redirect:前綴表示重定向到 ../emps 路徑,就是前面查詢的路徑,默認(rèn)(不寫)是轉(zhuǎn)發(fā)。
//刪除后要重新獲取員工數(shù)據(jù),再轉(zhuǎn)發(fā)到 show.jsp 顯示,不能直接轉(zhuǎn)發(fā)到 show.jsp 頁面,因?yàn)椴]有數(shù)據(jù),所以需要先查詢,再轉(zhuǎn)發(fā)。
return "redirect:../emps";
}上面就是使用普通 GET 請(qǐng)求處理刪除請(qǐng)求。
㈡ 使用 DELETE 請(qǐng)求進(jìn)行刪除
我們知道,HiddenHttpMethodFilter 類可以將 POST 請(qǐng)求轉(zhuǎn)換為 我們指定的其他請(qǐng)求方式。在我的這篇文章主要講解了 HiddenHttpMethodFilter 類的處理過程。這里,由于在 show.jsp 頁面中的刪除超鏈接是一個(gè) GET 請(qǐng)求。所以,我們需要使用 js 將 GET 請(qǐng)求使用 POST 請(qǐng)求發(fā)送,并且轉(zhuǎn)換為 DELETE 請(qǐng)求。所以,在 show.jsp 頁面就有了一個(gè)表單 和 一個(gè)隱藏的 input 標(biāo)簽。
<form action="emp" method="POST">
<!-- 用于將 POST 請(qǐng)求轉(zhuǎn)換為 DELETE請(qǐng)求 -->
<input type="hidden" value="DELETE" name="_method" />
</form>
<script type="text/javascript">
//將 get 請(qǐng)求轉(zhuǎn)換為 post 請(qǐng)求提交
function del(tag) {
//獲取當(dāng)前請(qǐng)求路徑
var href = tag.href;
//提交
$("form").attr("action", href).submit();
return false;
}
</script>使用此請(qǐng)求方式的請(qǐng)求路徑大致為:127.0.0.1:8080/項(xiàng)目名/emp/id。那么,后臺(tái) Controller 類中就要有一個(gè)對(duì)應(yīng)處理 URL 為:/emp/id,請(qǐng)求方式為:DELETE 這樣的請(qǐng)求的方法。
//根據(jù)員工編號(hào) 刪除員工 使用 DELETE 請(qǐng)求,method屬性就指定了請(qǐng)求方式
@RequestMapping(value="/emp/{id}", method=RequestMethod.DELETE)
public String delemp(@PathVariable("id") Integer id) {
int row = empDao.isDel(id);
return "redirect:../emps";
}上面代碼中出現(xiàn)了一個(gè) RequestMethod,它是一個(gè) 枚舉類型,其中的值就是各種請(qǐng)求方式。

(RequestMethod)
以上就是兩種使用兩種方式進(jìn)行刪除的示例了!
添加
① 在 show.jsp 頁面最下面有下面這樣的一個(gè)超鏈接
<a href="preadd">添加員工</a>
該鏈接用于跳轉(zhuǎn)到 input.jsp 頁面,至于需要后臺(tái)進(jìn)行處理,是因?yàn)樾枰虞d出所有的部門,用于添加的時(shí)候選擇。
② 處理 preadd 請(qǐng)求,獲取部門列表
//加載添加頁面
@RequestMapping("/preadd")
public String preAdd(Map<String, Object> map) {
//獲取部門集合
map.put("departments", departDao.getdeparts());
//input.jsp 頁面需要一個(gè) 員工對(duì)象,但是添加沒有,所以給個(gè)空的,至于為什么需要,見文末
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對(duì)象有編號(hào)就是修改 --%>
<c:if test="${requestScope.employee.employeeId != null }">
編號(hào):<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 頁面代碼中可以看出,添加和修改使用了同一個(gè)提交路徑(/emp 添加和修改后臺(tái)需要的就只是一個(gè)對(duì)象而已),但是它們的請(qǐng)求方式是不同的。
添加操作并沒有做任何處理,就是一個(gè) POST 請(qǐng)求。
④ 添加員工
//添加 POST 請(qǐng)求就是添加
@RequestMapping(value="/emp", method=RequestMethod.POST)
public String isAdd(EmployeeInfo emp) {
int row = empDao.isAdd(emp);
return "redirect:/emps";
}小結(jié): 添加 和 修改使用同一頁面,那么就需要有標(biāo)識(shí)判斷 進(jìn)入當(dāng)前頁面(input.jsp) 的是什么操作,我們就可以根據(jù) 員工編號(hào) 作為判斷標(biāo)識(shí),如果該員工沒有編號(hào)(在 /preadd 請(qǐng)求處理方法中創(chuàng)建了一個(gè)空的員工對(duì)象放到了域?qū)ο笾?就是添加;如果有員工編號(hào)就是修改,則使用 _method 設(shè)置需要將 POST 請(qǐng)求轉(zhuǎn)換為 PUT 請(qǐng)求。
修改
① 在 show.jsp 頁面中每個(gè)員工后面都有一個(gè)修改鏈接,如下:
<a href="update/${emp.employeeId }">修改</a>② 后臺(tái)代碼處理 update/id 請(qǐng)求,獲取要修改的員工對(duì)象,放入域?qū)ο螅D(zhuǎn)發(fā)到 input.jsp 頁面顯示。
//加載修改頁面
@RequestMapping(value="/update/{id}", method=RequestMethod.GET)
public String preUpdate(@PathVariable("id") Integer id,
Map<String, Object> map) {
//根據(jù)編號(hào)獲取到要修改的員工對(duì)象
EmployeeInfo emp = empDao.getEmpById(id);
map.put("employee", emp);
//加載所有部門信息
map.put("departments", departDao.getdeparts());
return "../input";
}③ 在 input.jsp 頁面的 SpringMVC自帶的 form標(biāo)簽會(huì)將對(duì)應(yīng)的員工屬性信息顯示在對(duì)應(yīng)的文本框中
④ 修改操作就會(huì)有一個(gè)隱藏的 input 標(biāo)簽,如下:
<input type="hidden" value="PUT" name="_method" />
這樣,當(dāng)修改時(shí) POST 請(qǐng)求便會(huì)轉(zhuǎn)換為 PUT 請(qǐng)求。
⑤ Controller 類中,就定義方法處理請(qǐng)求URL為: /emp,請(qǐng)求方式為:PUT 的請(qǐng)求
//修改
@RequestMapping(value="/emp", method=RequestMethod.PUT)
public String isUpdate(EmployeeInfo emp) {
int row = empDao.isUpdate(emp);
return "redirect:/emps";
}以上就是本文的全部內(nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持創(chuàng)新互聯(lián)。
分享題目:SpringMVC實(shí)現(xiàn)一次簡(jiǎn)單的CRUD示例
URL鏈接:http://www.chinadenli.net/article38/gegopp.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供商城網(wǎng)站、企業(yè)網(wǎng)站制作、網(wǎng)站導(dǎo)航、電子商務(wù)、品牌網(wǎng)站建設(shè)、外貿(mào)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)