http--员工案例

springboot-web-req-resp/pom.xml

@@ -13,17 +13,26 @@
         <project.reporting.outputEncoding>UTF-8</project.reporting.outputEncoding>
         <spring-boot.version>2.7.6</spring-boot.version>
     </properties>
+    <!--依赖管理-->
     <dependencies>
+        <!--web起步依赖-->
         <dependency>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-web</artifactId>
         </dependency>
 
+        <!--test起步依赖-->
         <dependency>
             <groupId>org.springframework.boot</groupId>
             <artifactId>spring-boot-starter-test</artifactId>
             <scope>test</scope>
         </dependency>
+        <!--dom4j解析xml的依赖-->
+        <dependency>
+            <groupId>org.dom4j</groupId>
+            <artifactId>dom4j</artifactId>
+            <version>2.1.3</version>
+        </dependency>
     </dependencies>
     <dependencyManagement>
         <dependencies>

springboot-web-req-resp/src/main/java/com/inmind/controller/EmpController.java

@@ -0,0 +1,27 @@
+package com.inmind.controller;
+
+import com.inmind.pojo.Emp;
+import com.inmind.pojo.Result;
+import com.inmind.utils.XmlParserUtils;
+import org.springframework.web.bind.annotation.RequestMapping;
+import org.springframework.web.bind.annotation.RestController;
+
+import java.util.List;
+
+@RestController
+public class EmpController {
+
+    @RequestMapping("/listEmp")
+    public Result listEmp(){
+        //1.加载并解析emp.xml
+        String file = "D:\\workspace_idea\\inmind_web_project250915\\springboot-web-req-resp\\src\\main\\resources\\emp.xml";
+        List<Emp> empList = XmlParserUtils.parse(file, Emp.class);
+        //2.对数据进行转换
+       /* empList.stream().forEach(emp->{
+            //处理性别 gender:
+        });*/
+        //3.响应数据
+
+        return Result.success(empList);
+    }
+}

springboot-web-req-resp/src/main/java/com/inmind/pojo/Emp.java

@@ -0,0 +1,71 @@
+package com.inmind.pojo;
+
+public class Emp {
+    private String name;
+    private Integer age;
+    private String image;
+    private String gender;
+    private String job;
+
+    public Emp() {
+    }
+
+    public Emp(String name, Integer age, String image, String gender, String job) {
+        this.name = name;
+        this.age = age;
+        this.image = image;
+        this.gender = gender;
+        this.job = job;
+    }
+
+    public String getName() {
+        return name;
+    }
+
+    public void setName(String name) {
+        this.name = name;
+    }
+
+    public Integer getAge() {
+        return age;
+    }
+
+    public void setAge(Integer age) {
+        this.age = age;
+    }
+
+    public String getImage() {
+        return image;
+    }
+
+    public void setImage(String image) {
+        this.image = image;
+    }
+
+    public String getGender() {
+        return gender;
+    }
+
+    public void setGender(String gender) {
+        this.gender = gender;
+    }
+
+    public String getJob() {
+        return job;
+    }
+
+    public void setJob(String job) {
+        this.job = job;
+    }
+
+    @Override
+    public String toString() {
+        return "Emp{" +
+                "name='" + name + '\'' +
+                ", age=" + age +
+                ", image='" + image + '\'' +
+                ", gender='" + gender + '\'' +
+                ", job='" + job + '\'' +
+                '}';
+    }
+}

springboot-web-req-resp/src/main/java/com/inmind/utils/XmlParserUtils.java

@@ -0,0 +1,52 @@
+package com.inmind.utils;
+
+import org.dom4j.Document;
+import org.dom4j.Element;
+import org.dom4j.io.SAXReader;
+import java.io.File;
+import java.lang.reflect.Constructor;
+import java.lang.reflect.Field;
+import java.util.ArrayList;
+import java.util.List;
+
+public class XmlParserUtils {
+
+    public static <T> List<T> parse(String file , Class<T> targetClass)  {
+        ArrayList<T> list = new ArrayList<T>(); //封装解析出来的数据
+        try {
+            //1.获取一个解析器对象
+            SAXReader saxReader = new SAXReader();
+            //2.利用解析器把xml文件加载到内存中,并返回一个文档对象
+            Document document = saxReader.read(new File(file));
+            //3.获取到根标签
+            Element rootElement = document.getRootElement();
+            //4.通过根标签来获取 user 标签
+            List<Element> elements = rootElement.elements("emp");
+
+            //5.遍历集合,得到每一个 user 标签
+            for (Element element : elements) {
+                //获取 name 属性
+                String name = element.element("name").getText();
+                //获取 age 属性
+                String age = element.element("age").getText();
+                //获取 image 属性
+                String image = element.element("image").getText();
+                //获取 gender 属性
+                String gender = element.element("gender").getText();
+                //获取 job 属性
+                String job = element.element("job").getText();
+
+                //组装数据
+                Constructor<T> constructor = targetClass.getDeclaredConstructor(String.class, Integer.class, String.class, String.class, String.class);
+                constructor.setAccessible(true);
+                T object = constructor.newInstance(name, Integer.parseInt(age), image, gender, job);
+
+                list.add(object);
+            }
+        } catch (Exception e) {
+            e.printStackTrace();
+        }
+        return list;
+    }
+
+}

springboot-web-req-resp/src/main/resources/emp.xml

@@ -0,0 +1,36 @@
+<?xml version="1.0" encoding="UTF-8" ?>
+<emps>
+    <emp>
+        <name>金毛狮王</name>
+        <age>55</age>
+        <image>https://web-framework.oss-cn-hangzhou.aliyuncs.com/web/1.jpg</image>
+        <!-- 1: 男, 2: 女 -->
+        <gender>1</gender>
+        <!-- 1: 讲师, 2: 班主任 , 3: 就业指导 -->
+        <job>1</job>
+    </emp>
+
+    <emp>
+        <name>白眉鹰王</name>
+        <age>65</age>
+        <image>https://web-framework.oss-cn-hangzhou.aliyuncs.com/web/2.jpg</image>
+        <gender>1</gender>
+        <job>1</job>
+    </emp>
+
+    <emp>
+        <name>青翼蝠王</name>
+        <age>45</age>
+        <image>https://web-framework.oss-cn-hangzhou.aliyuncs.com/web/3.jpg</image>
+        <gender>1</gender>
+        <job>2</job>
+    </emp>
+
+    <emp>
+        <name>紫衫龙王</name>
+        <age>38</age>
+        <image>https://web-framework.oss-cn-hangzhou.aliyuncs.com/web/4.jpg</image>
+        <gender>2</gender>
+        <job>3</job>
+    </emp>
+</emps>

springboot-web-req-resp/src/main/resources/static/emp.html

@@ -0,0 +1,60 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>员工信息</title>
+</head>
+
+<link rel="stylesheet" href="element-ui/index.css">
+<script src="./js/vue.js"></script>
+<script src="./element-ui/index.js"></script>
+<script src="./js/axios-0.18.0.js"></script>
+
+<body>
+    <h1 align="center">员工信息列表展示</h1>
+    <div id="app">
+        <el-table :data="tableData" style="width: 100%"  stripe border >
+            <el-table-column prop="name" label="姓名" align="center" min-width="20%"></el-table-column>
+            <el-table-column prop="age" label="年龄" align="center" min-width="20%"></el-table-column>
+            <el-table-column label="图像" align="center"  min-width="20%">
+                <template slot-scope="scope">
+                    <el-image :src="scope.row.image" style="width: 80px; height: 50px;"></el-image>
+                </template>
+            </el-table-column>
+            <el-table-column prop="gender" label="性别" align="center"  min-width="20%"></el-table-column>
+            <el-table-column prop="job" label="职位" align="center"  min-width="20%"></el-table-column>
+        </el-table>
+    </div>
+</body>
+
+<style>
+    .el-table .warning-row {
+        background: oldlace;
+    }
+    .el-table .success-row {
+        background: #f0f9eb;
+    }
+</style>
+
+<script>
+    new Vue({
+        el: "#app",
+        data() {
+            return {
+                tableData: []
+            }
+        },
+        mounted(){
+            axios.get('/listEmp').then(res=>{
+                if(res.data.code){
+                    this.tableData = res.data.data;
+                }
+            });
+        },
+        methods: {
+        }
+    });
+</script>
+</html>