(续)SSM整合之springmvc笔记(RESTful之RESTful案例)（P148-153）


package com.atguigu.pojo;
public class Employee {
 
    private Integer id;
    private String lastName;
 
    private String email;
    //1 male, 0 female
    private Integer gender;
 
    public Integer getId() {
        return id;
    }
 
    public void setId(Integer id) {
        this.id = id;
    }
 
    public String getLastName() {
        return lastName;
    }
 
    public void setLastName(String lastName) {
        this.lastName = lastName;
    }
 
    public String getEmail() {
        return email;
    }
 
    public void setEmail(String email) {
        this.email = email;
    }
 
    public Integer getGender() {
        return gender;
    }
 
    public void setGender(Integer gender) {
        this.gender = gender;
    }
 
    public Employee(Integer id, String lastName, String email, Integer gender) {
        super();
        this.id = id;
        this.lastName = lastName;
        this.email = email;
        this.gender = gender;
    }
 
    public Employee() {
    }
 
}

2 .准备dao模拟数据


package com.atguigu.dao;
 
import com.atguigu.pojo.Employee;
import org.springframework.stereotype.Repository;
 
import java.util.Collection;
import java.util.HashMap;
import java.util.Map;
 
@Repository
public class EmployeeDao {
 
    private static Map employees = null;
 
    static{
        employees = new HashMap();
 
        employees.put(1001, new Employee(1001, "E-AA", "aa@163.com", 1));
        employees.put(1002, new Employee(1002, "E-BB", "bb@163.com", 1));
        employees.put(1003, new Employee(1003, "E-CC", "cc@163.com", 0));
        employees.put(1004, new Employee(1004, "E-DD", "dd@163.com", 0));
        employees.put(1005, new Employee(1005, "E-EE", "ee@163.com", 1));
    }
 
    private static Integer initId = 1006;
 
    public void save(Employee employee){
        if(employee.getId() == null){
            employee.setId(initId++);
        }
        employees.put(employee.getId(), employee);
    }
 
    public Collection getAll(){
        return employees.values();
    }
 
    public Employee get(Integer id){
        return employees.get(id);
    }
 
    public void delete(Integer id){
        employees.remove(id);
    }
 
}

3. 创建控制层EmployeeController


package com.atguigu.controller;
import org.springframework.stereotype.Controller;
 
@Controller
public class EmployeeController {
 
    
}

二功能清单

三 . 具体功能：查询所有员工数据

①控制器方法


package com.atguigu.controller;
 
/**
 * 查询所有的员工信息-->/employee-->get
 * 跳转到添加页面-->/to/add-->get
 * 新增员工信息-->/employee-->post
 * 跳转到修改页面-->/employee/1-->get
 * 修改员工信息-->/employee-->put
 * 删除员工信息-->/employee/1-->delete
 */
@Controller
public class EmployeeController {
    @Autowired
    private EmployeeDao employeeDao;
 
    @RequestMapping(value = "/employee", method = RequestMethod.GET)
    public String getAllEmployee(Model model){
        //获取所有的员工信息
        Collection allEmployee = employeeDao.getAll();
        //将所有的员工信息在请求域中共享
        model.addAttribute("allEmployee", allEmployee);
        //跳转到列表页面
        return "employee_list";
    }
 
}

②创建employee_list.html


html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>employee listtitle>
    <link rel="stylesheet" th:href="@{/static/css/index_work.css}">
head>
<body>
    <table>
        <tr>
            <th colspan="5">employee listth>
        tr>
        <tr>
            <th>idth>
            <th>lastNameth>
            <th>emailth>
            <th>genderth>
            <th>optionsth>
        tr>
        <tr th:each="employee : ${allEmployee}">
            <td th:text="${employee.id}">td>
            <td th:text="${employee.lastName}">td>
            <td th:text="${employee.email}">td>
            <td th:text="${employee.gender}">td>
            <td>
               <a href="">deletea>
                <a href="">updatea>
            td>
        tr>
    table>
body>
html>

如果这个报红就把错误警告取消

不过我们建议把它给选择上因为如果不选择上以后就算有错误也不在提醒

③ index.html


html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>首页title>
head>
<body>
<h1>index.htmlh1>
<a th:href="@{/user}">查询所有的用户信息a><br>
<a th:href="@{/user/1}">查询id为1的用户信息a><br>
<form th:action="@{/user}" method="post">
    <input type="submit" value="添加用户信息">
form>
<form th:action="@{/user}" method="post">
    <input type="hidden" name="_method" value="put">
    <input type="submit" value="修改用户信息">
form>
<form th:action="@{/user/5}" method="post">
    <input type="hidden" name="_method" value="delete">
    <input type="submit" value="删除用户信息">
form>
<hr>
<a th:href="@{/employee}">查询所有的员工信息a>
body>
html>

④ 测试

⑤ 处理静态资源样式

把静态资源复制过来然后在clean一下然后在重新打包

   <link rel="stylesheet" th:href="@{/static/css/index_work.css}">

报404

解决办法：配置默认的servlet处理静态资源


    
    <mvc:default-servlet-handler />
 
    
    <mvc:annotation-driven />

四 .具体功能：跳转到添加数据页面

①配置view-controller

  <mvc:view-controller path="/to/add" view-name="employee_add">mvc:view-controller>

②创建employee_add.html


html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>add employeetitle>
    <link rel="stylesheet" th:href="@{/static/css/index_work.css}">
head>
<body>
<form th:action="@{/employee}" method="post">
    <table>
        <tr>
            <th colspan="2">add employeeth>
        tr>
        <tr>
            <td>lastNametd>
            <td>
                <input type="text" name="lastName">
            td>
        tr>
        <tr>
            <td>emailtd>
            <td>
                <input type="text" name="email">
            td>
        tr>
        <tr>
            <td>gendertd>
            <td>
                <input type="radio" name="gender" value="1">male
                <input type="radio" name="gender" value="0">female
            td>
        tr>
        <tr>
            <td colspan="2">
                <input type="submit" value="add">
            td>
        tr>
    table>
form>
body>
html>

③ employee_list.html

           <th>options（<a th:href="@{/to/add}">adda>）th>

④ 测试

⑤ 写控制层


    @RequestMapping(value = "/employee", method = RequestMethod.POST)
    public String addEmployee(Employee employee){
        //保存员工信息
        employeeDao.save(employee);
        //重定向到列表功能：/employee
        return "redirect:/employee";
    }

⑥ 测试

五. 具体功能：跳转到更新数据页面

①修改超链接

 <a th:href="@{'/employee/'+${employee.id}}">updatea>

②控制器方法


    @RequestMapping(value = "/employee/{id}", method = RequestMethod.GET)
    public String toUpdate(@PathVariable("id") Integer id, Model model){
        //根据id查询员工信息
        Employee employee = employeeDao.get(id);
        //将员工信息共享到请求域中
        model.addAttribute("employee", employee);
        //跳转到employee_update.html
        return "employee_update";
    }

③创建employee_update.html


html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>update employeetitle>
    <link rel="stylesheet" th:href="@{/static/css/index_work.css}">
head>
<body>
<form th:action="@{/employee}" method="post">
    <input type="hidden" name="_method" value="put">
    <input type="hidden" name="id" th:value="${employee.id}">
    <table>
        <tr>
            <th colspan="2">update employeeth>
        tr>
        <tr>
            <td>lastNametd>
            <td>
                <input type="text" name="lastName" th:value="${employee.lastName}">
            td>
        tr>
        <tr>
            <td>emailtd>
            <td>
                <input type="text" name="email" th:value="${employee.email}">
            td>
        tr>
        <tr>
            <td>gendertd>
            <td>
                <input type="radio" name="gender" value="1" th:field="${employee.gender}">male
                <input type="radio" name="gender" value="0" th:field="${employee.gender}">female
            td>
        tr>
        <tr>
            <td colspan="2">
                <input type="submit" value="update">
            td>
        tr>
    table>
form>
body>
html>

④ 测试

六 .具体功能：执行更新

①控制器方法


    @RequestMapping(value = "/employee", method = RequestMethod.PUT)
    public String updateEmployee(Employee employee){
        //修改员工信息
        employeeDao.save(employee);
        //重定向到列表功能：/employee
        return "redirect:/employee";
    }

② 测试

七具体功能：删除

①employee_list.html


html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>employee listtitle>
    <link rel="stylesheet" th:href="@{/static/css/index_work.css}">
head>
<body>
<div id="app">
    <table>
        <tr>
            <th colspan="5">employee listth>
        tr>
        <tr>
            <th>idth>
            <th>lastNameth>
            <th>emailth>
            <th>genderth>
            <th>options（<a th:href="@{/to/add}">adda>）th>
        tr>
        <tr th:each="employee : ${allEmployee}">
            <td th:text="${employee.id}">td>
            <td th:text="${employee.lastName}">td>
            <td th:text="${employee.email}">td>
            <td th:text="${employee.gender}">td>
            <td>
                <a @click="deleteEmployee()" th:href="@{'/employee/'+${employee.id}}">deletea>
                <a th:href="@{'/employee/'+${employee.id}}">updatea>
            td>
        tr>
    table>
    <form method="post">
        <input type="hidden" name="_method" value="delete">
    form>
div>
 
<script type="text/javascript" th:src="@{/static/js/vue.js}">script>
<script type="text/javascript">
    var vue = new Vue({
        el:"#app",
        methods:{
            deleteEmployee(){
                //获取form表单
                var form = document.getElementsByTagName("form")[0];
                //将超链接的href属性值赋值给form表单的action属性
                //event.target表示当前触发事件的标签
                form.action = event.target.href;
                //表单提交
                form.submit();
                //阻止超链接的默认行为
                event.preventDefault();
            }
        }
    });
script>
body>
html>

② 控制器方法


  @RequestMapping(value = "/employee/{id}", method = RequestMethod.DELETE)
    public String deleteEmployee(@PathVariable("id") Integer id){
        //删除员工信息
        employeeDao.delete(id);
        //重定向到列表功能：/employee
        return "redirect:/employee";
    }

③ 测试

相关阅读:
Spring 事务原理总结五
 深度学习入门（9）神经网络Affine与Softmax层的计算图表示方式及其误差反向传播的代码实现
 9_帖子详情
 Linux之C编程错误处理、多文件工程、man的使用技巧
 Bio-MOF-100 金属有机骨架材料
 【C语言】通讯录《静态内存版本》
快速学习openCV-python的方法
 策略下发与安全处置
 Python小功能实现（链接下载图品并存储到EXCEL中）
得数据者得天下！作为后端开发必备技能之一的MySQL，这份十多年经验总结的应用实战与性能调优我想你肯定是需要的！
原文地址：https://blog.csdn.net/m0_59281987/article/details/127944745

(续)SSM整合之springmvc笔记(RESTful之RESTful案例)（P148-153）

RESTful案例

一 . 准备工作

1 . 准备实体类

2 .准备dao模拟数据

3. 创建控制层EmployeeController

二 功能清单

三 . 具体功能：查询所有员工数据

①控制器方法

②创建employee_list.html

③ index.html

④ 测试

⑤ 处理静态资源 样式

四 .具体功能：跳转到添加数据页面

①配置view-controller

②创建employee_add.html

③ employee_list.html

④ 测试

⑤ 写控制层

⑥ 测试

五. 具体功能：跳转到更新数据页面

①修改超链接

②控制器方法

③创建employee_update.html

④ 测试

六 .具体功能：执行更新

①控制器方法

② 测试

七 具体功能：删除

①employee_list.html

② 控制器方法

③ 测试

二功能清单

⑤ 处理静态资源样式

七具体功能：删除