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

最新推荐文章于 2024-07-16 17:39:09 发布
最新推荐文章于 2024-07-16 17:39:09 发布
阅读量335 收藏 3
点赞数 3
文章标签： 前端 java 服务器
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ye_kexing/article/details/139507098
版权

一、常规方式，controlller控制器不分层

1. 在pom.xml文件中引入dom4j的依赖，用于解析XML文件

<!-- 解析XML -->
        <dependency>
            <groupId>org.dom4j</groupId>
            <artifactId>dom4j</artifactId>
            <version>2.1.3</version>
        </dependency>
2. 引入XML文件Poet.xml
<?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. 编写静态页面文件Poet.html，放在resources下的static目录下

 

<!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('/listPoet').then(res=>{
                if(res.data.code){
                    this.tableData = res.data.data;
                }
            });
        },
        methods: {
        }
    });
</script>
</html>
4.编写解析XML的工具类XMLParserUtils、
package edu.wust.demos.web.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)  {
        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.通过根标签来获取 user 标签
            List<Element> elements = rootElement.elements("writer");

            //5.遍历集合,得到每一个 user 标签
            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, Integer.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;
    }

}
5.建立一个Poet的实体类 和Result类
package edu.wust.demos.web.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 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;
    }

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

package edu.wust.demos.web.pojo;


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

    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 +
                '}';
    }
}

 

5. 创建PoetController类，编写Controller程序，处理请求，响应数据

 

package edu.wust.demos.web.controller;

import edu.wust.demos.web.pojo.Poet;
import edu.wust.demos.web.pojo.Result;
import edu.wust.demos.web.utils.XmlParserUtils;
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(){
        //1.加载并解析poet.xml
        String file = this.getClass().getClassLoader().getResource("poet.xml").getFile();
        List<Poet> poetList = XmlParserUtils.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("女");
            }
        });

        //3.响应数据
        return Result.success(poetList);
        
    }

}

 运行结果

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

Controller：控制层。接收前端发送的请求，对请求进行处理，并响应数据。

- Service：业务逻辑层。处理具体的业务逻辑。

- Dao：数据访问层(Data Access Object)，也称为持久层。负责数据访问操作，包括数据的增、删、改、查。

 1.Dao层

package edu.wust.demos.web.dao;

import edu.wust.demos.web.pojo.Poet;

import java.util.List;

public interface PoetDao {
    //获取诗人信息数据
    public List<Poet> listPoet();
}

 

package edu.wust.demos.web.dao.impl;

import edu.wust.demos.web.dao.PoetDao;
import edu.wust.demos.web.pojo.Poet;
import edu.wust.demos.web.utils.XmlParserUtils;

import java.util.List;

public class PoetDaoA implements PoetDao {
    @Override
    public List<Poet> listPoet() {
        //1.加载并解析poet.xml
        String file = this.getClass().getClassLoader().getResource("poet.xml").getFile();
        List<Poet> poetList = XmlParserUtils.parse(file, Poet.class);
        return poetList;
    }
}
2.service层

 

package edu.wust.demos.web.service;

import edu.wust.demos.web.pojo.Poet;

import java.util.List;

public interface PoetService {
    //获取诗人数据
    public List<Poet> listPoet();
}

 

 

package edu.wust.demos.web.service.impl;

import edu.wust.demos.web.dao.PoetDao;
import edu.wust.demos.web.dao.impl.PoetDaoA;
import edu.wust.demos.web.pojo.Poet;
import edu.wust.demos.web.service.PoetService;

import java.util.List;

public class PoetServiceA implements PoetService {
    private PoetDao poetDao = new PoetDaoA();

    @Override
    public List<Poet> listPoet() {
        //调用dao，获取数据
        List<Poet> poetList  = poetDao.listPoet();
        //对数据转换处理
        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层
package edu.wust.demos.web.controller;

import edu.wust.demos.web.pojo.Poet;
import edu.wust.demos.web.pojo.Result;
import edu.wust.demos.web.service.PoetService;
import edu.wust.demos.web.service.impl.PoetServiceA;
import edu.wust.demos.web.utils.XmlParserUtils;
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(){
        //1.调用service，获取数据
        List<Poet> poetList = poetService.listPoet();
        //3.响应数据
        return Result.success(poetList);
        }

}

三、采用控制反转和依赖注入的MVC方式v

1.service层及dao层的实现类，交给IOC容器管理 
@Component //将当前类交给IOC容器管理，成为IOC容器的bean
public class PoetDaoA implements PoetDao {
    @Override
    public List<Poet> listPoet() {
        //1.加载并解析poet.xml
        String file = this.getClass().getClassLoader().getResource("poet.xml").getFile();
        List<Poet> poetList = XmlParserUtils.parse(file, Poet.class);
        return poetList;
    }
}

 

@Component //将当前类交给IOC容器管理，成为IOC容器的bean
public class PoetServiceA implements PoetService {
    @Autowired //运行时，IOC容器会提供改类型的bean对象，并赋值给该变量 - 依赖注入
    private PoetDao poetDao ;

    @Override
    public List<Poet> listPoet() {
        //调用dao，获取数据
        List<Poet> poetList  = poetDao.listPoet();
        //对数据转换处理
        poetList.stream().forEach(poet->{
            String gender=poet.getGender();
            if("1".equals(gender)){
                poet.setGender("男");
            }else if("2".equals(gender)){
                poet.setGender("女");
            }
        });

        return poetList;
    }
}

2.为Controller及Service注入依赖的对象 
@Component //将当前类交给IOC容器管理，成为IOC容器的bean
public class PoetServiceA implements PoetService {
    @Autowired //运行时，IOC容器会提供改类型的bean对象，并赋值给该变量 - 依赖注入
    private PoetDao poetDao ;

    @Override
    public List<Poet> listPoet() {
        //调用dao，获取数据
        List<Poet> poetList  = poetDao.listPoet();
        //对数据转换处理
        poetList.stream().forEach(poet->{
            String gender=poet.getGender();
            if("1".equals(gender)){
                poet.setGender("男");
            }else if("2".equals(gender)){
                poet.setGender("女");
            }
        });

        return poetList;
    }
}

 

@RestController
public class PoetController {
    @Autowired //运行时，IOC容器会提供改类型的bean对象，并赋值给该变量 - 依赖注入
    private PoetService poetService ;
    @RequestMapping("/poet")
    public Result list(){
        //1.调用service，获取数据
        List<Poet> poetList = poetService.listPoet();
        //3.响应数据
        return Result.success(poetList);
    }
}

ye_kexing
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
web应用技术第四次课后练习
lengxiaoyi__的博客
04-22 220
1.常规方式，controlller控制器不分层。
web应用技术 第二次课后练习
lengxiaoyi__的博客
04-15 218
2.navicat安装与激活。1.mysql的安装。
Web应用技术第一次课后练习
lengxiaoyi__的博客
04-06 230
ideaui：（好像只能试用30天）1.tomcat下载安装及配置。
web应用技术-第四次课后练习
2302_80868896的博客
05-07 233
在pom.xml文件中引入dom4j的依赖，用于解析xml文件（坐标）
Web前端技术项目式教程（HTML5+CSS3+Flex+Bootstrap)-课后练习答案.zip
07-10
本教程主要涵盖了Web前端开发中的核心技术和框架，包括HTML5、CSS3、Flex布局以及...通过实践这些课后练习，你将能更好地理解如何将HTML5、CSS3、Flex布局和Bootstrap结合起来，创建出高效、美观且响应式的Web页面。
C#网络应用编程第3版 马骏 课后答案.rar
06-14
《C#网络应用编程》是马骏先生撰写的一本深入探讨C#在构建网络应用程序方面的专著，第三版更是对前两版的完善和提升，旨在帮助开发者掌握使用C#进行网络编程的核心技术和实践方法。这本书涵盖了从基础的网络概念到...
JavaWeb编程技术沈泽刚版教材课后习题答案
07-02
JavaWeb编程技术沈泽刚版微课版教材课后习题详细答案 2、Servlet是在容器中运行的组件，有一个从创建到销毁的过程，其中包括加载和实例化、初始化、提供服务以及销毁几个阶段。其中生命周期方法有init()、service()...
jsp应用与开发技术第二版课后习题配套答案
01-05
例如，第1-6章的课后题可能涵盖了JSP的基本语法和内置对象的使用，而第12-16章的习题可能涉及到更高级的主题，如EL、JSTL和MVC的应用。 在实际的学习过程中，读者不仅需要理解每个知识点的概念，还要通过编写和运行...
第四天课后作业练习的练习答案展示
02-26
作为第四天课后作业的练习答案展示，我们将通过解析标签、元素和属性，揭示HTML的强大功能及其在创建动态和交互式网页中的核心作用。 HTML是由一系列标签组成的，这些标签告诉浏览器如何呈现页面上的内容。例如，`...
OpenSNN推文：近期优质博客推荐汇总
opensnn的博客
07-12 355
国内个人博客站点众多，涵盖了技术、生活、艺术等多个领域。
Web前端-Web开发CSS基础6-弹性盒子
a15735748145a的博客
07-16 701
10. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。11. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。12. stretch，这意味着弹性盒子在布局的时候，不论是一行一行地布局，还是一列一列地布局，垂直方向上的各元素都将会自动扩展，以填满父元素的高度。
更新商品前端接口编写
weixin_55639995的博客
07-12 394
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
微信小程序开发笔记之”表单读不出数据“解决指南
qq_46396470的博客
07-12 320
脑瓜子好了后，忘记了表单控件必须要加上。提交后打印的字典是空的，卡了十几分钟。
【零基础】学JS之APIS第三天
大学生小郑的博客
07-12 1681
【零基础】学JS之APIS第三天
＜Rust＞＜GUI＞rust语言GUI库tauri体验：前、后端结合创建一个窗口并修改其样式
用沸腾的热血，支付我们的人生吧！
07-16 800
前言 本文是rust语言下的GUI库：tauri来创建一个窗口的简单演示，主要说明一下，使用tauri这个库如何创建GUI以及如何添加部件、如何编写逻辑、如何修改风格等，所以，这也是一个专栏，将包括tauri库的多个方面。 环境配置 系统：windows 平台：visual studio code 语言：rust、javascript、html、css 库：tauri概述 本文是tauri库系列博文的第一篇，主要是简单实现一个窗口程序并成功运行，当然，这是基于官方的示例，事实上官方给出的上手例程非常详细，不
【Web前端技术 01】 探索HTML5的奥秘：为初学者打造网页的基石
最新发布
Wc&Yd博客
07-16 564
探索HTML5奥秘，本文带初学者迈入网页设计大门。详解HTML5文档结构、语义化标签、新增API，助您构建现代网页，激发学习兴趣，开启开发之旅。
java Web学习笔记（三）
qq_62678419的博客
07-12 1049
java 前端工程框架 vue3 包括以下依赖的学习 vite npm router axios
自定义 Hooks 在 Vue3 中的应用和重要性
CodeQi技术小栈的博客
07-16 642
自定义Hooks是Vue3提供的一种将可复用逻辑提取到独立函数中的方式。这不仅可以减少代码的重复，还能让你的代码更加清晰易读，维护起来也更加方便。在这篇文章中，我将通过详细的步骤和实例，带你深入了解如何在Vue3中使用自定义Hooks，以及它们在实际项目中的应用和重要性。首先，我们来看一下如何创建一个简单的自定义Hook。在Vue3中，自定义Hook本质上就是一个返回特定功能的函数。让我们从一个简单的计数器例子开始。
计算机网络-自顶向下方法-第四版-课后习题答案.doc
11-30
在《计算机网络：自顶向下方法（第四版）》这本书中，课后习题解答文档提供了针对该教材第四版的详尽解答。作者Jim Kurose和Keith Ross以自顶向下的方法来阐述计算机网络理论，这种教学策略强调了从宏观到微观的理解...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值