开发者学堂课程【SpringBoot快速掌握 - 核心技术:【实验】-员工添加-来到添加页面 】学习笔记,与课程紧密联系,让用户快速学习知识。
课程地址:https://developer.aliyun.com/learning/course/612/detail/9252
【实验】-员工添加-来到添加页面
内容介绍
一、初步操作
二、功能具体操作代码
三、功能代码解说
一、初步操作:
首先应该点击员工添加按钮,靠按钮来到员工添加页面,添加页面是一个表单,员工数据都填写好以后,点击一个添加按钮才能把员工添加上去,它是两步操作,而按照的 res 分割的架构,来到添加页面发 emp 请求, get 方式先来添加页面,要真正添加员工发 emp 请求 post 方式把员工数据带上去,再来添加员工
现在来写这个功能:
来到 list 页面员工添加页面,员工添加按钮因为要跳转,现在给出 it 标签,跳到当前发出的 emp 请求页面, get 方式,超链接本来就是 get 方式,地址用 th:herf ,然后来编写
然后直接来到 CTRL ,接下来再写一个方法 public String toAddPage () 然后来到员工添加页面,接着要映射的路径为 @GetMapping (“/emp”), return 为返回到添加页面,如果没有的话在 emp 下复制添加页面,返回值跟上面一样均为 emp/add 来到添加页面。
二、功能具体操作代码
//放在请求域中
model . addAttribute( attributeName: "emps",employees);
//thymeleaf默认就会拼串
//classpath:/templates/xxxx. html
return"emp/list";
}
//来到员工添加页面
@GetMapping("/emp")
public String toAddPage(){
//来到添加页面
return "emp/add" ;
//来到员工添加页面
@GetMapping("/emp")
public String toAddPage (Model model){
//来到添加页面,查出所有的部门,在页面显示 Collectiondepartments=departmentDao.getDepartments() ;
model. addAttribute( attributeName: "depts" ,)
return“ emp/add";
}
三、功能代码解说
在 forms 里面复制一个表单,包括下拉列表,用 CTRL 加 f9 把表单放在当前页面,这个时候就已经修改好了,此时就应该来重启项目,刷新后登录,登录进来后点击员工管理,点员工添加,确定来到一个员工添加页面,这时候只需要把这个页面改成可以用的页面就可以了。
输入员工的 last name 和 email , gender 是男女,或部门以及生日,不过要注意的是部门也应该是查出来的,而不是上面写的1234。先来到 employee ,在添加页面前查出所以的部门,在页面显示,这样的话就有部门可以选择,发送部门后来到 emp ,这个时候部门就不写死,来到便利,便利就应该是在 option 上来写 th:each ,每一个 each 都会生成一个标签,其中要便利的每个对象叫做 depts ,每一次便利用 dept 编纂, option 标签下的就是要显示的内容,要显示的文本内容应该是部门的名字, Option 主要有一个 value 值,要提交的 value 值应该是部门的 ID 。如果是数据库也是这样,在保存员工的时候也是一样,它会拿到 employee 的部门 id ,把部门 id 查出来,然后放进 employee 里面。
最后是重新启动,刷新一下,就可以发现部门 ID 都在里面。
如图所示: