|
|
Django 前后端分离
接口调用
传统的web开发模式:
定义视图函数:视图函数负责: 逻辑判断，调用数据库，加载HTML，渲染HTML。 定义路由指向视图。然后用户访问路由，路由指向视图，视图执行，将数据和HTML用渲染好的HTML的形式返回到浏览器上。比如: OA项目。传统开发，开发难度低，开发效率高
但是随着技术和企业的发展，出现了以下瓶颈:
1、远程协作，虚拟团队。
2、移动端和多平台的出现。
在官网，在小程序，在app上展示的数据是一样的。
开发者思考了一种新的开发模式，前后端分离:
前端: HTML，CsS,JS
后端: python脚本语言，数据库，服务器，其他服务 (邮件，定时任务，文件)
前台: 用户使用的功能
后台: 管理员使用的界面
所以前后端分离就是指:后端只负责数据查询，不再负责页面加载和数据渲染。前端负责页面的加载，数据请求，页面渲染。1、后端有能力发布前端可以识别的数据
2、前端有能力请求数据
3、前端有页面渲染能力
Django 和 Vue 都是非常流行的前端和后端开发框架，它们可以配合使用来实现前后端分离的应用程序。
Django 是一个基于 Python 的 Web 框架，主要用于后端开发。它可以帮助开发者快速构建高效、可扩展的 Web 应用程序。Django 提供了许多开箱即用的功能，例如ORM（对象关系映射）工具，用于处理数据库操作，URL 路由系统，用于处理 URL 路由请求，以及强大的模板引擎，用于渲染动态网页。
Vue 是一个基于 JavaScript 的前端框架，主要用于构建用户界面。它采用了 MVVM（模型-视图-视图模型）架构，可以让开发者更加轻松地管理和维护复杂的用户界面。Vue 提供了许多功能，例如响应式数据绑定、组件化开发、指令系统、过渡和动画等。
前后端分离的概念是指将前端和后端的职责分开，各自使用最适合自己的技术栈进行开发。在 Django 和 Vue 的配合下，可以实现以下的前后端分离：
API 接口：Django 用于提供 API 接口，Vue 用于调用这些 API 接口来获取数据和发送数据。Django 提供的 API 接口可以使用 JSON 等格式传输数据，Vue 则可以使用 Axios 等库来调用这些 API 接口。
数据交互：Django 用于处理数据，包括数据库操作和数据处理等，Vue 则用于展示这些数据。Vue 可以使用 axios 等库从 Django API 接口获取数据，并将数据显示在页面上。
路由管理：Django 提供了路由系统来管理 URL，Vue 则通过 Vue Router 来管理页面的路由。在 Django 中定义的 URL 可以被 Vue 中的路由所使用，实现页面的跳转和数据的交互。
静态资源：Vue 可以处理静态资源文件，例如 HTML、CSS 和 JavaScript 文件等。这些静态资源文件可以在 Django 中由 Django Staticfiles 模块来处理，或者在 Vue 中通过 Webpack 来处理。
总之，Django 和 Vue 的配合可以实现前后端分离的应用程序，使得前后端的职责更加明确，各自发挥其最大的优势，提高开发效率和应用程序的可维护性。
|
|
