小唐开始学 Spring Boot——(5)前端显示集成

简介: 小唐开始学 Spring Boot——(5)前端显示集成

上一节,我们说到,我们已经可以将我们数据库里面的内容,通过我们的mybatis去映射到我们的前端

这个时候,细心的同学就会发现了,我们把所有信息都显示给我我们的前端用户了,这样子肯定是不行的!但是我又不可以去修改我们的类,这样子,又会导致我们接收到Mysql的语句有所缺失,于是就有了我们的端口集成。

基本思路:就是重新创建一个我们想给别人看到的类,然后去把我们的值给他复制进去

一、创建前端显示类

这里话,我们之前数据库的承接类是一样的,只不过这一次,我们只去写我们想要别人看到的类容。为了更好的区分前后端获取的内容,我们在domain下面创建出我们前端显示类

可以看到我们相较与之前少了我们的password(密码)

package com.example.test.domain.dto;
public class Test1dto {
    private Integer id;
    private String name;
    public Integer getId() {
        return id;
    }
    public void setId(Integer id) {
        this.id = id;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    @Override
    public String toString() {
        StringBuilder sb = new StringBuilder();
        sb.append(getClass().getSimpleName());
        sb.append(" [");
        sb.append("Hash = ").append(hashCode());
        sb.append(", id=").append(id);
        sb.append(", name=").append(name);
        sb.append("]");
        return sb.toString();
    }
}

二、判断类

因为我们重新去把我们的值给了我们的前端显示类,这个时候我们会担心有的时候他会发生错误,所以,我们还要一个判断类,来保证我们可以正常地返回

一般地构造都是

然后就是来规矩,tostring ,get方法,set方法,这里还有一个要注意地地方,因为我们到时候可能会根据不同地人来显示不同地信息,所以我们要在这个函数前加一个范型

package com.example.test.resp;
public class CommonResp<T> {
    private boolean success=true;
    private String message;
    private String codo;
    private T content;
    public boolean isSuccess() {
        return success;
    }
    public void setSuccess(boolean success) {
        this.success = success;
    }
    public String getMessage() {
        return message;
    }
    public void setMessage(String message) {
        this.message = message;
    }
    public String getCodo() {
        return codo;
    }
    public void setCodo(String codo) {
        this.codo = codo;
    }
    public T getContent() {
        return content;
    }
    public void setContent(T content) {
        this.content = content;
    }
    @Override
    public String toString() {
        return "CommonResp{" +
                "success=" + success +
                ", message='" + message + '\'' +
                ", codo='" + codo + '\'' +
                ", content=" + content +
                '}';
    }
}

三、改写Service层

这里我们以list()为例,因为我们要将我们写好的list封装进我们刚刚的判断类,所以先将我们的的放回类型改写成CommonResp然后在里面进行我们的后端获取的数据向前端转化,我们看看具体代码

public CommonResp list()//改写获取判断类
    {
        CommonResp commonResp=new CommonResp();
        List<Test1> test1s= test1Mapper.selectByExample(new Test1Example());//获取到我们后台数据
        ArrayList<Test1dto> test1dtos=new ArrayList<>();//我们前台显示类链表
        for(int i=0,l=test1s.size();i<l;i++)
        {
            Test1 test1=test1s.get(i);
            Test1dto test1dto=new Test1dto();//单个前台显示类
            BeanUtils.copyProperties(test1,test1dto);//复制给我们的类
            test1dtos.add(test1dto);//加进去
        }
        commonResp.setContent(test1dtos);//返还给我们的判断类
        return commonResp;//返回
    }

由于我们的在我们控制层那里,函数类型记得进行修改

四、效果

这个就是我们一开始编写的判断类

相关文章
|
6天前
|
监控 前端开发 测试技术
如何实现前端工程化的持续集成和持续部署?
通过以上步骤,可以建立一套完整的前端工程化 CI/CD 流程,实现前端代码从开发、测试、构建到部署的全自动化,提高开发效率、保证代码质量,快速响应用户需求和市场变化。
|
6天前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
1月前
|
Java Maven Docker
gitlab-ci 集成 k3s 部署spring boot 应用
gitlab-ci 集成 k3s 部署spring boot 应用
|
1月前
|
前端开发 Java 程序员
springboot 学习十五:Spring Boot 优雅的集成Swagger2、Knife4j
这篇文章是关于如何在Spring Boot项目中集成Swagger2和Knife4j来生成和美化API接口文档的详细教程。
90 1
|
1月前
|
JSON 缓存 前端开发
SpringBoot的 ResponseEntity类讲解(具体讲解返回给前端的一些事情)
本文讲解了SpringBoot中的`ResponseEntity`类,展示了如何使用它来自定义HTTP响应,包括状态码、响应头和响应体,以及如何将图片从MinIO读取并返回给前端。
61 3
|
1月前
|
存储 前端开发 Java
Spring Boot 集成 MinIO 与 KKFile 实现文件预览功能
本文详细介绍如何在Spring Boot项目中集成MinIO对象存储系统与KKFileView文件预览工具,实现文件上传及在线预览功能。首先搭建MinIO服务器,并在Spring Boot中配置MinIO SDK进行文件管理;接着通过KKFileView提供文件预览服务,最终实现文档管理系统的高效文件处理能力。
266 11
|
1月前
|
Java Spring
springboot 学习十一:Spring Boot 优雅的集成 Lombok
这篇文章是关于如何在Spring Boot项目中集成Lombok,以简化JavaBean的编写,避免冗余代码,并提供了相关的配置步骤和常用注解的介绍。
91 0
|
1月前
|
前端开发 Java 数据库
springBoot:template engine&自定义一个mvc&后端给前端传数据&增删改查 (三)
本文介绍了如何自定义一个 MVC 框架,包括后端向前端传递数据、前后端代理配置、实现增删改查功能以及分页查询。详细展示了代码示例,从配置文件到控制器、服务层和数据访问层的实现,帮助开发者快速理解和应用。
|
2月前
|
机器学习/深度学习 数据采集 JavaScript
ADR智能监测系统源码,系统采用Java开发,基于SpringBoot框架,前端使用Vue,可自动预警药品不良反应
ADR药品不良反应监测系统是一款智能化工具,用于监测和分析药品不良反应。该系统通过收集和分析病历、处方及实验室数据,快速识别潜在不良反应,提升用药安全性。系统采用Java开发,基于SpringBoot框架,前端使用Vue,具备数据采集、清洗、分析等功能模块,并能生成监测报告辅助医务人员决策。通过集成多种数据源并运用机器学习算法,系统可自动预警药品不良反应,有效减少药害事故,保障公众健康。
ADR智能监测系统源码,系统采用Java开发,基于SpringBoot框架,前端使用Vue,可自动预警药品不良反应
|
2月前
|
前端开发 JavaScript 开发者
Express.js与前端框架的集成:React、Vue和Angular的示例与技巧
本文介绍了如何将简洁灵活的Node.js后端框架Express.js与三大流行前端框架——React、Vue及Angular进行集成,以提升开发效率与代码可维护性。文中提供了详细的示例代码和实用技巧,展示了如何利用Express.js处理路由和静态文件服务,同时在React、Vue和Angular中构建用户界面,帮助开发者快速掌握前后端分离的开发方法,实现高效、灵活的Web应用构建。
52 3

热门文章

最新文章