1、准备工作
和传统 CRUD 一样，实现对员工信息的增删改查。
*搭建环境
*准备实体类
public class Employee {
private Integer id;
private String lastName;
private String email;
//1 male, 0 female
private Integer gender;
public Integer getId() {
return id;
}
public void setId(Integer id) {
this.id = id;
}
public String getLastName() {
return lastName;
}
public void setLastName(String lastName) {
this.lastName = lastName;
}
public String getEmail() {
return email;
}
public void setEmail(String email) {
this.email = email;
}
public Integer getGender() {
return gender;
}
public void setGender(Integer gender) {
this.gender = gender;
}
public Employee(Integer id, String lastName, String email, Integer
gender) {
super();
this.id = id;
this.lastName = lastName;
this.email = email;
this.gender = gender;
}
public Employee() {
}
}
*准备dao模拟数据
public class EmployeeDao {
private static Map employees = null;
static{
employees = new HashMap();
employees.put(1001, new Employee(1001, "E-AA", "aa@163.com", 1));
employees.put(1002, new Employee(1002, "E-BB", "bb@163.com", 1));
employees.put(1003, new Employee(1003, "E-CC", "cc@163.com", 0));
employees.put(1004, new Employee(1004, "E-DD", "dd@163.com", 0));
employees.put(1005, new Employee(1005, "E-EE", "ee@163.com", 1));
}
private static Integer initId = 1006;
public void save(Employee employee){
if(employee.getId() == null){
employee.setId(initId++);
}
employees.put(employee.getId(), employee);
}
public Collection getAll(){
return employees.values();
}
public Employee get(Integer id){
return employees.get(id);
}
public void delete(Integer id){
employees.remove(id);
}
}
2、功能清单
3、具体功能：访问首页
a>配置view-controller
b>创建页面
Title
首页
查询员工信息
4、具体功能：查询所有员工数据
a>控制器方法
@GetMapping("/employee")
public String employee(Model model){
Collection employeeList = employeeDao.getAll();
model.addAttribute("employeeList",employeeList);
return "employee_list";
}
b>创建employee_list.htm
5、具体功能：删除
a>创建处理delete请求方式的表单
b>删除超链接绑定点击事件
引入vue.js
*报404检查以下：
*检查springMVC.xml是否有配置
删除超链接
通过vue处理点击事件
c>控制器方法
6、具体功能：跳转到添加数据页面
a>配置view-controller
b>创建employee_add.html
7、具体功能：执行保存
a>控制器方法
8、具体功能：跳转到更新数据页面
a>修改超链接
b>控制器方法
c>创建employee_update.html
9、具体功能：执行更新
a>控制器方法
注：这两个要同时使用
（1）配置视图控制器和开启springmvc注解要同时使用
（2）开启springmvc注解和tomcat的servlet访问静态资源要同时使用
