前后端黄金组合:Django+Vue+Element UI,助你构建完美平台!

这是一篇什么文章?

一篇你对测试开发工作感兴趣,想了解系统工作逻辑的文章。

一篇是你在开始动手搭建环境前需要了解各工具原理的文章。

这是一篇你真正开始前需要查阅的文章。

本文介绍了前后端工作原理,前后端搭建的流程、搭建过程中需要用到的技术以及开发环境版本

一、前后端如何工作

后端开发(Django+Rest Framework+MySQL):

Django负责处理HTTP请求和响应,以及URL路由的配置。它接收来自前端的HTTP请求,并根据URL将请求分发给相应的视图函数进行处理。

Rest Framework是Django的扩展,用于快速构建RESTful API接口。通过Rest Framework,可以定义API视图和序列化器,实现数据的序列化和反序列化,从而方便地与前端进行数据交互。

MySQL是一个关系型数据库,用于存储后端的数据。

前端开发(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命令,启动前端开发服务器,可以在浏览器中预览项目。

三、关键技术介绍

1、后端为什么要创建虚拟环境,创建虚拟环境可以达到什么效果?

隔离项目依赖:通过创建后端虚拟环境,每个项目都拥有独立的Python解释器和包安装目录,这样可以避免不同项目之间的依赖冲突。每个虚拟环境只包含该项目所需的依赖,使得项目可以在独立的环境中运行,而不受其他项目的影响。

确保依赖一致性:虚拟环境通常会配合使用Pipenv等工具来管理项目的依赖,这样可以确保项目在不同环境中安装相同的依赖版本,从而避免由于依赖版本不一致而引发的错误。

提高项目可移植性:将项目的依赖放在虚拟环境中,可以使得项目在不同的计算机或服务器上都能轻松地部署和运行,而不需要担心依赖问题。

简化依赖管理:虚拟环境可以将项目所需的依赖以及其版本信息保存在一个文件中(例如Pipfile.lock),这样可以方便地重现项目的开发环境,使得依赖的安装和管理更加简单和自动化。

2、Pipenv介绍

Pipenv是Python的一个包管理工具和虚拟环境管理工具,它是为了解决Python项目中依赖管理和虚拟环境创建的问题而开发的。Pipenv结合了pip(Python的包管理工具)和virtualenv(Python的虚拟环境管理工具)的功能,提供了更方便、更高级的包管理和虚拟环境管理功能。

Pipenv的主要特点和功能包括:

自动创建虚拟环境:在使用Pipenv安装项目依赖时,它会自动创建一个虚拟环境,确保项目的依赖不会与其他项目冲突。

管理依赖:Pipenv会自动地管理项目的依赖关系,并将依赖信息保存在Pipfile和Pipfile.lock文件中,这样可以确保项目在不同环境中安装相同的依赖版本。

简化依赖安装:使用Pipenv安装依赖非常简单,只需要运行一个命令即可,而不需要手动管理依赖的安装。

提供更友好的命令行界面:Pipenv提供了一组易于使用的命令,使得包管理和虚拟环境管理更加直观和简便。

支持开发模式:Pipenv支持将项目的开发依赖和运行时依赖分开,这样可以减少项目打包时的冗余依赖。

3、Django Rest Framework介绍

Django Rest Framework(简称DRF)是一个用于构建Web API的强大框架,它是基于Django(一个流行的Python Web框架)开发的。DRF提供了一系列工具和功能,使得构建RESTful API变得简单、灵活和高效。

DRF的主要特点和功能包括:

序列化:DRF提供了序列化器,可以将数据对象转换成JSON等格式,以便于在API中进行传输。同时,它也可以将传入的JSON数据反序列化为数据对象,便于在后端进行处理。

视图:DRF提供了各种视图类,用于处理API请求,并返回适当的响应。包括基于函数的视图和基于类的视图,还有通用视图和视图集等。

路由:DRF提供了灵活的路由功能,用于将API请求映射到相应的视图处理函数上。

认证和权限:DRF支持各种认证和权限控制方式,可以保护API的安全性。

分页和过滤:DRF提供了分页和过滤功能,便于处理大量数据和筛选查询结果。

强大的请求和响应处理:DRF支持各种数据格式的请求和响应处理,包括JSON、XML、HTML等。

API文档生成:DRF自带的Browsable API功能可以生成易于阅读和理解的API文档,方便开发人员和团队的协作。

文末了:

可以到我的个人号:atstudy-js,可以免费领取一份10G软件测试工程师面试宝典文档资料。同时我邀请你进入我们的软件测试学习交流平台,大家可以一起探讨交流软件测试,共同学习软件测试技术、面试等软件测试方方面面,了解测试行业的最新趋势,助你快速进阶Python自动化测试/测试开发,稳住当前职位同时走向高薪之路。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/151073.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

SQLMAP --TAMPER的编写

跟着师傅的文章进行学习 sqlmap之tamper脚本编写_sqlmap tamper编写-CSDN博客 这里学习一下tamper的编写 这里的tamper 其实就是多个绕过waf的插件 通过编写tamper 我们可以学会 在不同过滤下 执行sql注入 我们首先了解一下 tamper的结构 这里我们首先看一个最简单的例子…

Excel数据可视化—波士顿矩阵图【四象限图】

EXCEL系列文章目录 Excel系列文章是本人亲身经历职场之后萌发的想法,为什么Excel覆盖如此之广,几乎每个公司、学校、家庭都在使用,但是它深藏的宝藏功能却很少被人使用,PQ、BI这些功能同样适用于数据分析;并且在一些需…

Kubernetes(k8s)进阶

文章目录 Kubernetes进阶一、Namespace(名称空间)1.namespace介绍2.管理namespace查看namespace创建namespace删除namespaceyaml文件配置namespace 二、Pod(最小基本部署单元)1.pod介绍2.管理pod创建并运行pod查看pod信息访问pod删…

一周互联网简讯 | 本周互联网发生了啥?(第3期)

1.百度T7跳槽字节3-1,总包145万,压力太大想降级 硕士毕业工作10年,一百度T7大头兵发文称,自己最近拿到字节3-1的offer,年包从现有的110万涨30%到145万。但是担心去字节后因为定的职级高需要带人,压力会很大…

【Highway-env】IntersectionEnv代码阅读

文章目录 主要完成任务代码结构1.action space2.default_config3.reward_agent_rewards_agent_reward_reward_rewards小结 4.terminated & truncated5.reset_make_road_make_vehicles_spawn_vehicle 6.step 主要完成任务 IntersectionEnv继承自AbstractEnv,主要完成以下4个…

【django+vue】项目搭建、解决跨域访问

笔记为自我总结整理的学习笔记,若有错误欢迎指出哟~ 【djangovue】项目搭建、解决跨域访问 djangovue介绍vue环境准备vue框架搭建1.创建vue项目2.配置vue项目3.进入项目目录4.运行项目5.项目文件讲解6.vue的扩展库或者插件 django环境准备django框架搭建1.使用conda…

day29_Servlet

今日内容 零、 复习昨日 一、Servlet 零、 复习昨日 一、Servlet 1.1 Servlet介绍 javaweb开发,就是需要服务器接收前端发送的请求,以及请求中的数据,经过处理(jdbc操作),然后向浏览器做出响应. 我们要想在服务器中写java代码来接收请求,做出响应,我们的java代码就得遵循tomca…

k8s ingress高级用法一

前面的文章中,我们讲述了ingress的基础应用,接下来继续讲解ingress的一些高级用法 一、ingress限流 在实际的生产环境中,有时间我们需要对服务进行限流,避免单位时间内访问次数过多,常用的一些限流的参数如下&#x…

工作电压范围,转换速率高,相位补偿等特性的双运算放大器芯片D4510的描述

D4510是一块双运算放大器,具有较宽的工作电压范围,转换速率高,相位补偿等特性。电路能在低电源电压下:工作,电源电压范围:双电源为1V-3.5V和单电源电压为2V~7V。 主要特点: ● 低电压工作 ● 转换速率高 ● 动态输…

docker中怎么启动容器

1、首先在linux中使用以下命令来启动 Docker 服务: sudo systemctl start docker2、然后下面的命令显示所有的容器列表,包括正在运行和已停止的容器。 docker ps -a然后找到容器ID 3、使用 docker start 启动一个已停止的容器: docker s…

简单模拟 Spring 创建的动态代理类(解释一种@Transactional事务失效的场景)

模拟 Spring 创建的动态代理类 本文主要目的是从父类和子类继承的角度去分析为什么在 Service 标注的业务类中使用 this 调用方法会造成事务失效。解释在这种情况下 this 为什么是原始类对象而不是代理类对象。 问题描述 在 Service 标注的业务类中,如果调用本类…

YOLOv8 加持 MobileNetv3,目标检测新篇章

🗝️YOLOv8实战宝典--星级指南:从入门到精通,您不可错过的技巧   -- 聚焦于YOLO的 最新版本, 对颈部网络改进、添加局部注意力、增加检测头部,实测涨点 💡 深入浅出YOLOv8:我的专业笔记与技术总结   -- YOLOv8轻松上手, 适用技术小白,文章代码齐全,仅需 …

【狂神说Java】redis入门

✅作者简介:CSDN内容合伙人、信息安全专业在校大学生🏆 🔥系列专栏 :【狂神说Java】 📃新人博主 :欢迎点赞收藏关注,会回访! 💬舞台再大,你不上台&#xff0c…

卷?中学生开始学习人工智能和大模型,附课件!

卷?中学生开始学习人工智能和大模型,附课件! 大家好,我是老章 发现一个面向11-14岁人群的AI课程,还附加了大模型内容,浏览了一遍它们的课件(还有面向教师的资源),感觉非…

Linux——编译器gcc/g++、调试器gdb以及自动化构建工具makefilemake详解

编译器—gcc/g、调试器—gdb以及自动化构建工具—makefile&&make 文章目录 编译器—gcc/g、调试器—gdb以及自动化构建工具—makefile&&make1. 编译器——gcc/g1.1 生成可执行文件与修改默认可执行文件1.2 程序的翻译过程以及对应的gcc选项1.2.1 预处理 gcc -E…

【cpolar】TortoiseSVN如何安装并实现公网提交文件到本地SVN服务器

🎥 个人主页:深鱼~ 🔥收录专栏:cpolar 🌄欢迎 👍点赞✍评论⭐收藏 文章目录 前言1. TortoiseSVN 客户端下载安装2. 创建检出文件夹3. 创建与提交文件4. 公网访问测试 前言 TortoiseSVN是一个开源的版本控…

RabbitMQ 部署及配置详解(集群部署)

单机部署请移步: RabbitMQ 部署及配置详解 (单机) RabbitMQ 集群是一个或 多个节点,每个节点共享用户、虚拟主机、 队列、交换、绑定、运行时参数和其他分布式状态。 一、RabbitMQ 集群可以通过多种方式形成: 通过在配置文件中列出群集节点以…

JVM的运行时数据区

Java虚拟机(JVM)的运行时数据区是程序在运行过程中使用的内存区域,主要包括以下几个部分: 程序计数器虚拟机栈本地方法栈堆方法区运行时常量池直接内存 不同的虚拟机实现可能会略有差异。这些区域协同工作,支持Java…

(七)什么是Vite——vite优劣势、命令

vite分享ppt,感兴趣的可以下载: ​​​​​​​Vite分享、原理介绍ppt 什么是vite系列目录: (一)什么是Vite——vite介绍与使用-CSDN博客 (二)什么是Vite——Vite 和 Webpack 区别&#xff0…

计算机毕业设计 基于SpringBoot的健身房管理系统的设计与实现 Java实战项目 附源码+文档+视频讲解目录

博主介绍:✌从事软件开发10年之余,专注于Java技术领域、Python人工智能及数据挖掘、小程序项目开发和Android项目开发等。CSDN、掘金、华为云、InfoQ、阿里云等平台优质作者✌ 🍅文末获取源码联系🍅 👇🏻 精…