drf-1

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&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.安装，双击即可

基本介绍：

postman和浏览器的区别：