1. 搭建后台系统前两篇介绍了全栈系统里面移动端和前端：移动端篇：H5+搭建移动端应用前端篇：Vue2.0搭建PC前端项目线上地址：项目访问链接，账号：admin 密码：admin 本文讲述用flask创建一个简单的后台系统，系统包含以下内容：登录模块：利用flask中session实现 用户部门模型：定义部门信息数据模型 用户职位模型：定义职位信息数据模型 用户分组模型：定义分组信息数据模型 用
# Python3 Flask 与 Vue 冲突解读
## 引言
在现代Web开发中，后端与前端的技术栈逐渐分离，Flask作为一个轻量级的Python后端框架，与Vue.js这样的前端JavaScript框架常常搭配使用。然而，由于两者的架构和处理方式不同，在开发过程中可能会出现一些冲突。本文将通过代码示例和关系图表来解读这一冲突，并给出解决方案。
## 框架概述
### Flask
原创
2024-09-07 03:51:28
65阅读
单页应用，只加载一个主页面，然后通过 AJAX 无刷新加载其它页面片段。表面上看，就只有一个 HTML 文件，所谓单页。开发上，做到了前后端分离，前端专注于渲染模板，而后端只要提供 API 就行，不用自己去套模板了。效果上，页面和共用的 JS、CSS 文件都只加载一次，能减轻服务器压力和节省一定的网络带宽。另外，由于不需要每次都加载页面以及共用的静态文件，响应速度也有一定提高，用户体验比较好。当然
转载
2024-01-05 19:36:58
255阅读
创建项目虚拟环境及安装相关依赖创建项目在项目内打开设置 第一步 第二步 打开项目终端查看虚拟环境是否成功 如果没有成功则需要手动开启 虚拟环境配置好后要安装相关依赖 讲有含有依赖名称的文件放到项目内 然后打开项目终端进行安装 安装好之后可以输入 pip list查看一下是否全部安装创建flask结构利用工程模式创建app 在根目录创建create_app.py文件 在里面进行编写from flas
转载
2024-07-20 17:59:21
975阅读
"Route"在英语中的含义是路线、路径或者航线³。在计算机网络中，它被用来描述数据包在网络中的传输路径。因此，当这个词被翻译成中文时，我们通常使用"路由"这个词，因为它很好地传达了"route"的含义¹²。至于Flask和Vue.js，它们可以一起创建现代Web应用程序。Flask是一个轻量级的Python Web开发框架，而Vue.js是一个前端视图库，是一个MVVM框架⁶。以下是一个简单的步
原创
2023-12-29 14:31:39
215阅读
目录一、绘制网站页面1.1 绘制输入框1.2 绘制表单二、flask后端接口三、前后端数据交互 在本章中，我们能学到： 1.Element 中的输入框、按钮、消息提示组件的使用 2.axios 发送异步数据的操作 3.用 Flask 框架开发一个完成的后端接口项目源码地址：https://gitee.com/myrensheng/encryption我们在网上搜索md5加密，会出来很多的网站，
转载
2024-06-05 11:39:25
43阅读
flask+vue模型部署学习笔记（1）整体架构梳理0.准备工作 在模型部署之前，预先安装好vue和flask所需要的环境。（1）首先前端vue需要安装：1.安装node.js软件 2.安装cnpm（解决npm下载慢的问题，利用淘宝镜像源下载） 3. 安装vue-cli脚手架 4.安装webpack打包 5. 安装axios模块（2）后端flask需要安装：1. 安装 flask模块 2. 安装f
转载
2023-09-08 10:13:04
292阅读
flask+vue部署阿里云Ubuntu服务器教程，非常详细1.我买的是轻量级服务器 ubuntu20.04 重置密码后点击远程连接 轻量级服务器需要切换到root账号 sudo su root，其他也大致一样部署； 2运行python3 –version 查看是否安装pyhon3； 3下载安装pip3 sudo apt-get update sudo apt-get install python
转载
2023-12-23 18:46:04
220阅读
前言：看了一些国外的关于介绍flask和vue的前后端分离的文章，但没看到比较通俗易懂，代码完善的，直到昨天看到一篇新出的文章，而且内容非常棒，所以翻译过来，供大家一起学习。原文来自Developing a CRUD App with Flask and Vue.js正文：下面会逐步演示通过Flask和Vue如何完成一个基本的CRUD应用程序。我们将从搭建框架开始，使用Vue CLI构建一个新的V
转载
2023-08-01 17:36:19
301阅读
1、报错ERROR inVue packages version mismatch:vue@2.1.4vue-template-compiler@2.1.5This may cause things to work incorrectly. Make sure to use the same version for both.2、原因vue-loader和vue-template-complier
转载
2021-06-07 11:30:02
645阅读
2评论
1、jquery：轻量级的js库2、vue：前端js库，是一个精简的MVVM，它专注于MVVM模型的viewModel层，通过双向数据绑定把view和model层连接起来，通过对数据的操作就可以完成对页面视图的渲染。3、vue和jquery对比：vue是通过vue对象将数据和view完全分离开的，对数据操作不在引用相应的DOM对象；主要是操作数据jQuery是使用选择器（$）选取DOM对象，并对其
目录1.基本介绍2.项目结构3.流行度4.实际工作中如何选择这两个框架？ 关于Django和Flask这两个框架来说，都是Python的web开发中两个常用的框架，但是这两个框架有什么区别呢？ 下面就让我介绍一下这两个框架的区别。 1.基本介绍Flask： Flask是一个由Python语言写成的轻量级Web框架，最早地由奥地利人Armin Ronacher于2010年发布。Flask最显著
转载
2024-02-22 21:15:48
16阅读
解决Python web框架（如Flask）与vue渲染变量的冲突（冲突会导致vue渲染报错，网页无法显示）
导语：现在主流的Python web框架中，模板的表达式声明常见的有{{ something }}这与Vue.js的语法冲突，导致在运行如Flask的Python web框架时，会报错，前端... ...
转载
2021-09-05 19:03:00
2189阅读
2评论
推荐阅读什么是Web框架Python Web应用工作流程下面图来自网上: WSGI 为什么需要建立WSGI规范pep-3333建议在Web服务器和Web应用程序/Web框架之家建立一种简单统一的接口规范, 即Python Web服务器网关接口（简称WSGI）。以确保Web应用程序在不同的Web服务器之间具有可移植性。参考资料pep-3333译文pep-3333编写代码代码部分参考的是手撸个简单
Flask-Vue前后端分离最近学习了一下前后端分离技术，前端用的是Vue，后段用的是Flask。vue官网：开源的 Javascript 框架，vue是一套构建用户界面的渐进式框架，Vue采用自底向上的增量开发设计。vue是轻量级的，有很多独立的功能和库。 vue.js满足当前webapp项目的开发需求，MVVM框架诞生，而Vue.js便是这样一种js框架。两大核心：数据驱动和组件化。Flask
转载
2023-06-06 09:05:41
217阅读
一、前言前面已经做了Flask-admin库的基本介绍和几个库常用功能如何使用，若不了解请移步到以下博客：1、?《【Python成长之路】基于Flask-admin库，编写个人工作平台代码详述》2、?《【Python成长之路】基于Flask-admin库，编写个人工作平台代码 -- 进阶版》 此篇文章主要是讲述： 1、结合pyecharts库实现图表展示2、结合flask+html+vu
转载
2023-11-29 11:28:07
129阅读
1.开发案例1.1.项目一：任务列表1.1.1.开发步骤 （1）系统规划 任务列表（当前任务、已完成、未完成）、创建/编辑任务、废弃任务、执行任务、删除任务 （2） 业务逻辑 创建任务，
转载
2024-06-17 20:39:17
33阅读
之前一段时间一直在学习 python，后来在项目中用 weex 时接触到了 vue.js，本来 python 是自己想学的一门技术，weex 是项目需要，必须了解些 vue.js 方面的语法，所以为了加深对这两门技术的了解，一直在想怎么在实际项目中使用这些技术。刚好，团队中有一个分析App性能分析的需求，被分配统计Android 页面启动时间，针对本地调试，可以通过跑 python 实现，
转载
2024-01-11 00:34:23
22阅读
Flask诞生于2010年，是Armin ronacher（人名）用 Python 语言基于 Werkzeug 工具箱编写的轻量级Web开发框架。 Flask 本身相当于一个内核，其他几乎所有的功能都要用到扩展（邮件扩展Flask-Mail，用户认证Flask-Login，数据库Flask-SQLAlchemy），都需要用第三方的扩展来实现。比如可以用 Flask 扩展加入ORM、窗体验
转载
2023-07-11 16:44:29
191阅读
ESLint 是一个广泛使用的 JavaScript 代码检查工具，可以帮助开发者在编写代码时发现并修复潜在的问题和错误。在 第一步 创建工程 时虽然已经选择了包含 ESLint 预设配置，但还需要做一些调整，让我们使用起来能够更加的丝滑。vue.config.js 检测开关和模式module.exports = {
// 是否每次保存时 lint 代码,可选值 (boolean | 'war
