首页 > 其他分享 >Web应用模式 Api接口 Api接口调试工具postman及使用

Web应用模式 Api接口 Api接口调试工具postman及使用

时间:2023-01-31 17:13:41浏览次数:72  
标签:Web postman 前端 前后 接口 json Api 格式

目录

web应用模式

前后端混合开发

django web框架 专门用来写web项目
#之前学的,写的bbs项目,图书管理系统,用的是前后端混合开发
#后端人员写后端,也要写【模板语法】--》xx.html的python代码
# 全栈开发 --》前后端混合时代,比较多

image

前后端分离开发

一开始流行的是前后端结合开发方式,后来因为前端的发展,催生了前端框架,前端变得越来越复杂,导致前后端分离开发变成主流

后端人员:一点前端都不需要动,只需要写接口即可,使用postman接口调试工具调试
前端人员:负责写前端,写的过程使用mock数据
最后:前后端联调项目
全栈开发:web后端、前端框架(vue,react)

image

前后端分离并不只是开发模式,而是web应用的一种架构模式。在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要对web应用进行分离部署,前后端之前使用的HTTP或者其他协议进行交互请求。

image
静态页面通过Javascript向Django框架发送Ajax请求,在后端数据库查到数据,后端将json格式的数据返回,返回之后前端通过js的DOM操作,操作某个标签的内容。也就是js拿到json格式的数据,再来渲染页面

页面的渲染在前端完成 在前端使用Javascript代码渲染页面

前后端分离的好处:

前端的展现形式 不一定只是网页了

前端可能是写app、小程序、后端只需要提供接口就行了

而前后端混合开发时,前端只能是浏览器

前后端交互的编码格式
从前端向后端提交数据,一般post提交,数据是放在http请求的请求体(body体),不同的编码格式,在请求体中的样子不一样

urlencoded: 前后端混合这个用的多,默认情况下是key value形式 在请求体中的格式:name=win&age=28; 在Django中 request.POST能取得到
form-data: 上传文件,有携带两部分带数据、带文件(二进制),数据部分是name=win&age=28,文件部分是二进制有带分割用于区分数据与文件。在Django中取数据:request.POST、 取文件:reqeust.FILES
json: body体(请求体)中的数据格式为:{"name":"win","age":28}--->>前后端分离用的多 在Django中 request.POST取不到

API接口

# 为了在团队内部形成共识、防止个人习惯差异引起的混乱,我们需要找到一种大家都觉得很好的接口实现规范,而且这种规范能够让后端写的接口,用途一目了然,减少双方之间的合作成本【前后端】


# 通过网络,规定了前后台信息交互规则的url链接,也就是前后台信息交互的媒介
    http://127.0.0.1/books/
	点赞,点踩  就是API接口
# api接口:就是前后端交互的媒介
	-url地址:https://api.map.baidu.com/place/v2/search
    -请求方式:get,post,delete,put。。。。
    -请求参数:json格式的key-value类型数据
    	-早些年 前后端交互使用xml格式----》ajax:异步JavaScript和XML
        -后来,随着json格式的出现,成了主流,直到现在
        -以后:一定会出现,比json更高效的交互格式,更安全
    -响应结果:json格式的数据

# api接口案列
-https://api.map.baidu.com/place/v2/search?ak=6E823f587c95f0148c19993539b99295&region=上海&query=肯德基&output=xml
        ak:6E823f587c95f0148c19993539b99295
        region:上海
        query:肯德基
        output:json
        响应结果:json或xml格式的数据

-https://api.map.baidu.com/place/v2/search?ak=6E823f587c95f0148c19993539b99295&region=上海&query=肯德基&output=json

接口调试工具postman

# 作为后端,写好了接口,我们自己要测试通过,再给别人用

# 写的接口,需要有个工具测试    
	-浏览器只能发送get请求,不能自动发送post,delete请求
    -postman---》开源软件,只是谷歌浏览器的插件,越做好好,后来可以按装到操作系统上,再后来,收费
    -postwoman
    -很多很多其他的,不同公司用的也可能不一样,你只需要明白一个点,这个工具只是用来发送http请求

postman的使用

1.官方下载:
https://www.postman.com/downloads/?utm_source=postman-home
2.安装,双击即可
image
image
image

标签:Web,postman,前端,前后,接口,json,Api,格式
From: https://www.cnblogs.com/winter-yu1989/p/17079834.html

相关文章