8.1、准备工作
对员工表(模拟表数据)的员工信息进行增删改查
搭建环境
准备实体类
package com.qcby.pojo; |
准备dao模拟数据
package com.qcby.dao; |
8.2功能清单
功能 | URL 地址 | 请求方式 |
访问首页√ | / | GET |
查询全部数据√ | /employee | GET |
删除√ | /employee/2 | DELETE |
跳转到添加数据页面√ | /toAdd | GET |
执行保存√ | /employee | POST |
跳转到更新数据页面√ | /employee/2 | GET |
执行更新√ | /employee | PUT |
index.html
8.3、访问首页
SpringMVC.xml
<mvc:view-controller path="/" view-name="index"></mvc:view-controller> |
创建index页面
<a th:href="@{/employee}">查询所有的员工信息</a><br> |
控制器
@Autowired |
//@RequestMapping(value = "/employee/{id}",method = RequestMethod.DELETE) |
⑴创建处理删除delete请求方式的表单
<!-- 作用:通过超链接控制表单的提交,将post请求转换为delete请求 --> |
⑵删除超链接绑定点击事件
<a @click="deleteEmployee()" th:href="@{'/employee/'+${employee.id}}">delete</a> |
⑶
<script type="text/javascript" th:src="@{/static/js/vue.js}"></script> |
8.4调整到添加数据页面
功能 | URL 地址 | 请求方式 |
访问首页√ | / | GET |
查询全部数据√ | /employee | GET |
删除√ | /employee/2 | DELETE |
跳转到添加数据页面√ | /to/add | GET |
执行保存√ | /employee | POST |
跳转到更新数据页面√ | /employee/2 | GET |
执行更新√ | /employee | PUT |