前后端分离概念

[复制链接]
查看: 1598   回复: 0

265

主题

265

帖子

1494

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
1494
2023-9-29 20:53:38   显示全部楼层   阅读模式  
1.png



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 的配合可以实现前后端分离的应用程序,使得前后端的职责更加明确,各自发挥其最大的优势,提高开发效率和应用程序的可维护性。

回复

使用道具 举报

您需要登录后才可以回帖   登录 立即注册

高级模式

南通谢凡软件科技有限公司