本文共 2659 字,大约阅读时间需要 8 分钟。
要求 : 我们需要使用 Restful风格实现我们的crud操作!
看看一些具体的要求,就是我们小实验的架构;我们在主页点击Customers,就显示列表页面;我们去修改下
1、将首页的侧边栏Customers改为员工管理 2、a链接添加请求3、将list放在emp文件夹下
4、编写处理请求的controllerpackage com.loey.controller;import com.loey.model.Department;import com.loey.model.Employee;import com.loey.service.DepartmentService;import com.loey.service.EmployeeService;import org.springframework.beans.factory.annotation.Autowired;import org.springframework.stereotype.Controller;import org.springframework.ui.Model;import org.springframework.web.bind.annotation.GetMapping;import org.springframework.web.bind.annotation.PathVariable;import org.springframework.web.bind.annotation.PostMapping;import java.util.List;@Controllerpublic class EmployeeController { @Autowired private EmployeeService employeeService; @Autowired private DepartmentService departmentService; //查询所有员工,返回list页面 @GetMapping("/emps") public String list(Model model){ Collectionemployees = employeeService.selectAllEmployees(); model.addAttribute("emps",employees); // ThymeleafProperties文件下 // 前缀:public static final String DEFAULT_PREFIX = "classpath:/templates/"; //后缀public static final String DEFAULT_SUFFIX = ".html"; return "emp/list"; }}
跳转成功
侧边栏和顶部都相同,我们是不是应该将它抽取出来呢?
步骤:
1、抽取公共片段 th:fragment 定义模板名 2、引入公共片段 th:insert 插入模板名 实现: 1、我们来抽取一下,使用list列表做演示!我们要抽取头部nav标签,我们在dashboard中将nav部分定 义一个模板名2、然后我们在list页面中去引入,可以删掉原来的nav
3、启动再次测试,可以看到已经成功加载过来了!
说明: 除了使用insert插入,还可以使用replace替换,或者include包含,三种方式会有一些小区别,可以见名 知义; 我们使用replace替换,可以解决div多余的问题,可以查看thymeleaf的文档学习 侧边栏也是同理,当做练手,可以也同步一下! 定义模板:然后我们在list页面中去引入:
侧边栏激活的问题,它总是激活第一个;按理来说,这应该是动态的才对!
为了重用更清晰,我们建立一个commons文件夹,专门存放公共页面; 我们去页面中引入一下侧边栏激活问题:
1、将首页的超链接地址改到项目中 2、我们在a标签中加一个判断,使用class改变标签的值;员工管理
3、修改l请求链接
4、我们刷新页面,去测试一下,OK,动态激活搞定!
现在我们来遍历我们的员工信息!顺便美化一些页面,增加添加,修改,删除的按钮!
list.htmlDashboard Template for Bootstrap
转载地址:http://omuki.baihongyu.com/