spring前后端分离 详解 如何完成接口的调用

前后端分离,很大程度上提高了团队开发的效率,那么前后端分离的步骤是什么

一.写接口文档

定一下后端接口的名字和调取路径

传递和接收的参数名称,样式

所谓接口,就是后端controller类里的一个方法,路径也就是服务器地址＋端口名＋类的注解

定完接口文档以后,前后端工程师可以并行开发,后端写接口,前端写页面,后端接口和参数名必须和接口文档保持相同,前端页面需要用到的数据,也用接口文档进行初始化

二.如何进行接口的调用

后端工程师开发完把jar包发到服务器上运行即可,前端掉接口的方法

 (1)api里引入后端方法

(2)views里写页面,引入api里的方法

 

 (3)调用接口方法

就像原始的ajax调用方法类似

 getDayVisRecord(){
        getDayVisRecord({
            userId: this.userId,
        })
        .then((data) => {
            this.refresh(data);
            //this.items = data.data;
        })
        .catch((err) => {
            console.log("$$$$%%%%%%%%%%%^&&&&&&&&&&&" + err);
        });
    },

第一个名字是自己随便取得method里的方法名,第二个方法名是api里写的接口名,userId是传去后端的参数,then里是调用接口的结果,data接收的是后端传来的数据,catch里存的是错误