# Python Flask 和 Vue 前后端通信的科普文章
在现代Web开发中，前后端分离的架构设计已经成为一种主流趋势。这种模式将前端视图（通常使用JavaScript框架如Vue.js构建）和后端逻辑（通常使用Python Flask等框架构建）分离开来，提高了系统的灵活性和可维护性。本文将介绍如何使用Python的Flask框架和Vue.js进行前后端的通信。
## 1. 环境准备
flask框架实现前后端数据的传递这几天一直在基于flask框架实现一个登陆和注册界面，并且以管理员的身份对数据库中的数据实现增删改查。刚刚开始着手的时候，如何实现前后端数据的传递这个问题困扰了好久，现在已经解决，所以记录一下防止以后用到。前端（即html界面）传值到后端因为现在才刚刚学习所以只掌握了ajax这一种方法（路过的大佬轻喷），具体的步骤如下： 1.给文本框设定id，通过id在ajax中
转载
2023-10-28 14:05:51
184阅读
0.需求需要将深度学习算法Demo做成可以用来展示的网页应用1.技术栈前端：框架：VueUI库：Bootstrap后端：开发语言：PythonREST API： flask2.前端2.1环境搭建因为选择使用Vue来作为开发的框架，我们需要安装Node.js# 官方安装教程：https://github.com/nodesource/distributions
# 或者从安装仓库安装
sudo
转载
2024-03-05 22:33:40
446阅读
基于项目搭建个人笔记本放在树莓派上吧!项目代码已上传至GITEE前后端分离技术栈:后端 :1.flask2.sqlalchemy3.sqlite前端 :VUEAXIOSELEMENTUI介绍使用el-table模拟文件Tree系统，使用懒加载来增强体验，编辑器选用为mavon-editor，预览使用markdown-it，在后端使用正则表达式解析markdown toc目录增强浏览体验，编辑期间前
转载
2024-01-12 22:19:29
193阅读
文章目录项目所在 GitHub 地址1、项目整体思路2、项目实现技术3、前端界面实现4、后端服务器框架 bottle 简单介绍5、python 代码实现5.1 main.py5.2 Callibration.py6、前后端交互的重点以及难点6.1、实现前后端交互之上传文件6.2、实现前后端交互之实现参数的传递6.3、实现前后端交互之前端点击按钮后端实现相应的操作6.4、实现前后端交互之实现静态文件
转载
2023-07-31 23:24:16
100阅读
0Python项目(Flask网页)部署到Docker其他示例：1 前后端分离demo： 01 Flask网页项目源码地址：https://gitee.com/lyc96/flash-visualization 网页程序目录结构：002 部署到docker1.生成requirement.txt 在终端中进入到项目目录下，执行下面的目录，生成requireme
转载
2024-08-16 11:10:17
162阅读
文章目录一、需求二、解决方法三、具体实现步骤一:安装步骤二：服务器代码步骤三：前端代码结果展示四、注意事项 一、需求准备实现一个前后端实时发送消息的功能，即后端发送一条消息，前端就可以接收到该消息并显示在页面上。二、解决方法利用Flask-SocketIO实现，Flask-SocketIO使Flask应用程序能够访问客户端和服务器之间的低延迟双向通信。能够很好的解决我们的问题三、具体实现步骤一:
转载
2023-12-26 11:01:57
186阅读
实现“Python Flask前后端交互”的过程中，我要记录下来几个关键步骤，这将对未来的项目开发有很大的帮助。接下来，我将详细说明环境预检、部署架构、安装过程、依赖管理、扩展部署和版本管理。
首先，关于环境预检，我会通过四象限图来评估当前系统的兼容性。在硬件配置方面，我的实验设备如下表：
| 硬件配置 | 规格 |
|----------|-------------|
| CP
# 使用 Flask 实现前后端分离
随着 web 开发的不断发展，前后端分离已成为越来越流行的架构设计。Flask 是一个轻量级的 Python web 框架，非常适合用于构建 API，然后配合前端框架（例如 React、Vue 或 Angular）实现前后端分离。在这篇文章中，我将带你走过实现 Flask 前后端分离的过程。
## 流程概述
为便于理解，以下是实现 Flask 前后端分离
安装依赖安装uwsgi web服务器、nginx(高性能的HTTP和反向代理web服务器) 创建conda虚拟环境 在该环境下，安装flask以及flask后端运行依赖的包。 配置uwsgi，使得flask后端项目运行其中。flask配置app.pyfrom flask import *
from flask_cors import CORS, cross_origin
from werkzeug
转载
2023-12-28 19:00:02
474阅读
0.python能干啥，首先就是让小学生学编程啊。接续上篇，为了实现前后端登录打通，开始搭建后端相关1.python装起来，考虑使用前后端分离，那么就用Flask框架2.Flask装起来，按照Flask官网，他推荐只用虚拟机来运行flask程序，这是蛮好的思路，已阅，推广之。(https://dormousehole.readthedocs.io/en/latest/installation.ht
转载
2023-12-07 22:01:02
122阅读
DRF---django-rest-framework：
1.通过一个案例简单回顾一下django，
一.前后端分离，不分离
不分离：前端页面的显示，都是由后端返回的，就是说后端处理了参数，数据库，之后返回给了前端一个渲染之后的html页面，这种应用模式比较适合纯网页应用。一般使用render进行一个数据返回，把数据塞到模版里。
分离：前端通过ajax或者anxios请求数据，拿到数据，自
转载
2024-08-03 15:52:35
93阅读
前端后端技术栈Vue + Element UIFlask部署方式静态文件打包dist上传CDN使用uwsgi部署在一台服务器上，在内网内使用IP:port访问最终解决方案遇到问题及解决方案：1. 上传后渲染有问题，全部为文本样式页面表现如下图 原因为请求CDN的css文件的响应头中content-type错误，被指定成了text/plain，应指定为正确的css格式如下图 在上传CDN时需要对文件
转载
2023-12-25 13:43:54
438阅读
目录前后端如何通信URL . URI . URN第一部分：传输协议第二部分：域名第三部分：端口号第四部分：请求资源文件的路径名称第五部分：问号传参第六部分：HASH值前后端如何通信前段：客户端
后端： 服务器端
所谓的全栈，其实是你可以实现客户端和服务器端程序的编写，而且可以实现俩端之间的通信
客户端和服务器端是如何通信的？自己做一个技术博客本地开发（当前项目可以在本地预览）
部署到
转载
2024-07-08 08:00:25
40阅读
1、项目准备1.1前言本次项目做的是一个前后端分离的项目，大厂的项目流程如下图所示1.2PRD产品需求文档，各个页面的功能需求以及展示都在其中1. 主页
1.1 最多5个房屋logo图片展示，点击可跳转至房屋详情页面
1.2 提供登陆/注册入口，登陆后显示用户名，点击可跳转至个人中心
1.3 用户可以选择城区、入住时间、离开时间等条件进行搜索
1.4 城区的区域信息
转载
2023-12-07 07:54:16
115阅读
最近在使用 Flask 制作基于 HTML5 的桌面应用，前面写过《用 Python 构建 web 应用》，借助于完善的 Flask 框架，可以轻松的构建一个网站应用。服务端的路由管理和前端模板页面的渲染都使用 Flask 提供的 API 即可，并且由于 werkzuge 提供了强大的开发功能，可以在运行时自动重新加载整个应用。如果使用 gevent 提供的 WSGIServer 作为服务器网
转载
2023-07-24 22:42:33
339阅读
前后端通信 浏览器和服务器之间数据交互的过程 后端向前端发送数据 访问页面 前端向后端发送数据 用户注册 前后端的通信方式 使用浏览器访问网页（输入网址） HTML 标签(link/img/script/iframe) 还有一些标签，浏览器解析的时候，不会向服务器发起请求，但是用户可以使用他们向服务 ...
转载
2021-09-18 18:06:00
500阅读
2评论
前后端如何通信URL . URI . URN第一部分：传输协议第二部分：域名第三部分：端口号第四部分：请求资源文件的路径名称第五部分：问号传参第六部分：HASH值 前后端如何通信前段：客户端 后端： 服务器端 所谓的全栈，其实是你可以实现客户端和服务器端程序的编写，而且可以实现俩端之间的通信 客户端和服务器端是如何通信的？自己做一个技术博客本地开发（当前项目可以在本地预览
转载
2024-06-17 19:50:56
43阅读
# Flask Vue Axios 前后端分离登陆
随着前后端分离技术的不断发展，越来越多的Web应用采用前后端分离的架构来构建。其中，Flask作为一款轻量级的Python Web框架，Vue作为一款流行的前端框架，以及Axios作为前端与后端通信的工具，是一种常见的组合。在本文中，我们将探讨如何使用这些工具来实现前后端分离登陆功能。
## 1. 前后端分离登陆的基本原理
前后端分离登陆的
原创
2024-05-08 07:38:09
231阅读
# 实现 MongoDB 前后端 Flask
## 概述
在本文中，我将为你介绍如何使用 Flask 来实现 MongoDB 的前后端应用。首先，我们将了解整个过程的流程，并提供每个步骤所需的代码和注释。
## 流程概述
以下是实现 MongoDB 前后端 Flask 的整个流程概述：
| 步骤 | 描述 |
| ---- | ---- |
| 步骤 1 | 创建 Flask 应用 |
|
原创
2023-12-26 07:54:55
134阅读
