【实验】-员工添加-来到添加页面|学习笔记

简介: 快速学习【实验】-员工添加-来到添加页面

开发者学堂课程【SpringBoot快速掌握 - 核心技术:【实验】-员工添加-来到添加页面 】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/612/detail/9252


【实验】-员工添加-来到添加页面

内容介绍

一、初步操作

二、功能具体操作代码

三、功能代码解说

 

一、初步操作:

image.png

首先应该点击员工添加按钮,靠按钮来到员工添加页面,添加页面是一个表单,员工数据都填写好以后,点击一个添加按钮才能把员工添加上去,它是两步操作,而按照的 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 把表单放在当前页面,这个时候就已经修改好了,此时就应该来重启项目,刷新后登录,登录进来后点击员工管理,点员工添加,确定来到一个员工添加页面,这时候只需要把这个页面改成可以用的页面就可以了。

image.png

输入员工的 last name 和 email , gender 是男女,或部门以及生日,不过要注意的是部门也应该是查出来的,而不是上面写的1234。先来到 employee ,在添加页面前查出所以的部门,在页面显示,这样的话就有部门可以选择,发送部门后来到 emp ,这个时候部门就不写死,来到便利,便利就应该是在 option 上来写 th:each ,每一个 each 都会生成一个标签,其中要便利的每个对象叫做 depts ,每一次便利用 dept 编纂, option 标签下的就是要显示的内容,要显示的文本内容应该是部门的名字, Option 主要有一个 value 值,要提交的 value 值应该是部门的 ID 。如果是数据库也是这样,在保存员工的时候也是一样,它会拿到 employee 的部门 id ,把部门 id 查出来,然后放进 employee 里面。


最后是重新启动,刷新一下,就可以发现部门 ID 都在里面。

如图所示:

image.png

相关文章
|
7月前
|
安全 前端开发 Python
【教学基地平台更新日记】主线课程-资源下载页面
【教学基地平台更新日记】主线课程-资源下载页面
|
7月前
|
安全 测试技术 定位技术
【教学基地平台更新日记】主线课程-设计图页
【教学基地平台更新日记】主线课程-设计图页
|
7月前
|
安全 测试技术 Python
【教学基地平台更新日记】首页制作完成
【教学基地平台更新日记】首页制作完成
|
存储 前端开发 JavaScript
课程管理-修改课程信息(最终实现) | 学习笔记
简介:快速学习课程管理-修改课程信息(最终实现)
217 0
课程管理-修改课程信息(最终实现) | 学习笔记
|
前端开发 JavaScript Java
项目第三天内容介绍 | 学习笔记
快速学习 项目第三天内容介绍
|
对象存储 开发者 微服务
项目第二十天内容介绍 | 学习笔记
快速学习 项目第二十天内容介绍
|
前端开发 JavaScript 程序员
项目第四天内容介绍 | 学习笔记
快速学习 项目第四天内容介绍
|
开发者 微服务
项目第二天内容介绍 | 学习笔记
快速学习 项目第二天内容介绍
|
前端开发 开发者 微服务
项目第十六天内容介绍 | 学习笔记
快速学习 项目第十六天内容介绍
|
前端开发 Java 数据格式
【实验】-员工添加-添加完成|学习笔记
快速学习【实验】-员工添加-添加完成