web应用模式
API接口
接口测试工具postman
web应用模式
前后端混合开发
Django web框架,专门用来写web项目
之前所学的,写的BBS项目,图书管理系统, 用的都是前后端混合开发
# 后端人员,后端人员要通过写的html页面, 套模板语法 ---> xx.html的python代码
# 全栈开发 ----> 前后端混合时代,比较多
这种模式遇到的问题,在前端调试的时候要安装完整的一套后端开发工具,要把后端程序完全启动起来。遇到问题需要后端开发来帮忙调试。我们发现前后端严重耦合,还要要求后端人员会一些HTML,js等前端语言,前端页面里还嵌入了很多后端的代码,一旦后端换了一种语言开发,简直就得重做
前后端分离开发
一开始流行的是前后端结合开发方式
后来因为前端的发展,催生了前端框架,前端变得越来越复杂。导致前后端分离开发变成主流
-后端人员,一点前端都不需要动,只需要写接口即可, 使用postman接口测试工具测试
-前端人员负责写前端,写的过程中使用mock数据
-最后:前后端联调项目
-全栈开发---->web后端,前端框架(vue, react)
前后端分离并不是只是开发模式,而是web应用的一种架构模式。在开发阶段,前后端工程师约定好数据交互接口,实现并行开发和测试;在运行阶段前后端分离模式需要web应用进行分离部署,前后端之前使用的HTTP或者其他协议进行交互请求。
静态页面通过JavaScript向Django框架发送Ajax请求,在后端数据库查到数据,后端将json格式的数据返回,返回之前端通过js的DOM操作,操做某个标签的内容。也就是js拿到json格式的数据,再去渲染页面
页面的渲染在前端完成 在前端使用JavaScript代码渲染页面
前后端分离的好处:
前端的展现形式 不一定只是网页了
前端可能是写app、小程序、后端只需要提供接口就行了
而前后端混合开发时,前端只能是浏览器
更多阅读:
https://www.cnblog.com/liuqingzheng/p/10900502.html
前后端交互的编码格式
从前端向后端提交数据,一般post提交,数据是放在Http请求的请求体(body体),不同的编码格式,在请求体中的样子不一样
urlencoded: 前后端混合这个用的多,默认情况下是key value形式 在请求体中的格式:name=wyf&age=18; 在Django中 request.POST能取得到
form-data: 上传文件,有携带两部分带数据、带文件(二进制),数据部分是name=wyf&age=18,文件部分是二进制有带分割用于区分数据与文件。在Django中取数据:request.POST、 取文件:reqeust.FILES
json: body体(请求体)中的数据格式为:{"name":"wyf","age":19}--->>前后端分离用的多 在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®ion=上海&query=肯德基&output=xml
ak:6E823f587c95f0148c19993539b99295
region:上海
query:肯德基
output:json
响应结果:json或xml格式的数据
-https://api.map.baidu.com/place/v2/search?ak=6E823f587c95f0148c19993539b99295®ion=上海&query=肯德基&output=json
接口测试工具postman
# 作为后端,写好了接口,我们自己测试通过,再给别人用
# 写的接口,需要有个工具测试
浏览器只能发送get请求,不能自动发送post,delete请求
postman--->> 开源软件,只是谷歌浏览器的插件,越做越好,后来可以安装到操作系统上,再到后来收费
postwoman
很多很多其他的,不同的公司用的也可能不一样,只需要明白一个点,这个工具只是用来发送http请求
postman的使用
1.官方下载:
https://www.postman.com/downloads/?utm_source=postman-home
2.安装,双击即可
基本介绍:
postman和浏览器的区别:
标签:postman,前端,前后,接口,json,格式,drf From: https://www.cnblogs.com/zjl248/p/17083308.html