pom.xml<\/p>\n\n\n\n
<project xmlns=\"http:\/\/maven.apache.org\/POM\/4.0.0\" xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n xsi:schemaLocation=\"http:\/\/maven.apache.org\/POM\/4.0.0 http:\/\/maven.apache.org\/maven-v4_0_0.xsd\">\n <modelVersion>4.0.0<\/modelVersion>\n <groupId>top.qaqaq.mvc<\/groupId>\n <artifactId>SpringMVC_rest<\/artifactId>\n <packaging>war<\/packaging>\n <version>1.0-SNAPSHOT<\/version>\n <name>SpringMVC_rest Maven Webapp<\/name>\n <url>http:\/\/maven.apache.org<\/url>\n <dependencies>\n <dependency>\n <groupId>junit<\/groupId>\n <artifactId>junit<\/artifactId>\n <version>3.8.1<\/version>\n <scope>test<\/scope>\n <\/dependency>\n\n <!-- SpringMVC -->\n <dependency>\n <groupId>org.springframework<\/groupId>\n <artifactId>spring-webmvc<\/artifactId>\n <version>5.3.1<\/version>\n <\/dependency>\n <!-- \u65e5\u5fd7 -->\n <dependency>\n <groupId>ch.qos.logback<\/groupId>\n <artifactId>logback-classic<\/artifactId>\n <version>1.2.3<\/version>\n <\/dependency>\n <!-- ServletAPI -->\n <dependency>\n <groupId>javax.servlet<\/groupId>\n <artifactId>javax.servlet-api<\/artifactId>\n <version>3.1.0<\/version>\n <scope>provided<\/scope>\n <\/dependency>\n <!-- Spring5\u548cThymeleaf\u6574\u5408\u5305 -->\n <dependency>\n <groupId>org.thymeleaf<\/groupId>\n <artifactId>thymeleaf-spring5<\/artifactId>\n <version>3.0.12.RELEASE<\/version>\n <\/dependency>\n\n <\/dependencies>\n <build>\n <finalName>SpringMVC_rest<\/finalName>\n <\/build>\n<\/project>\n<\/code><\/pre>\n\n\n\nweb.xml<\/p>\n\n\n\n
<!DOCTYPE web-app PUBLIC\n \"-\/\/Sun Microsystems, Inc.\/\/DTD Web Application 2.3\/\/EN\"\n \"http:\/\/java.sun.com\/dtd\/web-app_2_3.dtd\" >\n\n<web-app>\n <display-name>Archetype Created Web Application<\/display-name>\n\n <!-- \u914d\u7f6e\u7f16\u7801\u8fc7\u6ee4\u5668 -->\n <filter>\n <filter-name>CharacterEncodingFilter<\/filter-name>\n <filter-class>org.springframework.web.filter.CharacterEncodingFilter<\/filter-class>\n <init-param>\n <param-name>encoding<\/param-name>\n <param-value>UTF-8<\/param-value>\n <\/init-param>\n <init-param>\n <param-name>forceResponseEncoding<\/param-name>\n <param-value>true<\/param-value>\n <\/init-param>\n <\/filter>\n <filter-mapping>\n <filter-name>CharacterEncodingFilter<\/filter-name>\n <url-pattern>\/*<\/url-pattern>\n <\/filter-mapping>\n\n <!-- \u914d\u7f6e\u5904\u7406\u8bf7\u6c42\u65b9\u5f0fput\u548cdelete\u7684HiddenHttpMethodFilter -->\n <filter>\n <filter-name>HiddenHttpMethodFilter<\/filter-name>\n <filter-class>org.springframework.web.filter.HiddenHttpMethodFilter<\/filter-class>\n <\/filter>\n <filter-mapping>\n <filter-name>HiddenHttpMethodFilter<\/filter-name>\n <url-pattern>\/*<\/url-pattern>\n <\/filter-mapping>\n\n <!-- \u914d\u7f6eSpringMVC\u7684\u524d\u7aef\u63a7\u5236\u5668DispatcherServlet -->\n <servlet>\n <servlet-name>DispatcherServlet<\/servlet-name>\n <servlet-class>org.springframework.web.servlet.DispatcherServlet<\/servlet-class>\n <init-param>\n <param-name>contextConfigLocation<\/param-name>\n <param-value>classpath:springMVC.xml<\/param-value>\n <\/init-param>\n <load-on-startup>1<\/load-on-startup>\n <\/servlet>\n <servlet-mapping>\n <servlet-name>DispatcherServlet<\/servlet-name>\n <url-pattern>\/<\/url-pattern>\n <\/servlet-mapping>\n\n<\/web-app>\n<\/code><\/pre>\n\n\n\nspringMVC.xml<\/p>\n\n\n\n
<?xml version=\"1.0\" encoding=\"UTF-8\"?>\n<beans xmlns=\"http:\/\/www.springframework.org\/schema\/beans\"\n xmlns:xsi=\"http:\/\/www.w3.org\/2001\/XMLSchema-instance\"\n xmlns:context=\"http:\/\/www.springframework.org\/schema\/context\"\n xmlns:mvc=\"http:\/\/www.springframework.org\/schema\/mvc\"\n xsi:schemaLocation=\"http:\/\/www.springframework.org\/schema\/beans http:\/\/www.springframework.org\/schema\/beans\/spring-beans.xsd http:\/\/www.springframework.org\/schema\/context https:\/\/www.springframework.org\/schema\/context\/spring-context.xsd http:\/\/www.springframework.org\/schema\/mvc https:\/\/www.springframework.org\/schema\/mvc\/spring-mvc.xsd\">\n\n <!-- \u626b\u63cf\u7ec4\u4ef6 -->\n <context:component-scan base-package=\"top.qaqaq.rest\"><\/context:component-scan>\n\n <!-- \u914d\u7f6eThymeleaf\u89c6\u56fe\u89e3\u6790\u5668 -->\n <bean id=\"viewResolver\"\n class=\"org.thymeleaf.spring5.view.ThymeleafViewResolver\">\n <property name=\"order\" value=\"1\"\/>\n <property name=\"characterEncoding\" value=\"UTF-8\"\/>\n <property name=\"templateEngine\">\n <bean class=\"org.thymeleaf.spring5.SpringTemplateEngine\">\n <property name=\"templateResolver\">\n <bean class=\"org.thymeleaf.spring5.templateresolver.SpringResourceTemplateResolver\">\n <!-- \u89c6\u56fe\u524d\u7f00 -->\n <property name=\"prefix\" value=\"\/WEB-INF\/templates\/\"\/>\n <!-- \u89c6\u56fe\u540e\u7f00 -->\n <property name=\"suffix\" value=\".html\"\/>\n <property name=\"templateMode\" value=\"HTML5\"\/>\n <property name=\"characterEncoding\" value=\"UTF-8\" \/>\n <\/bean>\n <\/property>\n <\/bean>\n <\/property>\n <\/bean>\n\n <!-- \u914d\u7f6e\u89c6\u56fe\u63a7\u5236\u5668 -->\n <mvc:view-controller path=\"\/\" view-name=\"index\"><\/mvc:view-controller>\n <mvc:view-controller path=\"\/toAdd\" view-name=\"employee_add\"><\/mvc:view-controller>\n\n <!-- \u5f00\u653e\u5bf9\u9759\u6001\u8d44\u6e90\u7684\u8bbf\u95ee -->\n <mvc:default-servlet-handler\/>\n\n <!-- \u5f00\u542fmvc\u6ce8\u89e3\u9a71\u52a8 -->\n <mvc:annotation-driven\/>\n\n<\/beans><\/code><\/pre>\n\n\n\nbean<\/p>\n\n\n\n
Employee .java<\/h3>\n\n\n\npackage top.qaqaq.rest.bean;\n\n\/**\n * @author RichieZhang\n * @create 2022-12-29 13:35\n *\/\npublic class Employee {\n\n private Integer id;\n private String lastName;\n private String email;\n \/\/1 male, 0 female\n private Integer gender;\n\n public Employee() {\n }\n\n public Employee(Integer id, String lastName, String email, Integer gender) {\n super();\n this.id = id;\n this.lastName = lastName;\n this.email = email;\n this.gender = gender;\n }\n\n public Integer getId() {\n return id;\n }\n\n public void setId(Integer id) {\n this.id = id;\n }\n\n public String getLastName() {\n return lastName;\n }\n\n public void setLastName(String lastName) {\n this.lastName = lastName;\n }\n\n public String getEmail() {\n return email;\n }\n\n public void setEmail(String email) {\n this.email = email;\n }\n\n public Integer getGender() {\n return gender;\n }\n\n public void setGender(Integer gender) {\n this.gender = gender;\n }\n\n}\n<\/code><\/pre>\n\n\n\ndao<\/p>\n\n\n\n
EmployeeDao .java<\/h3>\n\n\n\npackage top.qaqaq.rest.dao;\n\nimport org.springframework.stereotype.Repository;\nimport top.qaqaq.rest.bean.Employee;\n\nimport java.util.Collection;\nimport java.util.HashMap;\nimport java.util.Map;\n\n\/**\n * @author RichieZhang\n * @create 2022-12-29 13:37\n *\/\n\n@Repository\npublic class EmployeeDao {\n\n private static Map<Integer, Employee> employees = null;\n\n static {\n employees = new HashMap<Integer, Employee>();\n employees.put(1001, new Employee(1001, \"E-AA\", \"aa@163.com\", 1));\n employees.put(1002, new Employee(1002, \"E-BB\", \"bb@163.com\", 1));\n employees.put(1003, new Employee(1003, \"E-CC\", \"cc@163.com\", 0));\n employees.put(1004, new Employee(1004, \"E-DD\", \"dd@163.com\", 0));\n employees.put(1005, new Employee(1005, \"E-EE\", \"ee@163.com\", 1));\n }\n\n private static Integer initId = 1006;\n\n public void save(Employee employee) {\n if (employee.getId() == null) {\n employee.setId(initId++);\n }\n employees.put(employee.getId(), employee);\n }\n\n public Collection<Employee> getAll() {\n return employees.values();\n }\n\n public Employee get(Integer id) {\n return employees.get(id);\n }\n\n public void delete(Integer id) {\n employees.remove(id);\n }\n}\n<\/code><\/pre>\n\n\n\ncontroller<\/p>\n\n\n\n
EmployeeController .java<\/h3>\n\n\n\npackage top.qaqaq.rest.controller;\n\nimport org.springframework.beans.factory.annotation.Autowired;\nimport org.springframework.stereotype.Controller;\nimport org.springframework.ui.Model;\nimport org.springframework.web.bind.annotation.PathVariable;\nimport org.springframework.web.bind.annotation.RequestMapping;\nimport org.springframework.web.bind.annotation.RequestMethod;\nimport top.qaqaq.rest.bean.Employee;\nimport top.qaqaq.rest.dao.EmployeeDao;\n\nimport java.util.Collection;\n\n\/**\n * @author RichieZhang\n * @create 2022-12-29 13:32\n *\/\n\n@Controller\npublic class EmployeeController {\n\n @Autowired\n private EmployeeDao employeeDao;\n\n @RequestMapping(value = \"\/employee\", method = RequestMethod.GET)\n public String getAllEmployee(Model model) {\n Collection<Employee> employeeList = employeeDao.getAll();\n model.addAttribute(\"employeeList\", employeeList);\n return \"employee_list\";\n }\n\n @RequestMapping(value = \"\/employee\/{id}\", method = RequestMethod.DELETE)\n public String deleteEmployee(@PathVariable(\"id\") Integer id) {\n employeeDao.delete(id);\n return \"redirect:\/employee\";\n }\n\n @RequestMapping(value = \"\/employee\", method = RequestMethod.POST)\n public String addEmployee(Employee employee) {\n employeeDao.save(employee);\n return \"redirect:\/employee\";\n }\n\n @RequestMapping(value = \"\/employee\/{id}\", method = RequestMethod.GET)\n public String getEmployeeById(@PathVariable(\"id\") Integer id, Model model) {\n Employee employee = employeeDao.get(id);\n model.addAttribute(\"employee\", employee);\n return \"employee_update\";\n }\n\n @RequestMapping(value = \"\/employee\", method = RequestMethod.PUT)\n public String updateEmployee(Employee employee) {\n employeeDao.save(employee);\n return \"redirect:\/employee\";\n }\n\n}\n<\/code><\/pre>\n\n\n\n\u5f15\u5165vue.js<\/p>\n\n\n\n
index.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\" xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n <meta charset=\"UTF-8\">\n <title>\u9996\u9875<\/title>\n<\/head>\n<body>\n <h1>\u9996\u9875<\/h1>\n <a th:href=\"@{\/employee}\">\u67e5\u770b\u5458\u5de5\u4fe1\u606f<\/a>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\nemployee_list.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\" xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n <meta charset=\"UTF-8\">\n <title>Employee Info<\/title>\n<\/head>\n<body>\n <table id=\"dataTable\" border=\"1\" cellspacing=\"0\" cellpadding=\"0\" style=\"text-align: center;\">\n <tr>\n <th colspan=\"5\">Employee Info<\/th>\n <\/tr>\n <tr>\n <th>id<\/th>\n <th>lastName<\/th>\n <th>email<\/th>\n <th>gender<\/th>\n <th>options (<a th:href=\"@{\/toAdd}\">add<\/a> ) <\/th>\n <\/tr>\n <tr th:each=\"employee : ${employeeList}\">\n <td th:text=\"${employee.id}\"><\/td>\n <td th:text=\"${employee.lastName}\"><\/td>\n <td th:text=\"${employee.email}\"><\/td>\n <td th:text=\"${employee.gender}\"><\/td>\n <td>\n <a @click=\"deleteEmployee\" th:href=\"@{'\/employee\/' + ${employee.id}}\">delete<\/a>\n <a th:href=\"@{'\/employee\/' + ${employee.id}}\">update<\/a>\n <\/td>\n <\/tr>\n <\/table>\n <form id=\"deleteForm\" method=\"post\">\n <input type=\"hidden\" name=\"_method\" value=\"delete\">\n <\/form>\n\n <script type=\"text\/javascript\" th:src=\"@{\/static\/js\/vue.js}\"><\/script>\n <script type=\"text\/javascript\">\n var vue = new Vue({\n el:\"#dataTable\",\n methods:{\n deleteEmployee:function (event) {\n \/\/\u6839\u636eid\u83b7\u53d6\u8868\u5355\u5143\u7d20\n var deleteFrom = document.getElementById(\"deleteForm\");\n \/\/\u5c06\u89e6\u53d1\u70b9\u51fb\u4e8b\u4ef6\u7684\u8d85\u94fe\u63a5\u7684href\u5c5e\u6027\u8d4b\u503c\u7ed9\u8868\u5355\u7684action\n deleteFrom.action = event.target.href;\n \/\/\u63d0\u4ea4\u8868\u5355\n deleteFrom.submit();\n \/\/\u53d6\u6d88\u8d85\u94fe\u63a5\u7684\u9ed8\u8ba4\u884c\u4e3a\n event.preventDefault();\n }\n }\n });\n <\/script>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\nemployee_add.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\" xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n <meta charset=\"UTF-8\">\n <title>add employee<\/title>\n<\/head>\n<body>\n <form th:action=\"@{\/employee}\" method=\"post\">\n lastName: <input type=\"text\" name=\"lastName\"><br\/>\n email: <input type=\"text\" name=\"email\"><br\/>\n gender: <input type=\"radio\" name=\"gender\" value=\"1\">male\n <input type=\"radio\" name=\"gender\" value=\"0\">female<br\/>\n <input type=\"submit\" name=\"add\"><br\/>\n <\/form>\n<\/body>\n<\/html><\/code><\/pre>\n\n\n\nemployee_update.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang=\"en\" xmlns:th=\"http:\/\/www.thymeleaf.org\">\n<head>\n <meta charset=\"UTF-8\">\n <title>update employee<\/title>\n<\/head>\n<body>\n <form th:action=\"@{\/employee}\" method=\"post\">\n <input type=\"hidden\" name=\"_method\" value=\"put\">\n <input type=\"hidden\" name=\"id\" th:value=\"${employee.id}\">\n lastName: <input type=\"text\" name=\"lastName\" th:value=\"${employee.lastName}\"><br\/>\n email: <input type=\"text\" name=\"email\" th:value=\"${employee.email}\"><br\/>\n gender: <input type=\"radio\" name=\"gender\" value=\"1\" th:field=\"${employee.gender}\">male\n <input type=\"radio\" name=\"gender\" value=\"0\" th:field=\"${employee.gender}\">female<br\/>\n <input type=\"submit\" name=\"update\"><br\/>\n <\/form>\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"pom.xml web.xml springMVC.xml bean Employee .java dao E […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[105],"tags":[112],"class_list":["post-2972","post","type-post","status-publish","format-standard","hentry","category-springmvc-code","tag-springmvc"],"_links":{"self":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2972"}],"collection":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2972"}],"version-history":[{"count":3,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2972\/revisions"}],"predecessor-version":[{"id":3137,"href":"https:\/\/qaqaq.top\/index.php?rest_route=\/wp\/v2\/posts\/2972\/revisions\/3137"}],"wp:attachment":[{"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2972"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2972"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qaqaq.top\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2972"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}