1.导入资源

2.编写相应的pojo

3.模拟数据库，编写dao层

4.首页配置：

1.导入资源

链接：https://pan.baidu.com/s/1LrnF3RPqnt4A2pzTFU5B_g
提取码：zzxc

2.编写相应的pojo

导入lombok依赖

        <dependency>
            <groupId>org.projectlombok</groupId>
            <artifactId>lombok</artifactId>
        </dependency>

//员工表
@Data
@NoArgsConstructor
public class Employee {

    private Integer id;
    private String lastName;
    private String email;
    private Integer gender; //性别 0 女， 1，男
    private Department department;
    private Date birth;
    public Employee(Integer id, String lastName, String email, Integer gender, Department department) {
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
        this.department = department;
        this.birth = new Date();
    }
}

//部门表
@Data
@AllArgsConstructor
@NoArgsConstructor
public class Department {
    private int id;  //部门id
    private String departmentName;  //部门名字
}

3.模拟数据库，编写dao层

package com.kun.dao;

import com.kun.pojo.Department;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;
@Repository
public class DepartmentDao {
//    初始化数据
    private static Map<Integer, Department> departments=null;
    static {
        departments= new HashMap<>();   //创建部门表
        departments.put(101,new Department(101,"教学部"));
        departments.put(102,new Department(102,"市场部"));
        departments.put(103,new Department(103,"教研部"));
        departments.put(104,new Department(104,"运营部"));
        departments.put(105,new Department(105,"后勤部"));
    }
//    获取所有部门信息
    public Collection<Department> getDepartments(){
        return departments.values();
    }
//    根据id
    public Department getDepartmentById(Integer idd){
        return departments.get(idd);
    }
}

package com.kun.dao;

import com.kun.pojo.Department;
import com.kun.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Repository;

import java.util.Collection;
import java.util.HashMap;
import java.util.Map;
@Repository
public class EmployeeDao {
    //    初始化数据
    private static Map<Integer, Employee> employees=null;
//    员工所属的部门
    @Autowired
    private DepartmentDao departmentDao;
    static {
        employees= new HashMap<Integer, Employee>();   //创建部门表
        employees.put(1001,new Employee(1001,"AA","[email protected]",1,new Department(101,"教学部")));
        employees.put(1002,new Employee(1002,"BB","[email protected]",1,new Department(102,"市场部")));
        employees.put(1003,new Employee(1003,"CC","[email protected]",1,new Department(103,"教研部")));
        employees.put(1004,new Employee(1004,"DD","[email protected]",1,new Department(104,"运营部")));
        employees.put(1005,new Employee(1005,"EE","[email protected]",1,new Department(105,"后勤部")));
    }
//    增加员工
    private static Integer initId=1006;

    public void save(Employee employee){
        if (employee.getId()==null){
            employee.setId(initId++);
        }
        employee.setDepartment(departmentDao.getDepartmentById(employee.getDepartment().getId()));

        employees.put(employee.getId(),employee);
    }
    //    获取所有员工信息
    public Collection<Employee> getEmployees(){
        return employees.values();
    }
    //    根据id
    public Employee getEmployeeById(Integer id){
        return employees.get(id);
    }
//    删除员工
    public void delete(Integer id){
        employees.remove(id);
    }


}

4.首页配置：

1.用thymeleaf接管 url 用@

导入依赖

<dependency>
    <groupId>org.thymeleaf</groupId>
    <artifactId>thymeleaf-spring5</artifactId>
</dependency>
<dependency>
    <groupId>org.thymeleaf.extras</groupId>
    <artifactId>thymeleaf-extras-java8time</artifactId>
</dependency>

5.页面国际化：

建立一个login.properties文件，还有一个login_zh_CN.properties；发现IDEA自动识别了我们要做国际化操作

在properties配置文件中配置
spring.messages.basename=i18n.login

package com.kun.config;

import org.springframework.util.StringUtils;
import org.springframework.web.servlet.LocaleResolver;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.util.Locale;

public class MyLocaleResolver implements LocaleResolver {
    @Override
    public Locale resolveLocale(HttpServletRequest request) {
        String l = request.getParameter("l");
        Locale aDefault = Locale.getDefault();
        if(!StringUtils.isEmpty(l)){
            String[] s = l.split("_");
            aDefault = new Locale(s[0], s[1]);
        }
        return aDefault;
    }
    @Override
    public void setLocale(HttpServletRequest request, HttpServletResponse response, Locale locale) {
    }
}

<a class="btn btn-sm" th:href="@{/index.html(l='zh_CN')}">中文</a>
<a class="btn btn-sm" th:href="@{/index.html(l='en_US')}">English</a>

6.编写MyMvcConfig

package com.kun.config;

import org.springframework.context.annotation.Bean;
import org.springframework.context.annotation.Configuration;
import org.springframework.web.servlet.LocaleResolver;
import org.springframework.web.servlet.config.annotation.InterceptorRegistry;
import org.springframework.web.servlet.config.annotation.ViewControllerRegistry;
import org.springframework.web.servlet.config.annotation.WebMvcConfigurer;

@Configuration
public class MyMvc implements WebMvcConfigurer {
    @Override
    public void addViewControllers(ViewControllerRegistry registry) {
        registry.addViewController("/").setViewName("index");
        registry.addViewController("/index.html").setViewName("index");
        registry.addViewController("/main.html").setViewName("dashboard");
    }
    @Bean
    public LocaleResolver localeResolver(){
        return new MyLocaleResolver();
    }

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor()).
                addPathPatterns("/**").excludePathPatterns("/index.html","/","/user/login","static/**");
    }

}

7.登录+拦截器

页面存在缓存，所以我们需要禁用模板引擎的缓存

<form class="form-signin" th:action="@{/user/login}" method="post">
 //这里面的所有表单标签都需要加上一个name属性 
    
</form>

@Controller
public class LoginController {
    @RequestMapping("/user/login")
    public String login(
            @RequestParam("username") String username ,
            @RequestParam("password") String password,
            Model model){
        //具体的业务
        if(!StringUtils.isEmpty(username)&&"123456".equals(password)){
            return "redirect:/main.html";
        }
        else{
            //告诉用户，你登录失败
            model.addAttribute("msg","用户名或者密码错误！");
            return "index";
        }
    }
}

拦截器

package com.kun.config;

import org.springframework.web.servlet.HandlerInterceptor;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
public class LoginHandlerInterceptor implements HandlerInterceptor {
    @Override
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception {
        Object loginUser = request.getSession().getAttribute("LoginUser");
        if (loginUser==null){
            request.setAttribute("msg","没有权限");
            request.getRequestDispatcher("/index.html").forward(request,response);
            return false;
        }else {
            return true;
        }
    }
}

    @Override
    public void addInterceptors(InterceptorRegistry registry) {
        registry.addInterceptor(new LoginHandlerInterceptor()).
                addPathPatterns("/**").excludePathPatterns("/index.html","/","/user/login","static/**");
    }

8.增删改查

package com.kun.controller;

import com.kun.dao.DepartmentDao;
import com.kun.dao.EmployeeDao;
import com.kun.pojo.Department;
import com.kun.pojo.Employee;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.util.StringUtils;
import org.springframework.web.bind.annotation.GetMapping;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.PostMapping;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.Collection;

@Controller
public class EmployeeController {
    @Autowired
    EmployeeDao employeeDao;
    @Autowired
    DepartmentDao departmentDao;

    @RequestMapping("/emps")
    public String list(Model model){
        Collection<Employee> employees = employeeDao.getEmployees();
        model.addAttribute("emps",employees);
        return "emp/list";
    }

    @GetMapping("/emp")
    public String toAdd(Model model){
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "emp/add";
    }
    @PostMapping ("/emp")
    public String addEmp(Employee employee){
        //保存员工的信息
        System.out.println(employee);
        employeeDao.save(employee);
        return "redirect:/emps";
    }
    @RequestMapping("/emp/{id}")
    public String toUpdate(@PathVariable("id")Integer id,Model model){
        Employee employee = employeeDao.getEmployeeById(id);
        model.addAttribute("emp",employee);
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "emp/update";
    }

    @RequestMapping("/delEmp/{id}")
    public String delete(@PathVariable("id")Integer id){
        employeeDao.delete(id);
        return "redirect:/emps";
    }

}

		<!--顶部导航栏-->
		<div th:replace="~{commons/commons::topbar(active='main.html')}"></div>

		<div class="container-fluid">
			<div class="row">

				<!--侧边栏-->
				<div th:replace="~{commons/commons::sidebar(active='list.html')}"></div>

				<main role="main" class="col-md-9 ml-sm-auto col-lg-10 pt-3 px-4">
					<h2><a class="btn btn-sm btn-success" th:href="@{/emp}">添加员工</a></h2>
					<div class="table-responsive">
						<table class="table table-striped table-sm">
							<thead>
								<tr>
									<th>id</th>
									<th>lastName</th>
									<th>email</th>
									<th>gender</th>
									<th>department</th>
									<th>birth</th>
								</tr>
							</thead>
							<tbody>
								<tr th:each="emp:${emps}">
									<td th:text="${emp.getId()}"></td>
									<td th:text="${emp.getLastName()}"></td>
									<td th:text="${emp.getEmail()}"></td>
									<td th:text="${emp.getGender()==0?'女':'男'}"></td>
									<td th:text="${emp.department.getDepartmentName()}"></td>
									<td th:text="${#dates.format(emp.getBirth(),'yyyy-MM-dd HH:mm:ss')}"></td>
									<td>
										<a class="btn btn-sm btn-primary" th:href="@{/emp/}+${emp.getId()}">编辑</a>
										<a class="btn btn-sm btn-danger"  th:href="@{/delEmp/}+${emp.getId()}">删除</a>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</main>
			</div>
		</div>

增加员工的表单

<form th:action="@{/emp}" method="post" >
						<div class="form-group" ><label>LastName</label>
							<input class="form-control" placeholder="daiyu" type="text" name="lastName">
						</div>
						<div class="form-group" ><label>Email</label>
							<input class="form-control" placeholder="[email protected]" type="email" name="email">
						</div>
						<div class="form-group"><label>Gender</label><br/>
							<div class="form-check form-check-inline">
								<input class="form-check-input" name="gender" type="radio" value="1">
								<label class="form-check-label">男</label>
							</div>
							<div class="form-check form-check-inline">
								<input class="form-check-input" name="gender" type="radio" value="0">
								<label class="form-check-label">女</label>
							</div>
						</div>
						<div class="form-group" ><label>department</label>
							<select class="form-control" name="department.id">
								<option th:each="dept:${departments}" th:text="${dept.getDepartmentName()}" th:value="${dept.getId()}"></option>
							</select>
						</div>
						<div class="form-group" >
							<label >Birth</label>
							<input class="form-control" placeholder="2021-02-02" type="text" name="birth">
						</div>
						<button class="btn btn-primary" type="submit">添加</button>
					</form>

修改员工的表单

<form th:action="@{/emp}" method="post" >
						<input type="hidden" name="id" th:value="${emp.getId()}">
						<div class="form-group" ><label>LastName</label>
							<input th:value="${emp.getLastName()}" class="form-control" placeholder="kuangshen" type="text" name="lastName">
						</div>
						<div class="form-group" ><label>Email</label>
							<input th:value="${emp.getEmail()}" class="form-control" placeholder="[email protected]" type="email" name="email">
						</div>
						<div class="form-group"><label>Gender</label><br/>
							<div class="form-check form-check-inline">
								<input th:checked="${emp.getGender()==1}" class="form-check-input" name="gender" type="radio" value="1">
								<label class="form-check-label">男</label>
							</div>
							<div class="form-check form-check-inline">
								<input th:checked="${emp.getGender()==0}" class="form-check-input" name="gender" type="radio" value="0">
								<label class="form-check-label">女</label>
							</div>
						</div>
						<div class="form-group" ><label>department</label>
							<select class="form-control" name="department.id">
								<option th:selected="${dept.id==emp.getDepartment().getId()}" th:each="dept:${departments}" th:text="${dept.getDepartmentName()}" th:value="${dept.getId()}"></option>
							</select>
						</div>
						<div class="form-group" >
							<label >Birth</label>
							<input th:value="${#dates.format(emp.birth,'yyyy-MM-dd HH:mm')}" class="form-control" placeholder="2021-02-02" type="text" name="birth">
						</div>
						<button class="btn btn-primary" type="submit">修改</button>
					</form>

错误：

问题一：

Caused by: org.attoparser.ParseException: Could not parse as expression: Thymeleaf格式错误

问题二：

插入员工报400错误：日期格式必须为“ / ” 或者 spring.mvc.format.date=yyyy-MM-dd

问题三：

修改员工，因为修改员工id为自增，导致修改员工，id++：解决办法：

<input type="hidden" name="id" th:value="${emp.getId()}">

java-springboot简单易学的员工管理系统

1.导入资源

2.编写相应的pojo

3.模拟数据库，编写dao层

4.首页配置：

5.页面国际化：

6.编写MyMvcConfig

7.登录+拦截器

8.增删改查

Guess you like