Spring Boot入门(二十一) 之员工列表的添加员工页面显示-阿里云开发者社区

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

2023-08-12 171

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 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>