Springboot请求响应案例
通过解析.xml文件,得到数据,然后再根据业务逻辑对数据进行更改
package com.wzb.ResponseImprove20240919;import com.wzb.ResponseExercise20240919.Result.Result;
import com.wzb.ResponseExercise20240919.utils.XmlParserUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;import java.util.List;
import java.util.function.Consumer;@RestController
public class ResponseImprove {@RequestMapping("/listEmp")public Result list() {// 1. 加载并解析emp.xml// 动态获得xml文件路径// 1.this.getClass()方法获得该类(ResponseImprove)的对象// 2.getClassLoader()方法获得该类的类加载器// 3.getResource()方法,传递文件名,获得该文件的URL地址// 4.最后使用getFile()方法将得到的URL地址转换成字符串当作文件路径String filePath = this.getClass().getClassLoader().getResource("emp.xml").getFile();// 用XmlParserUtils工具类中的parse方法解析xml文件,解析为一个个emp对象,并存入集合返回List<Emp> empList = XmlParserUtils.parse(filePath, Emp.class);// 2.按照业务需求,对解析的数据进行处理// 处理 gender 1: 男, 2: 女// 处理 job - 1: 讲师, 2: 班主任 , 3: 就业指导// steam流和lambda表达式empList.stream().forEach(emp -> {// 先处理性别String gender = emp.getGender();if (gender.equals("1")) {emp.setGender("男");} else if (gender.equals("2")) {emp.setGender("女");} else {emp.setGender("Error");}// 再处理职务String job = emp.getJob();switch (job) {case "1" -> emp.setJob("讲师");case "2" -> emp.setJob("班主任");case "3" -> emp.setJob("就业指导");default -> emp.setJob("Other");}});// 3. 响应数据return Result.success(empList);}
}// 产生问题
// 在上述案例中,解析XML数据、获取解析后的数据、处理数据逻辑的代码全部都写在了一起,若有一处有改动,那么代码的改动量则会非常大
// 这会导致工程代码的复用性极差,所以说需要分层开发,而主要的解决方法是分层解耦
Emp类
package com.wzb.ResponseImprove20240919;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;}@Overridepublic String toString() {return "Emp{" +"name='" + name + '\'' +", age=" + age +", image='" + image + '\'' +", gender='" + gender + '\'' +", job='" + job + '\'' +'}';}
}
emp的前端页面
<!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><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>
</head>
<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><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 === 200) { // 假设 200 是成功状态码this.tableData = res.data.data;}});},methods: {}});
</script>
</body>
</html>