小白一看就懂的前后端接口连接

作为刚入职的小白，总是听前辈们说“连接口很简单的，一看就懂”，由于鄙人实在是才疏学浅，实在是绕的头晕眼花，不知道怎么肥事。于是耐心用一下午仔细研究每一句代码，研究他们之间的联系，反复确认，总结如下：

前后端连接用到两种文件形式：wxml 文件, js文件

准备工作：请打开本文件的 js 文件， api 下本文件涉及的接口文件（例：登录页面，打开 api --> login.js文件）， api下request文件

第一步：将后端给的局域网请求地址复制到 request.js 文件中的 dev 处

第二步：我们看看前端界面。我们在界面中输入的内容最后一步就是提交了，通过提交按钮将我们的信息传给后端。因此，在我们触发提交按钮时，我们将开始与后端接口打交道了

第三步：到 api-->js 文件中找到要实现该功能的接口，将后端给的请求地址复制进去，随后将前边的名字复制到相应的 api-->js 文件中

这次用的接口是下边的接口，不是上边的。下边的接口是某一功能实现用的

第四步：在该文件下的 js 文件中引入 api-->js 文件中对应接口的名字

第五步：在该文件下的 js 文件中写对应的操作，调用上边的名字函数(调用的函数来自 api 下对应 js 文件中的函数）

在传参时注意在 api-->js文件中要的参数类型，要与之对应（我们公司用的data参数时对象类型）

希望对你有所帮助，若有错误，请及时指出谢谢~~

小白一看就懂的前后端接口连接相关推荐

前后端不分离到分离演变,优势,前后端接口联调,排错
前后端分离,不分离简介前言前后端分离已成为互联网项目开发的业界标准使用方式,通过nginx+tomcat的方式(也可以中间加一个nodejs)有效的进行解耦,并且前后端分离会为以后的大型分布式架构 ...
公司项目里如何进行前后端接口联调
最近我的朋友Jack进入一家新的公司,正好公司项目采用的是前后端分离架构,技术栈是Jack非常熟悉的vue全家桶,后端用的是Java语言. 在前后端开发人员碰面之后,协商确定好了前端需要的数据接口(扯 ...
（凯思奥2020-03月）问题记录3，GUI问题记录3 4，国际化异常，微信平台接入 = 数据库修改 + 自动化填充 + 前后端接口修正 + 联调测试问题 + 微信与数字账号绑定 + 思考+部署
问题记录3: 1. UserPage: 未登录状态(报解构异常),或直接登出再登录,没有获取用户数据. 2.WorkContentPage gui相关(大片红字报错)(国际化message类型问题) ...
Vue前端与Django后端实现前后端分离连接
1.前端部分前端要触发一个事件,使得前端将信息发送给后端.例如一个登录事件,用户输入账号密码,点击登录按钮,即可将前端输入的信息发送给后端.该按钮绑定了一个事件,该事件放在methods配置项里边. ...
计算机前后端接口,看看别人后端API接口写得，那叫一个优雅！
在分布式.微服务盛行的今天,绝大部分项目都采用的微服务框架,前后端分离方式.题外话:前后端的工作职责越来越明确,现在的前端都称之为大前端,技术栈以及生态圈都已经非常成熟:以前后端人员瞧不起前端人员,那 ...
寻仙新马源码一键端_强大，腾讯开源前后端接口开发工具！
APIJSON是啥? APIJSON是一种为API而生的JSON网络传输协议. 为简单的增删改查.复杂的查询.简单的事务操作提供了完全自动化的API. 能大幅降低开发和沟通成本,简化开发流程,缩短 ...
前后端怎么连接_如何搭建前后端分离的测试平台
1 测试平台框架 1.前端:LayUi 2.后端:springBoot 3.数据库:mysql 2 部署环境 1.由于是前后端分离的项目,所以前后端两个工程需要我们单独部署: 2.本次部署环境: K8 ...
05_02_拉钩教育课程管理系统项目前后端接口联调
任务三前后端项目接口联调 1.联调准备 1.1 运行后台项目 clean 清空项目的编译文件 compile 重新编译项目将项目部署到 tomcat 项目名为: lagou_edu_home 端口 ...
如何使用微信开发者工具调试前后端接口
在微信小程序中,如果前后端分离开发的话,是需要通过接口来进行交互的, 因此在联系不到后台的情况下,写前端的我们应当如何测试自己的页面呢?方法如下: 微信小程序前端与后台交互的时候使用的是request ...

小白一看就懂的前后端接口连接

小白一看就懂的前后端接口连接相关推荐

最新文章

热门文章