SpringMVC實(shí)現(xiàn)一次簡單的CRUD示例

基本環(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ù)庫 字段名。

Spring MVC實(shí)現(xiàn)一次簡單的CRUD示例

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)求方式。

Spring MVC實(shí)現(xiàn)一次簡單的CRUD示例

(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ū)ο?，轉(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)一次簡單的CRUD示例
URL鏈接：http://bm7419.com/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)站立場，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)

成都定制網(wǎng)站網(wǎng)頁設(shè)計(jì)