Spring Boot入门(二十一) 之 员工列表的添加员工页面显示

简介: Spring Boot入门(二十一) 之 员工列表的添加员工页面显示

添加员工页面我们要进行修改,删除和添加这些操作,所以我们添加一些按钮如下:

表头位置添加一个操作选项

然后每一行的后边增加两个按钮,分别是编辑和删除

启动springboot来看

可以看到多了操作和删除按钮

然后我们再把Section title变成一个添加按钮


下面我们来实现添加功能,

我们给button添加一个a标签来实现跳转,路径改为/emp

然后在EmployeeController里边写上跳转到添加页面

我们在resources里边的emps里的list.html复制一份,然后改名为add.html

并把add.html里边的内容改了,先把main标签里边的内容删掉,然后换成下边的代码

<form>
  <div class="form-group">
    <label>LastName</label>
    <input type="text" name="lastName" class="form-control" placeholder="张三"/>
  </div>
  <div class="form-group">
    <label>Email</label>
    <input type="email" name="email" class="form-control" placeholder="zhangsan@example.com">
  </div>
  <div class="form-group">
    <label>Gender</label>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="gender" value="1">
      <label class="form-check-label">男</label>
    </div>
    <div class="form-check form-check-inline">
      <input class="form-check-input" type="radio" name="gender" value="0">
      <label class="form-check-label">女</label>
    </div>
  </div>
  <div class="form-group">
    <label>Department</label>
    <select class="form-control">
      <option>1</option>
      <option>2</option>
      <option>3</option>
      <option>4</option>
      <option>5</option>
    </select>
  </div>
  <div class="form-group" name="department.id">
    <label>Birth</label>
    <input name="birth" type="text" class="form-control" placeholder="zhangsan">
  </div>
  <button type="submit" class="btn btn-primary">添加</button>
</form>

这样我们点击添加就可以进入到添加页面

有关部门这一块,我们需要是从数据库中读取出来,所以当我们要添加员工的时候,就要把数据库里的部门读取出来,我们利用DepartmentDao来读出所有的部门,然后去选项里边遍历

利用th:each来读取所有的,放入option


可以看到这里是一个个的对象,所以我们直接取出departmentName


填完后当我们提交我们的表单的时候,option返回的其实是一个value属性,去进行数据库的查询比较,

到此我们的添加页面设计完成


目录
打赏
0
0
0
0
6
分享
相关文章
Spring Security 入门
Spring Security 是 Spring 框架中的安全模块,提供强大的认证和授权功能,支持防止常见攻击(如 CSRF 和会话固定攻击)。它通过过滤器链拦截请求,核心概念包括认证、授权和自定义过滤器。配置方面,涉及密码加密、用户信息服务、认证提供者及过滤器链设置。示例代码展示了如何配置登录、注销、CSRF防护等。常见问题包括循环重定向、静态资源被拦截和登录失败未返回错误信息,解决方法需确保路径正确和添加错误提示逻辑。
Spring Security 入门
Spring Cloud Alibaba AI 入门与实践
本文将介绍 Spring Cloud Alibaba AI 的基本概念、主要特性和功能,并演示如何完成一个在线聊天和在线画图的 AI 应用。
375 7
Spring Boot 入门:简化 Java Web 开发的强大工具
Spring Boot 是一个开源的 Java 基础框架,用于创建独立、生产级别的基于Spring框架的应用程序。它旨在简化Spring应用的初始搭建以及开发过程。
107 6
Spring Boot 入门:简化 Java Web 开发的强大工具
从入门到精通---深入剖析Spring DAO
在Java企业级开发中,Spring框架以其强大的功能和灵活性,成为众多开发者的首选。Spring DAO(Data Access Object)作为Spring框架中处理数据访问的重要模块,对JDBC进行了抽象封装,极大地简化了数据访问异常的处理,并能统一管理JDBC事务。本文将从概述、功能点、背景、业务点、底层原理等多个方面深入剖析Spring DAO,并通过多个Java示例展示其应用实践,同时指出对应实践的优缺点。
34 1
如何用Spring Boot实现拦截器:从入门到实践
如何用Spring Boot实现拦截器:从入门到实践
90 5
SpringBoot入门 - SpringBoot简介
▶SpringBoot入门 - SpringBoot简介
基于SpringBoot+Vue实现的留守儿童爱心网站设计与实现(计算机毕设项目实战+源码+文档)
博主是一位全网粉丝超过100万的CSDN特邀作者、博客专家,专注于Java、Python、PHP等技术领域。提供SpringBoot、Vue、HTML、Uniapp、PHP、Python、NodeJS、爬虫、数据可视化等技术服务,涵盖免费选题、功能设计、开题报告、论文辅导、答辩PPT等。系统采用SpringBoot后端框架和Vue前端框架,确保高效开发与良好用户体验。所有代码由博主亲自开发,并提供全程录音录屏讲解服务,保障学习效果。欢迎点赞、收藏、关注、评论,获取更多精品案例源码。
65 10
基于SpringBoot+Vue实现的家政服务管理平台设计与实现(计算机毕设项目实战+源码+文档)
面向大学生毕业选题、开题、任务书、程序设计开发、论文辅导提供一站式服务。主要服务:程序设计开发、代码修改、成品部署、支持定制、论文辅导,助力毕设!
47 8
基于SpringBoot+Vue实现的家乡特色推荐系统设计与实现(源码+文档+部署)
面向大学生毕业选题、开题、任务书、程序设计开发、论文辅导提供一站式服务。主要服务:程序设计开发、代码修改、成品部署、支持定制、论文辅导,助力毕设!
61 8