Các chế phẩm liên quan

Giống như CRUD truyền thống, nó có thể thêm, xóa, sửa và kiểm tra thông tin nhân viên.

• Xây dựng môi trường
• Chuẩn bị lớp thực thể

                        
                          public class Employee { private Integer id; private String lastName; private String email; //1 nam, 0 nữ private Integer gender; //getter,setter,Unlimited }

                        
                      

• Chuẩn bị dữ liệu mô phỏng

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

                        
                      

Danh sách tính năng

Chức năng	URL Địa chỉ	Phương thức yêu cầu
Truy cập trang chủ√	/	LẤY
Truy vấn tất cả dữ liệu√	/người lao động	LẤY
Xóa √	/nhân viên/2	XÓA BỎ
Chuyển đến trang thêm dữ liệu√	/đểThêm	LẤY
Thực hiện lưu√	/người lao động	BƯU KIỆN
Chuyển đến trang cập nhật dữ liệu√	/nhân viên/2	LẤY
Thực hiện cập nhật√	/người lao động	ĐẶT

Chức năng cụ thể: truy cập trang chủ

①Cấu hình bộ điều khiển xem

②Tạo trang

                        
                               < /head>  
首页
 访问员工信息 Xem sitemap của VNExpress
 

                        
                      

Chức năng cụ thể: Truy vấn toàn bộ dữ liệu nhân viên

①Phương thức điều khiển

                        
                          @RequestMapping(value = "/employee", phương thức = RequestMethod.GET) public String getEmployeeList(Mô hình model){ Bộ sưu tập employeeList = employeeDao.getAll(); model.addAttribute("employeeList", employeeList); return "employee_list"; }

                        
                      

②Tạo nhân viên_list.html

                        
                                  
 
 
Thông tin nhân viên
 
 
 
id
 
lastName
 
email
 
gender
 
tùy chọn(thêm)
 
 
 
 
 
 
 
 xóa cập nhật 
 
 
 Xem sitemap của VNExpress
 

                        
                      

Chức năng cụ thể: xóa

①Tạo biểu mẫu xử lý yêu cầu xóa

Giới thiệu vue.js.

Loại bỏ các siêu liên kết.

                        
                          xóa

                        
                      

Xử lý các sự kiện nhấp chuột thông qua vue.