Employee类：

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() {
    }
}

EmployeeDao类：

@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);
    }


}

IDEA设置自动导包：

首页
访问员工信息

@Controller
public class EmployeeController {

    @Autowired
    private EmployeeDao employeeDao;


    @GetMapping("/employee")
    public String getAllEmployee(Model model){
        //获取所有的员工信息
        Collection all = employeeDao.getAll();
        //将所有员工信息在请求域中共享
        model.addAttribute("allEmployee",all);
        return "employee_list";
    }
}

扫描不到，需要更改：

    @GetMapping("/employee")
    public String getAllEmployee(Model model){
        //获取所有的员工信息
        Collection all = employeeDao.getAll();
        //将所有员工信息在请求域中共享
        model.addAttribute("allEmployee",all);
        return "employee_list";
    }

新建html（employee_list）：

    

        
employee_list
    
    

        
id
        
lastName
        
email
        
gender
        
options
    
    

        

        

        

        

        

            update
            delete
        
    

static静态资源：

引入资源：

配置

使用Vue.js
通过vue处理点击事件

    

        

            
employee_list
        
        

            
id
            
lastName
            
email
            
gender
            
options(add)
        
        

            

            

            

            

            

                delete
                update
            
        
    

    

        
    

    @DeleteMapping("/employee/{id}")
    public String deleteEmployee(@PathVariable("id") Integer id){
        //删除员工信息
        employeeDao.delete(id);
        //重定向到列表
        return "redirect:/employee";
    }

实现跳转到添加数据页面：

options(add)

springmvc.xml配置：

employee_add.html

    
    


    

        lastName:

        email:

        gender:male
        female

        

    

重定向跳转：

    @PostMapping("/employee")
    public String addEmployee(Employee employee){
        //保存员工信息
        employeeDao.save(employee);

        return "redirect:/employee";
    }

update（注意格式）

 update

页面跳转：

    @GetMapping("/employee/{id}")
    public String toUpdate(@PathVariable("id") Integer id,Model model){
        //根据id查询员工信息
        Employee employee = employeeDao.get(id);
        //将员工信息共享到请求域中
        model.addAttribute("employee",employee);
        //跳转到employee_update.html
        return "employee_update";
    }

employee_update页面：

    
    
    lastName:
    

    email:

    
    gender:male
    female

    

update操作：

    @PutMapping("/employee")
    public String updateEmployee(Employee employee){
        //修改员工信息
        employeeDao.save(employee);
        return "redirect:/employee";
    }