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

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

开发者学堂课程【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

相关文章
|
8月前
|
数据采集 JSON 自然语言处理
selenuim&echarts——可视化分析csdn新星赛道选手展示头像、展示ip城市和断言参赛信息的有效性(进阶篇)(一)
selenuim&echarts——可视化分析csdn新星赛道选手展示头像、展示ip城市和断言参赛信息的有效性(进阶篇)
86 0
selenuim&echarts——可视化分析csdn新星赛道选手展示头像、展示ip城市和断言参赛信息的有效性(进阶篇)(一)
|
8月前
|
数据可视化 定位技术
selenuim&echarts——可视化分析csdn新星赛道选手展示头像、展示ip城市和断言参赛信息的有效性(进阶篇)(二)
selenuim&echarts——可视化分析csdn新星赛道选手展示头像、展示ip城市和断言参赛信息的有效性(进阶篇)
80 0
|
存储 前端开发 JavaScript
课程管理-修改课程信息(最终实现) | 学习笔记
简介:快速学习课程管理-修改课程信息(最终实现)
219 0
课程管理-修改课程信息(最终实现) | 学习笔记
|
JSON 前端开发 JavaScript
课程管理-修改课程信息(前端)| 学习笔记
简介:快速学习课程管理-修改课程信息(前端)
280 0
课程管理-修改课程信息(前端)| 学习笔记
|
存储 前端开发 JavaScript
课程管理-修改课程信息(前端) | 学习笔记
简介:快速学习课程管理-修改课程信息(前端)
109 0
课程管理-修改课程信息(前端) | 学习笔记
|
小程序 安全 JavaScript
手把手教你搭建消防安全答题小程序-实现页面间跳转功能
手把手教你搭建消防安全答题小程序-实现页面间跳转功能
手把手教你搭建消防安全答题小程序-实现页面间跳转功能
|
小程序 安全 数据库
手把手教你搭建消防安全答题小程序-在结果页中实现从云数据库查询成绩
手把手教你搭建消防安全答题小程序-在结果页中实现从云数据库查询成绩
手把手教你搭建消防安全答题小程序-在结果页中实现从云数据库查询成绩
|
JSON 小程序 安全
手把手教你搭建消防安全答题小程序-将用云开发获取到的题目渲染到答题页面
手把手教你搭建消防安全答题小程序-将用云开发获取到的题目渲染到答题页面
手把手教你搭建消防安全答题小程序-将用云开发获取到的题目渲染到答题页面
|
前端开发 JavaScript
蓝桥杯web开发组模拟题—给页面化个妆
我们都知道,蓝桥杯是近几年特别火的一个竞赛,同时,我也看到了越来越多的人在程序设计组竞争,那么,有没有竞争稍微弱一点的组别呢!怀着期待,十二届蓝桥杯大赛增加了web开发组,也就是说今年是第一届web开发组赛事,所以说竞争不大哦!你还在犹豫吗!快来跟着博主一起打卡学习吧!
260 1
蓝桥杯web开发组模拟题—给页面化个妆
|
SQL 开发者 微服务
首页数据显示-热门课程和名师接口 | 学习笔记
快速学习 首页数据显示-热门课程和名师接口