SpringBoot 11 模板布局和员工功能的实现_sprinboot集成finereport11-CSDN博客

11.1 模板布局

th:fragment="模板的名字" 可以把一块标签，模板/组件化。然后让其它的页面进行复用。

th:insert="~{资源文件名::模板的名字}"：插入一个资源下声明的模板。

th:replace="~{资源文件名::模板的名字}"：替换当前这个标签为模板。

所以我们可以尝试抽取出导航栏和侧边栏，进行复用。并且还有一个好处。那就是在复用的时候可以传参。

在这里插入图片描述
我们来看下图，发现确实是可以传参。那么为啥要用到传参呢？
答：因为我们可以通过参数 知道点击的是哪个栏目

在不同的页面进行复用的时候，可以传递该参数不同的值。表示现在的页面是谁。
在这里插入图片描述
下图的操作，已经实现了点击某个栏目高亮的需求。

11.2 员工功能的实现

查询功能

编写 Controller

package top.muquanyu.controller;

import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import top.muquanyu.dao.EmployeeDao;
import top.muquanyu.pojo.Employee;

import java.util.Collection;

@Controller
public class EmployeeController {
    @Autowired
    EmployeeDao employeeDao;

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

编写 list.html 可以直接通过 ${...} 取到值 和 th:each="emp:${emps} 进行遍历。

在这里插入图片描述

添加员工

思路：按钮点击提交、跳转到添加的页面、然后添加员工、返回到员工页面。在这里插入图片描述

我们只能在这个地方传入一个 id。然后通过这个 id 拿到相关的信息。

这个地方就有点儿意思了，我们 deparment 在这个页面是怎么传入前端的呢？答：肯定是访问这个页面的时候有一个请求呀，然后存储的 departments。

    @GetMapping("/emp")
    public String toAddpage(Model model){
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("departments",departments);
        return "/emp/add";
    }

我们的 Controller 其实也可以拿到这个id 去获取到完整的 department

    @PostMapping("/emp")
    public String add(Employee employee){
        employee.setDepartment(departmentDao.getDepartmentByID(employee.getDepartment().getId()));
        employeeDao.addEmployee(employee);
        return "redirect:/emps";
    }

我们可能用到的时间格式是前端的这个格式：yyyy-MM-dd，导致我们无法接收到 date 的数据。所以要进行 日期格式化。
在这里插入图片描述

日期格式化还可以在配置文件中实现。

# 时间日期格式化
spring.mvc.format.date=yyyy-MM-dd

在这里插入图片描述

更新员工

用 thymeleaf 尝试 Restful 传参

直接用加号连接就可以，爆红没啥问题。

<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>

在这里插入图片描述

    @RequestMapping("/emp/{id}")
    public String toUpdateEmp(@PathVariable("id") Integer id, Model model){
        Employee employee = employeeDao.getEmployeeByID(id);
        Collection<Department> departments = departmentDao.getDepartments();
        model.addAttribute("emp",employee);
        model.addAttribute("departments",departments);
        return "emp/update";
    }

在这里插入图片描述

    // 修改员工通过 id
    public void updateEmployeeByID(Integer id,Employee employee){
        employees.put(id, employee);
    }

在这里插入图片描述

写这个修改的 Controller

    @PostMapping("/updateEmp")
    public String updateEmp(Employee employee){
        employee.setDepartment(departmentDao.getDepartmentByID(employee.getDepartment().getId()));
        employeeDao.updateEmployeeByID(employee.getId(),employee);

        return "redirect:/emps";
    }

在这里插入图片描述

4. 删除员工

在这里插入图片描述

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

在这里插入图片描述

error 404 页面

404 页面，在 SpringBoot 当中配置起来非常非常的简单！

直接在 template/error 目录下有个 404.html 文件就行了。它会自动配置。

在这里插入图片描述

注销的编写

在这里插入图片描述

    @RequestMapping("/user/logout")
    public String logout(HttpSession session){
        session.removeAttribute("userInfo");
        return "redirect:/main.html";
    }

11.3 谈一谈所谓的 WEB 应用该怎么开发

我们其实用 Java 开发 WEB 应用，只需要解决三个问题！

SpringBoot 框架的使用 + 前端 + Java 后端 + 数据库

SpringBoot 框架：只要会使用 MVC 的 Controller，和拓展 MVC 的视图解析器、拦截器、国际化的配置就可以了。
前端：html + css + js 基础三大件、thymeleaf 的使用、前端的框架 Vue+ElmentUI、Bootstrap、Layui、semantic-ui（但是大多数开发个小项目，其实直接用现成的原生态前端的模板文件就可以了！）

这里推荐 模板之家

Java 后端：这一部分就是考验你的 Java SE 能力，如果这部分能力不足，那肯定是不行的。否则你连最基本的代码都写不明白。。
数据库：设计一个数据库（实际开发中，这是一个难点），然后可以用 JDBC、也可以用一些数据库框架mybatis 来操纵这个数据库。
如果要是单独的就光是写接口的话，那简单的不得了。直接用 @RestController 注解即可。然后用 JSON 的库，把 Java 的类型变量、数组集合、对象都转为 JSON 数据返回给页面即可。

建议入手的第一个项目的技术栈：

X-admin 前端 + MySQL 数据库 + SpringBoot + Mybatis