1 前言
在史上最简单的 Spring MVC 教程(六)中,咱们已经实现了“人员列表”的添加功能,接下来,在本篇博文中,咱们继续实现“人员列表”中人员信息的修改功能。
2 注解示例 - 修改
首先,给出项目结构图:
项目结构图
第一步:在 Service 层(PersonService)中新建更新和获得实体的方法
package spring.mvc.service;
import org.springframework.stereotype.Service;
import spring.mvc.domain.Person;
import java.util.ArrayList;
import java.util.HashMap;
import java.util.List;
import java.util.Map;
/** * Created by 维C果糖 on 2017/1/26\. */
@Service
public class PersonService { // 模拟内存数据库,准备数据
// 声明一个容器
private static Map<Integer, Person> map = new HashMap<Integer, Person>();
// 初始化 id
private static Integer id = 0;
// 利用静态块初始化数据
static {
for (int i = 0; i < 10; i++) {
Person p = new Person();
p.setId(id++);
p.setName("Charie" + i);
p.setAge(10 + i);
map.put(i, p);
}
}
// 获取人员列表
public List<Person> findAll() {
// 将 map 对象转换为 list 结合
return new ArrayList(map.values());
}
// 获得一个 Person 对象
public Person get(Integer id) {
return map.get(id);
}
// 新增人员信息
public void insert(Person p) {
id++;
p.setId(id);
map.put(id, p);
}
// 修改人员信息
public void update(Person p) {
map.put(p.getId(), p);
}
}
第二步:在控制器(PersonController)中添加新方法
package spring.mvc.controller;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import spring.mvc.domain.Person;
import spring.mvc.service.PersonService;
import javax.annotation.Resource;
import java.util.List;
import java.util.Map;
/** * Created by 维C果糖 on 2017/1/26\. */
@Controller
public class PersonController {
@Resource
PersonService ps; // 注入 service 层
@RequestMapping(value = "/person/all")
public String findAll(Map<String, Object> model) { // 声明 model 用来传递数据
List<Person> personList = ps.findAll();
model.put("personList", personList); // 通过这一步,JSP 页面就可以访问 personList
return "/person/jPersonList"; // 跳转到 jPersonList 页面
}
@RequestMapping("/person/toCreatePersonInfo")
public String toCteatePersonInfo() { // 跳转新增页面
return "/person/jPersonCreate";
}
@RequestMapping("/person/toUpdatePersonInfo")
public String toUpdatePersonInfo(Integer id, Model model) { // 跳转修改页面
Person p = ps.get(id); // 获得要修改的记录,重新设置页面的值
model.addAttribute("p", p); // 将数据放到 response
return "/person/jPersonUpdate";
}
@RequestMapping("/person/updatePersonList")
public String updatePersonList(Person p) {
if (p.getId() == null) {
ps.insert(p); // 调用 Service 层方法,插入数据
} else {
ps.update(p); // 调用 Service 层方法,更新数据
}
return "redirect:/person/all.action"; // 转向人员列表 action
}
}
第三步:修改 jPersonList.jsp 页面,添加“修改”选项
<%-- Created by IntelliJ IDEA. User: 维C果糖 Date: 2017/1/27 Time: 00:00 To change this template use File | Settings | File Templates. --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>PersonList</title>
</head>
<body>
<form action="${pageContext.request.contextPath}/personform.action" method="post">
<div style="padding:20px;">
人员列表
</div>
<div style="padding-left:40px;">
<a href="/springmvc-annotation/person/toCreatePersonInfo.action">新增</a> <!-- 跳转路径 -->
</div>
<table border="1">
<tr>
<td>编号</td>
<td>姓名</td>
<td>年龄</td>
<td>操作</td>
</tr>
<c:forEach items="${personList}" var="p">
<tr>
<td>${p.id}</td>
<td>${p.name}</td>
<td>${p.age}</td>
<td>
<a href=/springmvc-annotation/person/toUpdatePersonInfo.action?id=${p.id}>修改</a>
</td>
</tr>
</c:forEach>
</table>
</form>
</body>
</html>
第四步:新建 jPersonUpdate.jsp 页面,用于修改数据
<%-- Created by IntelliJ IDEA. User: 维C果糖 Date: 2017/1/28 Time: 21:12 To change this template use File | Settings | File Templates. --%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>PersonList</title>
</head>
<body>
<form action="${pageContext.request.contextPath}/person/updatePersonList.action" method="post">
<!-- 添加隐藏域,隐藏 id -->
<input type="hidden" name="id" value="${p.id}"/>
<div style="padding:20px;">
修改人员信息
</div>
<table>
<tr>
<td>姓名:</td>
<td><input type="text" name="name" value="${p.name}"/></td>
</tr>
<tr>
<td>年龄:</td>
<td><input type="text" name="age" value="${p.age}"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="btnOK" value="保存"/></td>
</tr>
</table>
</form>
</body>
</html>
在完成以上步骤后,启动 tomcat 服务器,然后访问 http://localhost:8080/springmvc-annotation/person/all.action,页面如下所示:
显示人员列表
点击“修改”,跳转页面后修改对应的人员信息,页面如下所示:
修改人员信息
最后,点击“保存”,页面将会重新跳转到 http://localhost:8080/springmvc-annotation/person/all.action,并显示修改人员信息后的人员列表,页面显示如下所示:
跳转
查看原文: 史上最简单的 Spring MVC 教程(七)