目录
- 相关准备
- 功能清单
-
具体功能:访问首页
- ①配置view-controller
- ②创建页面
-
具体功能:查询所有员工数据
- ①控制器方法
- ②创建employee_list.html
-
具体功能:删除
- ①创建处理delete请求方式的表单
- ③控制器方法
-
具体功能:跳转到添加数据页面
- ①配置view-controller
- ②创建employee_add.html
-
具体功能:执行保存
- ①控制器方法
-
具体功能:跳转到更新数据页面
- ①修改超链接
- ②控制器方法
- ③创建employee_update.html
-
具体功能:执行更新
- 控制器方法
相关准备
和传统 CRUD 一样,实现对员工信息的增删改查。
- 搭建环境
- 准备实体类
public class Employee {
private Integer id;
private String lastName;
private String email;
//1 male, 0 female
private Integer gender;
//getter,setter,有参无参
}
- 准备dao模拟数据
@Repository
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);
}
}
功能清单
功能 | URL 地址 | 请求方式 |
---|---|---|
访问首页√ | / | GET |
查询全部数据√ | /employee | GET |
删除√ | /employee/2 | DELETE |
跳转到添加数据页面√ | /toAdd | GET |
执行保存√ | /employee | POST |
跳转到更新数据页面√ | /employee/2 | GET |
执行更新√ | /employee | PUT |
具体功能:访问首页
①配置view-controller
②创建页面
Title
首页
访问员工信息
具体功能:查询所有员工数据
①控制器方法
@RequestMapping(value = "/employee", method = RequestMethod.GET)
public String getEmployeeList(Model model){
Collection employeeList = employeeDao.getAll();
model.addAttribute("employeeList", employeeList);
return "employee_list";
}
②创建employee_list.html
Employee Info
Employee Info
id
lastName
email
gender
options(add)
delete
update
具体功能:删除
①创建处理delete请求方式的表单
引入vue.js
删除超链接
delete
通过vue处理点击事件
③控制器方法
@RequestMapping(value = "/employee/{id}", method = RequestMethod.DELETE)
public String deleteEmployee(@PathVariable("id") Integer id){
employeeDao.delete(id);
return "redirect:/employee";
}
具体功能:跳转到添加数据页面
①配置view-controller
②创建employee_add.html
Add Employee
具体功能:执行保存
①控制器方法
@RequestMapping(value = "/employee", method = RequestMethod.POST)
public String addEmployee(Employee employee){
employeeDao.save(employee);
return "redirect:/employee";
}
具体功能:跳转到更新数据页面
①修改超链接
update
②控制器方法
@RequestMapping(value = "/employee/{id}", method = RequestMethod.GET)
public String getEmployeeById(@PathVariable("id") Integer id, Model model){
Employee employee = employeeDao.get(id);
model.addAttribute("employee", employee);
return "employee_update";
}
③创建employee_update.html
Update Employee
具体功能:执行更新
控制器方法
@RequestMapping(value = "/employee", method = RequestMethod.PUT)
public String updateEmployee(Employee employee){
employeeDao.save(employee);
return "redirect:/employee";
}
欢迎关注公众号:愚生浅末。