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

Web应用模式 API接口 接口测试工具postman及使用

时间:2023-01-30 19:02:22浏览次数:56  
标签:Web postman 前端 前后 接口 json 测试工具 格式

目录

Web应用模式

前后端混合开发

Django Web框架,专门用来写web项目

之前所学的,写的BBS项目,图书管理系统,用的都是前后端混合开发

# 后端人员,后端人员要通过写的html页面,套模板语法 --->> xx.html的python代码
# 全栈开发 --->>前后端混合时代,比较多

这种模式遇到的问题,在前段调试的时候要安装完整的一套后端开发工具,要把后端程序完全启动起来。遇到问题需要后端开发来帮忙调试。我们发现前后端严重耦合,还要要求后端人员会一些HTML,JS等前端语言,前端页面里还嵌入了很多后端的代码,一旦后端换了一种语言开发,简直就得重做

image

前后端分离开发

一开始流行的是前后端结合开发方式。

后来因为前端的发展,催生了前端框架,前端变得越来越复杂。导致前后端分离开发变成主流。

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

image

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

img

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

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

前后端分离的好处:

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

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

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

更多阅读:

https://www.cnblog.com/liuqingzheng/p/10900502.html

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

postman和浏览器的区别:

image

前后端交互的编码格式有哪几种?

urlencoded: 正常的post请求提交数据;在请求体中的格式:name=wyf&age=18
formdata: post请求上传文件:携带文件二进制形式
json: body体(请求体)中的数据格式为:{"name":"wyf","age":19}--->>用的多

标签:Web,postman,前端,前后,接口,json,测试工具,格式
From: https://www.cnblogs.com/xiao-fu-zi/p/17076990.html

相关文章

  • Simple-Web-Server HTTP开源服务器库
    1下载网址​ ​​https://gitlab.com/eidheim/Simple-Web-Server​​2实现HTTP短连接默认的HTTP协议都是短连接,服务器返回响应报文,就会主动断开,测试发现,当前库不会主动断......
  • API接口与接口测试工具postman
    目录学习资料一、web应用模式1.web项目的模式2.前后端混合开发模式3.前后端分离开发模式二、API接口1.简介:2.api接口的内容3.接口案例三、接口测试工具postman1.浏览器与接......
  • WPF中使用WebView2控件
    目录WebView2简介概述优势支持的运行时平台进程模型基本使用安装WebView2运行时安装WebView2Sdk打开一个网页导航事件打开一个网页的过程更改url的过程空url进阶使用WPF和W......
  • 如何将WebAssembly优化到2MB?
    BlazorWebAssembly加载优化方案对于BlazorWebAssembly加载方案的优化是针对于WebAssembly首次加载,由于BlazorWebAssembly是在首次加载的时候会将.NETCore的所有程序集......
  • drf-api接口、测试工具postman
    1.web应用模式"""django是一个web框架,专门用来写web项目,之前学的bbs项目,图书管理系统,用的是前后端混合开发。"""前后端混合模式:1.后端开发:写后端,也要写模板语......
  • 基于jssip封装的软电话功能模块SoftPhoneForWebrtc.ts
    SoftPhoneForWebrtc.ts : importJsSIPfrom'jssip'//自定义数据进行通信的socket事件functionselfSocketEvent(data){ if(window.$ak.socketMyself){ ......
  • 闲聊flask web编程中的cookie
    在web编程中,cookie和session的区别于联系并不是一个很容易搞清楚的事情。在我从事后端工作的很长时间里,对于他们的应用也并不多,因为大多数时间都是在编写API接口供其他系统......
  • web应用模式
    今日内容1web应用模式#djangoweb框架,专门用来写web项目#之前学的,写的bbs项目,图书管理系统,用的是前后端混合开发 -后端人员,写后端,也要写【模板语法】---》xx.html的......
  • python web框架多进程部署下数据库连接问题
    python常用的web框架,诸如flask,django,在生产部署时,都会选择多进程的部署方式,选用的中间件多为uwsgi或者gunicorn。如果项目里使用了数据库,那么就要考虑数据库连接在多进程下......
  • 1 web 应用模式 、2 API接口 、3 接口测试工具postman
    目录1web应用模式2API接口3接口测试工具postman1web应用模式#djangoweb框架,专门用来写web项目#之前学的,写的bbs项目,图书管理系统,用的是前后端混合开发 -后端......