一、前后端分离

1、含义：前后端开发约定好接口文档（url、参数、数据类型等），独立开发，前端可mock数据进行测试，最后前后端集成，实现了前后端应用的解耦合。

2、分工：

• 前端：负责数据展示和用户交互
• 后端：负责提供数据处理接口

3、实现方案：一般基于vue.js框架来编写前端页面，需要通过ajax形式向后端发送请求获取接口数据。后端接收到请求后，执行视图函数，将数据以json格式返回给前端。前端接收到数据后，渲染到页面。

二、前后端不分离

1、分工

• 前端：负责写html、css、js
• 后端：需要控制数据的展示，负责渲染页面或重定向

2、实现方案：访问页面后，后端根据路由进行匹配视图函数，通过render等返回页面和数据，如：return render(request,'home.html',res)。进行渲染页面。

三、前后端分离和前后端不分离的优点

1、前后端分离优点

• 解耦合
• 前后端可同时开发，完全独立，提升效率
• json数据格式拓展性强

2、前后端不分离优点

• 可直接渲染页面，不需要通过 ajax 或者 axios 进行数据交互