SpringBoot的JSON工具类（java），用于前后端分离

已于 2022-07-22 09:17:43 修改
阅读量1.6k 收藏 4
点赞数
分类专栏： springboot 文章标签： json java spring boot
于 2022-06-28 01:47:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_57581439/article/details/125494876
版权

简介

JSON（JavaScript Object Notation, JS对象简谱）是一种轻量级的数据交换格式。它基于 ECMAScript（European Computer Manufacturers Association, 欧洲计算机协会制定的js规范）的一个子集，采用完全独立于编程语言的文本格式来存储和表示数据。简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编写，同时也易于机器解析和生成，并有效地提升网络传输效率。

JSON工具类（自用）

在这里插入图片描述

一、第一种

ComonPage.java：用来封装PageHelper分页插件的数据

package com.attendance.common;

import com.github.pagehelper.PageInfo;
import lombok.Data;

import java.util.List;

@Data
public class CommonPage<T> {
    //当前页
    private int pageNum;
    //每页的数量
    private int pageSize;
    //当前页的数量
    private int size;

    //总记录数
    private long total;

    //总页数
    private int pages;

    //是否为第一页
    private boolean isFirstPage = false;

    //是否为最后一页
    private boolean isLastPage = false;

    //是否有前一页
    private boolean hasPreviousPage = false;

    //是否有下一页
    private boolean hasNextPage = false;

    //结果集
    private List<T> list;

    public static <T> CommonPage<T> restPage(List<T> list) {
        CommonPage<T> result = new CommonPage();
        PageInfo<T> pageInfo = new PageInfo(list);
        result.setPages(pageInfo.getPages());
        result.setPageNum(pageInfo.getPageNum());
        result.setPageSize(pageInfo.getPageSize());
        result.setSize(pageInfo.getSize());
        result.setTotal(pageInfo.getTotal());
        result.setFirstPage(pageInfo.isIsFirstPage());
        result.setHasNextPage(pageInfo.isHasNextPage());
        result.setHasPreviousPage(pageInfo.isHasPreviousPage());
        result.setLastPage(pageInfo.isIsLastPage());
        result.setList(pageInfo.getList());
        return result;
    }
}

就是用来封装下面这样的数据

    //    根据条件查学生信息
    @Override
    public CommonResult selectStudent(Student student, Pages pages) {
        PageHelper.startPage(pages.getPage(),pages.getNum());
        return CommonResult.success(CommonPage.restPage(studentMapper.selectStudent(student)));
    }

Pages.java：用来装分页插件需要的数据

package com.attendance.pojo;

import lombok.Data;

@Data
public class Pages {
    private int page = 1;//第几页
    private int num = 5;//每页几条数据
}

CommonResult.java：封装JSON的工具类

package com.attendance.common;

import lombok.Data;

@Data
public class CommonResult<T> {
    private long code;
    private String message;
    private boolean flag;
    private T data;

    protected CommonResult() {
    }

    protected CommonResult(long code, boolean flag, String message, T data) {
        this.code = code;
        this.flag = flag;
        this.message = message;
        this.data = data;
    }

    public CommonResult(long code, boolean flag, String message) {
        this.code = code;
        this.flag = flag;
        this.message = message;
    }

    public static <T> CommonResult<T> success(T data) {
        return new CommonResult(ResultCode.SUCCESS.getCode(), ResultCode.SUCCESS.getFlag(), ResultCode.SUCCESS.getMessage(), data);
    }

    public static <T> CommonResult<T> success(T data, String message) {
        return new CommonResult(ResultCode.SUCCESS.getCode(), ResultCode.SUCCESS.getFlag(), message, data);
    }

    public static <T> CommonResult<T> success(String message) {
        return new CommonResult(ResultCode.SUCCESS.getCode(), ResultCode.SUCCESS.getFlag(), message);
    }

    public static <T> CommonResult<T> failed(IErrorCode errorCode) {
        return new CommonResult(errorCode.getCode(), errorCode.getFlag(), errorCode.getMessage(), (Object)null);
    }

    public static <T> CommonResult<T> failed(IErrorCode errorCode, String message) {
        return new CommonResult(errorCode.getCode(), errorCode.getFlag(), message, (Object)null);
    }

    public static <T> CommonResult<T> failed(String message) {
        return new CommonResult(ResultCode.FAILED.getCode(), ResultCode.FAILED.getFlag(), message, (Object)null);
    }

    public static <T> CommonResult<T> failed() {
        return failed((IErrorCode)ResultCode.FAILED);
    }

    public static <T> CommonResult<T> validateFailed() {
        return failed((IErrorCode)ResultCode.VALIDATE_FAILED);
    }

    public static <T> CommonResult<T> validateFailed(String message) {
        return new CommonResult(ResultCode.VALIDATE_FAILED.getCode(), ResultCode.VALIDATE_FAILED.getFlag(), message, (Object)null);
    }

    public static <T> CommonResult<T> unauthorized(T data) {
        return new CommonResult(ResultCode.UNAUTHORIZED.getCode(), ResultCode.UNAUTHORIZED.getFlag(), ResultCode.UNAUTHORIZED.getMessage(), data);
    }

    public static <T> CommonResult<T> forbidden(T data) {
        return new CommonResult(ResultCode.FORBIDDEN.getCode(), ResultCode.FORBIDDEN.getFlag(), ResultCode.FORBIDDEN.getMessage(), data);
    }
}

IErrorCode：存放数据的接口

package com.attendance.common;

public interface IErrorCode {
    long getCode();

    boolean getFlag();

    String getMessage();
}

ResultCode.java：存放数据的实现类

package com.attendance.common;

public enum ResultCode implements IErrorCode {
    SUCCESS(200L, true, "操作成功"),
    FAILED(500L, false, "操作失败"),
    VALIDATE_FAILED(404L, false, "参数检验失败"),
    UNAUTHORIZED(401L, false, "暂未登录或token已经过期"),
    FORBIDDEN(403L, false, "没有相关权限");

    private long code;
    private boolean flag;
    private String message;

    private ResultCode(long code, boolean flag, String message) {
        this.code = code;
        this.flag = flag;
        this.message = message;
    }

    public long getCode() {
        return this.code;
    }

    public boolean getFlag() {
        return this.flag;
    }

    public String getMessage() {
        return this.message;
    }
}

具体操作代码

Service：

就是让方法的返回值变成CommonResult

    //    新增学生信息
    @Override
    public CommonResult selectStudentById(int id) {
        Student student = studentMapper.selectStudentById(id);
        return CommonResult.success(student,"查询成功！");
    }

    //    更改学生状态
    @Override
    public CommonResult updateStudentInfo(Student student) {
        int i = studentMapper.updateStudentInfo(student);
        if (i==1){
            return CommonResult.success("修改信息成功！");
        }else {
            return CommonResult.failed("修改数据失败！");
        }
    }

Controller：

//    更新学生基本信息
    @PostMapping("/updateStudentInfo")
    public CommonResult updateStudentInfo(@RequestBody Student student){
        return studentService.updateStudentInfo(student);
    }

//    更改学生状态
    @PostMapping("/modifyStudentStatus")
    public CommonResult modifyStudentStatus(@RequestBody Student student){
        return studentService.modifyStudentStatus(student);
    }

发送JSON后的返回值（测试），这里我是那我另一个项目做的测试，反正返回值就是这个样子，工具类都可以调整，这里我用了Mybatis-Plus的分页插件，所以都没有使用CommonPage

{
    "code": 0,
    "message": "查询成功！",
    "flag": true,
    "data": [
        {
            "id": 1,
            "stuName": "苏文绩",
            "stuNative": "重庆市铜梁区",
            "stuSex": "男",
            "stuPhone1": "17782299402",
            "stuPhone2": "19112799705",
            "classType": "文科",
            "stuIdentity": "500224200012050053",
            "stuAddress": "重庆市铜梁区东城街道玉泉花苑5-12-3",
            "specialType": "单亲家庭",
            "stuScore": "502",
            "stuMajor1": "软件工程",
            "stuMajor2": "计算机科学与技术",
            "status": 0,
            "contactContent": "",
            "version": 1,
            "createTime": "2022-06-23T09:50:26.000+00:00",
            "updateTime": "2022-06-27T03:55:51.000+00:00",
            "deleted": false
        },
        {
            "id": 2,
            "stuName": "谢汝雄",
            "stuNative": "重庆市江津区",
            "stuSex": "男",
            "stuPhone1": "17353192303",
            "stuPhone2": "11651561651",
            "classType": "文科",
            "stuIdentity": "500244200007031125",
            "stuAddress": "重庆市江津区",
            "specialType": "孤儿",
            "stuScore": "600",
            "stuMajor1": "自动化",
            "stuMajor2": "艺术与科技",
            "status": 1,
            "contactContent": "adasd",
            "version": 1,
            "createTime": "2022-06-23T09:52:18.000+00:00",
            "updateTime": "2022-06-27T04:42:21.000+00:00",
            "deleted": false
        },
        {
            "id": 3,
            "stuName": "张幸",
            "stuNative": "重庆市万州区",
            "stuSex": "男",
            "stuPhone1": "173151515",
            "stuPhone2": "12.1.21.1.15.15",
            "classType": "理科",
            "stuIdentity": "56156165165",
            "stuAddress": "重庆市万州区",
            "specialType": "孤儿,优扶家庭子女,家庭突发重大变故",
            "stuScore": "504",
            "stuMajor1": "计算机科学与技术",
            "stuMajor2": "艺术与科技",
            "status": 0,
            "contactContent": "",
            "version": 1,
            "createTime": "2022-06-23T09:53:06.000+00:00",
            "updateTime": "2022-06-26T08:47:18.000+00:00",
            "deleted": false
        },
        {
            "id": 4,
            "stuName": "赵云",
            "stuNative": "124124",
            "stuSex": "男",
            "stuPhone1": "12124124",
            "stuPhone2": "12512512",
            "classType": "1",
            "stuIdentity": "124124",
            "stuAddress": "123123123",
            "specialType": "孤儿,烈士子女,优扶家庭子女,建档立卡贫困家庭学生",
            "stuScore": "124124",
            "stuMajor1": "通信工程",
            "stuMajor2": "自动化",
            "status": 0,
            "contactContent": "",
            "version": 1,
            "createTime": "2022-06-23T10:29:57.000+00:00",
            "updateTime": "2022-06-26T08:52:32.000+00:00",
            "deleted": false
        },
        {
            "id": 5,
            "stuName": "张三",
            "stuNative": "重庆",
            "stuSex": "男",
            "stuPhone1": "12124",
            "stuPhone2": "12412",
            "classType": "1",
            "stuIdentity": "500224",
            "stuAddress": "124125125",
            "specialType": "孤儿,烈士子女,优扶家庭子女,建档立卡贫困家庭学生",
            "stuScore": "654",
            "stuMajor1": "市场营销",
            "stuMajor2": "信息工程",
            "status": 0,
            "contactContent": "",
            "version": 1,
            "createTime": "2022-06-23T11:02:43.000+00:00",
            "updateTime": "2022-06-26T09:18:58.000+00:00",
            "deleted": false
        }
    ],
    "count": 21
}

二、第二种

在这里插入图片描述

R.java

package com.zdsoft.datafactory.common;


import com.zdsoft.datafactory.common.enums.ResultCodeEnum;

/**
 * 接口通用的返回对象。
 * @author 李川东
 * */

public final class R<T> {
    private  int code;
    private  String msg ;
    private  T data;

    public R(){

    }

    public R(int code){
        this.code = code;
        this.msg = "";
        this.data = null;
    }

    public R(int code,String msg){
        this.code = code;
        this.msg = msg;
        this.data = null;
    }

    public R(int code,String msg,T data){
        this.code = code;
        this.msg = msg;
        this.data = data;
    }

    public void setCode(int code) {
        this.code = code;
    }

    public void setMsg(String msg) {
        this.msg = msg;
    }

    public void setData(T data) {
        this.data = data;
    }

    public int getCode() {
        return code;
    }



    public String getMsg() {
        return msg;
    }

    public T getData() {
        return data;
    }

    public static R Success(Object data){
        return new R(ResultCodeEnum.SUCCESS.getCode(), ResultCodeEnum.SUCCESS.getMessage(),data);
    }

    public static R Success(String message,Object data){
        return new R(ResultCodeEnum.SUCCESS.getCode(), message,data);
    }

    public static R Success(){
        return Success("");
    }


    public static R Failed(String msg){
        return new R(ResultCodeEnum.SYSTEM_EXCEPTION.getCode(),msg);
    }
    public static R Failed(){
        return Failed("Failed");
    }

    public static R Failed(int code,String msg){
         return new R(code,msg);
    }


    public boolean succeeded(){
        return getCode() == ResultCodeEnum.SUCCESS.getCode();
    }


    public boolean failed(){
        return getCode() != ResultCodeEnum.SUCCESS.getCode();
    }

}

ResultCodeEnum.java

package com.zdsoft.datafactory.common.enums;

import com.zdsoft.datafactory.common.R;

import java.util.ArrayList;
import java.util.List;

/**
 * @Author lichuandong
 * @Date 2021/1/5
 */
@SuppressWarnings("AlibabaEnumConstantsMustHaveComment")
public enum ResultCodeEnum {

    SUCCESS(100200, "返回成功"),
    SYSTEM_EXCEPTION(100500, "系统异常"),
    REQUEST_PARAM_ERROR(100401,"请求参数错误"),
    REQUEST_OUT_OVERTIME(100408,"请求超时"),
    REQUEST_NOT_FOUND(100404,"请求的资源或服务未找到"),
    REQUEST_LENGTH_LIMIT(100414,"请求URI太长"),
    REQUEST_Format_NOT_SUPPORTED(100415,"请求的格式不支持"),
    TOKEN_EXPIRED_REDIRECT(100302,"token过期,请重新登录"),


    INTERFACE_BASIC_INFORMATION_NULL(100001, "接口基本信息为空"),
    INTERFACE_NAME_NULL(100002, "接口名称为空"),
    INTERFACE_SOURCE_NULL(100005, "接口来源为空"),
    INTERFACE_PROTOCOL_NULL(100003, "接口协议为空"),
    INTERFACE_NOT_ENABLED(100123, "接口未启用"),
    INTERFACE_IP_PORT_NULL(100012, "ip和端口为空"),
    INTERFACE_PATH_NULL(100004, "接口路径为空"),
    INTERFACE_REQUEST_METHOD_NULL(100008, "接口请求方式"),
    REQUEST_TIMEOUT(100014, "超时时限为空"),
    REQUEST_PARAM_NULL(100012, "请求参数为空"),
    INTERFACE_BASE_NOT_FOUND(100013, "未找到该条接口基本信息"),
    INTERFACE_SETTING_NOT_FOUND(100015, "未找到该条接口配置信息"),
    INTERFACE_BASE_EXIST(100026, "接口基本信息已存在"),
    INTERFACE_BASE_NOT_EXIST(100025, "接口基本信息不存在"),
    INTERFACE_SETTING_EXIST(100027, "接口配置信息已存在"),
    INTERFACE_SETTING_NOT_EXIST(100028, "接口配置信息不存在"),
    INTERFACE_PATH_ILLEGAL(100009, "接口路径不符合规范"),
    REQUIRED_FIELD_IS_BLANK(100007, "入参必填字段为空： "),
    REQUEST_OUT_API_FAIL(100018, "请求外部接口失败，返回状态码："),
    REQUEST_OUT_GET_OVERTIME(100019, "GET请求外部接口失败，请求超时"),
    REQUEST_OUT_POST_OVERTIME(100020, "POST请求外部接口失败，请求超时"),
    REQUEST_OUT_PUT_OVERTIME(100021, "PUT请求外部接口失败，请求超时"),
    REQUEST_OUT_DELETE_OVERTIME(100022, "DELETE请求外部接口失败，请求超时"),
    OTHER_METHODS_NOT_SUPPORTED(100023, "现阶段不支持其他请求方式"),
    PARAM_BODY_CONTENT_ERROR(100024, "请求body不是json格式"),
    SPLICING_PARAM_IS_FAIL(100031, "拼接GET请求入参出错，请检查参数"),
   ;

    /**
     * 枚举值
     */
    private final Integer code;

    /**
     * 枚举描述
     */
    private final String message;

    /**
     * 构造一个<code>LocalCacheEnum</code>枚举对象
     *
     * @param code 枚举值
     * @param message 枚举描述
     */
    ResultCodeEnum(Integer code, String message) {
        this.code = code;
        this.message = message;
    }
    public Integer getCode() {
        return code;
    }

    public String getMessage() {
        return message;
    }

    public <T> R<T> result(){
        return new R(getCode(),getMessage());
    }
    public <T>  R<T> result(String message){
        return new R(getCode(),message);
    }
    /**将返回码标准的信息 填充到message里面，message必须包含一个%s*/
    public <T>  R<T> resultFillingMessage(String message){
        return new R(getCode(),String.format(message,getMessage()));
    }


    /**将message添加到返回码标准的信息后面 再返回{@link R}*/
    public <T> R<T> resultAppendMessage(String message){
        return new R(getCode(),getMessage()+message);
    }



    /**
     * 获取全部枚举
     *
     * @return List<LocalCacheEnum>
     */
    public static List<ResultCodeEnum> getAllEnum() {
        List<ResultCodeEnum> list = new ArrayList<>();
        for (ResultCodeEnum each : values()) {
            list.add(each);
        }
        return list;
    }

    /**
     * 获取全部枚举值
     *
     * @return List<String>
     */
    public static List<Integer> getAllEnumCode() {
        List<Integer> list = new ArrayList<>();
        for (ResultCodeEnum each : values()) {
            list.add(each.code);
        }
        return list;
    }
}

使用方法：

    public R addstopwatch(@RequestBody AddStopWatchVo addStopWatchVo){
        try {
            if (!IsChineseUtil.isLetterChinese(addStopWatchVo.getsName())){
                return R.Failed("码表名称只能为中文或者英文");
            }
            Boolean flag = iStopWatchValueService.JudgeStopWatchValue(addStopWatchVo.getStopWatchValues());
            if (flag){
                StopWatch stopWatch = iStopWatchService.AddStopWatch(addStopWatchVo.getsName(), addStopWatchVo.getsComment());
                Long id = stopWatch.getsId();
                iStopWatchValueService.AddStopWatchValue(addStopWatchVo.getStopWatchValues(),id);
                return R.Success();
            }else return R.Failed("码值不能重复");
        }catch (Exception e){
            return R.Failed("码表名称不能重复");
        }
    }

返回值：

{
  "code": 100200,
  "msg": "返回成功",
  "data": ""
}
我认不到你
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
web前后端分离开发——后端SpringMVC java开发
06-04
web前后端分离开发，后端SpringMVC java开发内含spirngMVC代码以及java-json处理包 详细内容可以参考我的博客https://blog.csdn.net/weixin_38879056/article/details/90758420 以及配套的前端vue项目...
前后端分离—JSON
01-08
Json是一个轻量级的数据交换格式,对于前后端分离的时代，Json在这里面起着非常大的作用。 Json在后端中常用的用法 @RequestMapping(/json) @ResponseBody public String json1() { User u = new User(张三,18); ...
基于springboot和ajax的简单项目 03.两个重要的工具类jsonresult和serviceException（上）
qq_38757863的博客
04-15 174
其实，上次写的PageObjects也是工具类，只是这个是专注于分页的工具类，而jsonresult和serviceException是一个用来后台和前端进行json交流的，一个是自定义的异常。
JSONResult 封装
weixin_34122604的博客
12-31 603
import java.util.List; import com.fasterxml.jackson.databind.JsonNode; import com.fasterxml.jackson.databind.ObjectMapper; /** * * @Title: LeeJSONResult.java * @Package com.lee.utils * @Descri...
在 Java 中只用 JDK 自带的类库解析 JSON
最新发布
Itmastergo的博客
02-22 686
在 Java 中，解析 JSON（JavaScript Object Notation）是一项常见的任务，它允许我们在应用程序中处理和交换数据。虽然 Java 标准库中没有提供专门用于 JSON 解析的类，但是可以使用 JDK 自带的类库以及第三方库来完成这项任务。
Springboot JSON工具类
xiaokui6的博客
05-10 320
【代码】Springboot JSON工具类。
Spring Boot中解析JSON数据的三种方案
qq_43842093的博客
08-11 1874
JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。易于人阅读和编写。同时也易于机器解析和生成。JSON是一个标记符的序列。这套标记符包含六个构造字符、字符串、数字和三个字面名。JSON是一个序列化的对象或数组。自己创建一个MappingJackson2HttpMessageConverter，取代JacksonHttpMessageConvertersConfiguration中项目自带的。例：@Bean。
重学springboot系列之JSON处理工具类：FastJSON、Gson和Jackson对比，Json常用注解，手动数据转换，全局配置：使用配置文件和代码，hutool工具解析json
qq120631157的博客
05-04 2717
重学springboot系列之JSON处理工具类：FastJSON、Gson和Jackson对比，Json常用注解，手动数据转换，全局配置：使用配置文件和代码，hutool工具解析json
Java前后端分离定义统一结果返回类
dedede001的博客
12-10 3310
项目中我们会将响应封装成json返回， 一般在项目中我们会将所有接口的数据格式统一， 使前端(iOS Android, Web)对数据的操作更一致、轻松。一般会包含状态码、返回消息、数据这几部分内容。
SpringBoot--封装JSON工具类（基于Jackson）
IT利刃出鞘的博客
09-28 1682
本文提供一个JSON工具类，本工具是对Jackson（也就是ObjectMapper）的封装。
基于SpringBoot +Vue Element UI 实现前后端分离系统源码+数据库.zip
12-05
基于SpringBoot +Vue Element UI 实现前后端分离源码+数据库这个小项目是一个 springboot 和 vue 的案例，服务器管理信息，由用户申请服务器和释放服务器，查看消息。 当时需求很简单，一个服务器信息的管理，一个...
Java中JSON处理工具类使用详解
10-18
主要为大家详细介绍了Java中JSON处理工具类的使用，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
前后端分离优雅的返回Json数据
12-22
前后端分离优雅的返回Json数据统一返回数据格式背景测试环境springboot2.2.4需要依赖（测试用，与格式规范无关）一、实现步骤1、创建一个存放公共返回码的枚举类型2、创建一个Result类封装返回数据2、分页展示工具类...
springboot知识一(返回一个统一的class类JsonResult)
阿波的博客
12-21 1291
目的 我们创建一个类，用来返回需要的信息。这样就可以对想要的内容进行统一的管理。 JsonResult public class JsonResult { private Integer code;//状态码 private Object data;//数据 private String msg;//信息 /** * 正确时返回的信息 */ public static JsonResult isOk(Object data) { return new JsonRes
前后端分离 - 统一JSON 交互
william_n的博客
04-14 4424
主要用于前后端分离, 统一JSON 交互方式
关于JSON：前后端数据传输格式规范，实现前后端分离的步骤
m0_53881899的博客
09-03 640
关于JSON：前后端数据传输格式规范，实现前后端分离的步骤
前后端分离神器——JSON
Wang________的博客
03-28 232
JSON解析有三种方式 原生、fastJSON(阿里巴巴)、Gjson（谷歌） fastJSON //通过fastJson 将list转化成JSON字符串 User user = new User(1,"王"); User user1 = new User(2,"李"); List<User> use...
Spring Boot 中使用 ObjectMapper 进行 JSON 序列化和反序列化
小子宝丁的博客
05-31 5001
在 Java 中，可以使用各种 JSON 序列化和反序列化工具将 Java 对象转换为 JSON 字符串或者将 JSON 字符串转换为 Java 对象。其中，Jackson 库是比较常用的 JSON 序列化和反序列化工具之一，它提供了 `ObjectMapper` 类，用于将 Java 对象转换为 JSON 字符串，或者将 JSON 字符串转换为 Java 对象。
介绍一下springboot和vue的框架的前后端分离体系
06-12
好的，Spring Boot和Vue.js是目前非常流行的前后端分离框架。 Spring Boot是一个用于开发基于Spring框架的Web应用程序的框架。它提供了快速开发和部署的能力，使得开发者可以更加专注于业务逻辑的实现。Spring Boot采用约定大于配置的方式，简化了配置，让开发者更加容易上手。 Vue.js是一个轻量级的JavaScript框架，用于构建交互式用户界面。它提供了数据绑定、组件化、指令等功能，使得开发者可以更加方便地构建复杂的单页应用程序。Vue.js还可以与其他库或框架进行结合使用，例如与Spring Boot进行结合使用实现前后端分离。 在前后端分离的体系中，Vue.js负责前端页面的构建和交互逻辑的实现，而Spring Boot则负责后端业务逻辑的实现和数据的处理。前后端通过API接口进行数据的交互。前端可以通过Axios等HTTP库向后端发送请求，后端返回JSON格式的数据，前端通过Vue.js进行解析和展示。这种分离的体系可以使得前端和后端开发者可以独立开发，提高了开发效率，降低了开发成本。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

我认不到你

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值