这是一篇什么文章?
一篇是你在开始动手搭建环境前需要了解各工具原理的文章。
这是一篇你真正开始前需要查阅的文章。
本文介绍了前后端工作原理,前后端搭建的流程、搭建过程中需要用到的技术以及开发环境版本
一、前后端如何工作
后端开发(Django+Rest Framework+MySQL):
Django负责处理HTTP请求和响应,以及URL路由的配置。它接收来自前端的HTTP请求,并根据URL将请求分发给相应的视图函数进行处理。
Rest Framework是Django的扩展,用于快速构建RESTful API接口。通过Rest Framework,可以定义API视图和序列化器,实现数据的序列化和反序列化,从而方便地与前端进行数据交互。
前端开发(Vue+Element UI):
Vue是一种现代的JavaScript框架,用于构建用户界面。Vue提供了丰富的组件和模块,可以帮助开发者构建交互式的单页面应用(SPA)。
Element UI是一个基于Vue的UI组件库,提供了丰富的预定义组件,用于快速搭建美观的用户界面。
前后端交互:
后端通过Django Rest Framework提供API接口,前端通过Vue发起HTTP请求调用这些API接口。
前端通过HTTP请求向后端发送数据请求,后端根据请求进行相应的数据处理,并返回响应数据给前端。
前端接收到后端返回的数据,并根据数据更新页面展示,实现与用户的交互。
总体而言,这种前后端分离的开发模式有助于实现前后端开发的解耦,使得各自的开发工作更加专注和高效。前端负责用户界面的呈现和交互,后端负责数据处理和业务逻辑,通过API接口进行数据传输和交互,从而实现一个完整的Web应用。
二、搭建流程
2.1 后端搭建流程
安装相关包->创建工程->后端依赖(pipenv)创建虚拟环境->后端服务配置启动->后端创建子应用->后端Rest Framework->数据库配置
简要说明:
安装相关包:在开始之前,首先需要安装Python和pip,然后安装Django等相关包,可以使用pip命令来安装。
创建工程:使用Django的命令行工具创建Django项目,例如:django-admin startproject projectname。
后端依赖(pipenv)创建虚拟环境:建议使用pipenv来创建和管理虚拟环境,以便隔离项目的依赖和环境。
后端服务配置启动:在虚拟环境下,通过Django的manage.py启动服务,例如:python manage.py runserver。
后端创建子应用:根据项目的需要,可以创建多个子应用(app)来管理不同的功能模块。
后端Rest Framework:使用Django Rest Framework来构建RESTful API,方便前端和其他应用调用后端接口。
数据库配置:配置Django项目的数据库连接,通常使用MySQL作为后端数据库,可以在settings.py中进行配置。
2.2 前端搭建流程
创建工程(模板)->前端依赖(npm install )->前端服务配置启动
简要说明:
创建工程(模板):可以使用Vue脚手架工具或其他模板工具来创建Vue项目的初始结构。
前端依赖(npm install):在项目目录下执行npm install命令,安装项目所需的前端依赖包,这些依赖包通常存储在package.json文件中。
前端服务配置启动:在项目目录下执行npm run serve命令,启动前端开发服务器,可以在浏览器中预览项目。
本文节选自第七十四期《51测试天地》
《Django、Vue和Element UI 前后端原理论述》一文
想继续阅读全文或查看更多精彩内容,请点击下载: