《web应用技术》第四次课后练习

目录

一、环境准备

1.在pom.xml文件中引入dom.4j依赖,用于解析xml文件

2.建立poet.html

3.建立一个提供解析xml的工具类XmlPoetUtils

4.建立一个Poet的实体类

5.建立Result类用于统一返回响应结果

6.编写前段页面poet.html

二、controller方法

三、按照MVC的分层方式实现,常规java代码方式

1.dao层

2.service层

3.controller层

四、采用控制反转和依赖注入的MVC方式实现

1.service层及dao层的实现类,交给IOC容器管理

2.为Controller及Service注入运行时,依赖的对象

一、环境准备

一共要准备以下内容

1.在pom.xml文件中引入dom.4j依赖,用于解析xml文件

<dependency>
         <groupId>org.dom4j</groupId>
         <artifactId>dom4j</artifactId>
         <version>2.1.3</version>
</dependency>

2.建立poet.html

<?xml version="1.0" encoding="UTF-8" ?>
<writers>
    <writer>
        <author>陶渊明</author>
        <gender>1</gender>
        <dynasty>东晋末至南朝宋初期</dynasty>
        <title>诗人和辞赋家</title>
        <style>古今隐逸诗人之宗</style>
    </writer>
    <writer>
        <author>王维</author>
        <gender>1</gender>
        <dynasty>唐代</dynasty>
        <title>诗佛</title>
        <style>空灵、寂静</style>
    </writer>
    <writer>
        <author>李白</author>
        <gender>1</gender>
        <dynasty>唐代</dynasty>
        <title>诗仙</title>
        <style>豪放飘逸的诗风和丰富的想象力</style>
    </writer>
    <writer>
        <author>李商隐</author>
        <gender>2</gender>
        <dynasty>唐代</dynasty>
        <title>诗坛鬼才</title>
        <style>无</style>
    </writer>
    <writer>
        <author>李清照</author>
        <gender>2</gender>
        <dynasty>宋代</dynasty>
        <title>女词人</title>
        <style>婉约风格</style>
    </writer>
    <writer>
        <author>杜甫</author>
        <gender>1</gender>
        <dynasty>唐代</dynasty>
        <title>诗圣</title>
        <style>反映社会现实和人民疾苦</style>
    </writer>
    <writer>
        <author>苏轼</author>
        <gender>1</gender>
        <dynasty>北宋</dynasty>
        <title>文学家、书画家,诗神</title>
        <style>清新豪健的诗风和独特的艺术表现力</style>
    </writer>
</writers>

3.建立一个提供解析xml的工具类XmlPoetUtils

package com.itccc.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.util.ArrayList;
import java.util.List;

public class XmlPoetUtils {
    public static <T> List<T> parse(String file , Class<T> targetClass)  {
        Integer number=1;
        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.通过根标签来获取 writer 标签
            List<Element> elements = rootElement.elements("writer");

            //5.遍历集合,得到每一个 writer 标签
            for (Element element : elements) {
                //获取 author 属性
                String author = element.element("author").getText();
                //获取 gender 属性
                String gender = element.element("gender").getText();
                //获取 dynasty 属性
                String dynasty = element.element("dynasty").getText();
                //获取 title 属性
                String title = element.element("title").getText();
                //获取 style 属性
                String style = element.element("style").getText();

                //组装数据
                Constructor<T> constructor = targetClass.getDeclaredConstructor(Integer.class,String.class, String .class, String.class, String.class, String.class);
                constructor.setAccessible(true);
                T object = constructor.newInstance(number,author, gender, dynasty, title, style);

                number++;
                list.add(object);
            }
        } catch (Exception e) {
            e.printStackTrace();
        }
        return list;
    }
}

4.建立一个Poet的实体类

package com.itccc.pojo;

public class Poet {
    private Integer number;
    private String author;
    private String  gender;
    private String dynasty;
    private String title;
    private String style;


    public Poet(Integer number, String author, String gender, String dynasty, String title, String style) {
        this.number = number;
        this.author = author;
        this.gender = gender;
        this.dynasty = dynasty;
        this.title = title;
        this.style = style;
    }

    public Poet() {
    }

    @Override
    public String toString() {
        return "Poet{" +
                "number=" + number +
                ", author='" + author + '\'' +
                ", gender='" + gender + '\'' +
                ", dynasty='" + dynasty + '\'' +
                ", title='" + title + '\'' +
                ", style='" + style + '\'' +
                '}';
    }

    public Integer getNumber() {
        return number;
    }

    public void setNumber(Integer number) {
        this.number = number;
    }

    public String getAuthor() {
        return author;
    }

    public void setAuthor(String author) {
        this.author = author;
    }

    public String getGender() {
        return gender;
    }

    public void setGender(String  gender) {
        this.gender = gender;
    }

    public String getDynasty() {
        return dynasty;
    }

    public void setDynasty(String dynasty) {
        this.dynasty = dynasty;
    }

    public String getTitle() {
        return title;
    }

    public void setTitle(String title) {
        this.title = title;
    }

    public String getStyle() {
        return style;
    }

    public void setStyle(String style) {
        this.style = style;
    }
}

5.建立Result类用于统一返回响应结果

package com.itccc.pojo;

/**
 * 统一响应结果封装类
 */
public class Result {
    private Integer code ;//1 成功 , 0 失败
    private String msg; //提示信息
    private Object data; //数据 data

    public Result() {
    }
    public Result(Integer code, String msg, Object data) {
        this.code = code;
        this.msg = msg;
        this.data = data;
    }
    public Integer getCode() {
        return code;
    }
    public void setCode(Integer code) {
        this.code = code;
    }
    public String getMsg() {
        return msg;
    }
    public void setMsg(String msg) {
        this.msg = msg;
    }
    public Object getData() {
        return data;
    }
    public void setData(Object data) {
        this.data = data;
    }

    public static Result success(Object data){
        return new Result(1, "success", data);
    }
    public static Result success(){
        return new Result(1, "success", null);
    }
    public static Result error(String msg){
        return new Result(0, msg, null);
    }

    @Override
    public String toString() {
        return "Result{" +
                "code=" + code +
                ", msg='" + msg + '\'' +
                ", data=" + data +
                '}';
    }
}

6.编写前段页面poet.html

<!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="number" label="编号" align="center" min-width="20%"></el-table-column>
         <el-table-column prop="author" label="姓名" align="center" min-width="20%"></el-table-column>
         <el-table-column prop="gender" label="性别" align="center" min-width="20%"></el-table-column>
         <el-table-column prop="dynasty" label="朝代" align="center" min-width="20%"></el-table-column>
         <el-table-column prop="title" label="头衔" align="center"  min-width="20%"></el-table-column>
         <el-table-column prop="style" 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('/poet').then(res=>{
                if(res.data.code){
                    this.tableData = res.data.data;
                }
            });
        },
        methods: {
        }
    });
</script>
</html>

二、controller方法

建立PoetController 

package com.itccc.controller;


import com.itccc.pojo.Poet;
import com.itccc.pojo.Result;
import com.itccc.utils.XmlParserUtils;
import com.itccc.utils.XmlPoetUtils;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

@RestController
public class PoetController {

    @RequestMapping("/poet")
    public Result list(){
        //加载并解析poet.xml并封装在集合中
        String file = this.getClass().getClassLoader().getResource("poet.xml").getFile();//动态加载
        System.out.println(file);
        List<Poet> poetList = XmlPoetUtils.parse(file, Poet.class);

        //对数据进行转换
        poetList.stream().forEach(poet->{
            String gender=poet.getGender();
            if("1".equals(gender)){
                poet.setGender("男");
            }else if("2".equals(gender)){
                poet.setGender("女");
            }
        });

        return Result.success(poetList);
    }
}

运行代码后打开浏览器,输入网址

三、按照MVC的分层方式实现,常规java代码方式

第一种方法中所有的代码都在Controller中,代码的复用性及拓展性较差,项目难以维护,故用mvc方式对代码实现分层,分为controller层、service层以及dao层,将加载并解析poet.xml并封装在集合中、对数据进行转换、及响应数据分别放在dao层、service层、controller层。

1.dao层

PoetDao接口:

package com.itccc.dao;

import com.itccc.pojo.Poet;

import java.util.List;

public interface PoetDao {

    public List<Poet> listPeot();
}

PoetDaoA实现类:

package com.itccc.dao.impl;

import com.itccc.dao.PoetDao;
import com.itccc.pojo.Poet;
import com.itccc.pojo.Result;
import com.itccc.utils.XmlPoetUtils;
import org.springframework.web.bind.annotation.RequestMapping;

import java.util.List;

public class PoetDaoA implements PoetDao {
    @Override
    public List<Poet> listPeot() {
            //加载并解析poet.xml并封装在集合中
            String file = this.getClass().getClassLoader().getResource("poet.xml").getFile();//动态加载
            System.out.println(file);
            List<Poet> poetList = XmlPoetUtils.parse(file, Poet.class);
            return poetList;
    }
}

2.service层

service进行逻辑处理的数据要通过dao来获取,故要在service中调用dao 

PoetService接口:

package com.itccc.service;

import com.itccc.pojo.Poet;

import java.util.List;

public interface PoetService {

    public List<Poet> listPeot();
}

PoetServiceA实现类:

package com.itccc.service.impl;

import com.itccc.dao.PoetDao;
import com.itccc.dao.impl.PoetDaoA;
import com.itccc.pojo.Poet;
import com.itccc.service.PoetService;

import java.util.List;

public class PoetServiceA implements PoetService {
    private PoetDao poetDao = new PoetDaoA();
    @Override
    public List<Poet> listPeot() {
        //调用dao
        List<Poet> poetList = poetDao.listPeot();
        //对数据进行转换
        poetList.stream().forEach(poet->{
            String gender=poet.getGender();
            if("1".equals(gender)){
                poet.setGender("男");
            }else if("2".equals(gender)){
                poet.setGender("女");
            }
        });
        return poetList;
    }
}

3.controller层

controller中要调用service来响应数据

package com.itccc.controller;

import com.itccc.pojo.Poet;
import com.itccc.pojo.Result;
import com.itccc.service.PoetService;
import com.itccc.service.impl.PoetServiceA;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RestController;

import java.util.List;

@RestController
public class PoetController {
    private PoetService poetService = new PoetServiceA();
    @RequestMapping("/poet")
    public Result list(){
        List<Poet> poetList= poetService.listPeot();
        return Result.success(poetList);
    }
}

四、采用控制反转和依赖注入的MVC方式实现

第二种方法中,controller层与service层、service层和dao层之间的耦合过高,第三张方式就是对它们之间实现解耦

1.service层及dao层的实现类,交给IOC容器管理

为dao层及service层加入@Component注解

2.为Controller及Service注入运行时,依赖的对象

为Service层及Controller层加入@Autowired注解

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值