创建项目虚拟环境及安装相关依赖创建项目在项目内打开设置 第一步 第二步 打开项目终端查看虚拟环境是否成功 如果没有成功则需要手动开启 虚拟环境配置好后要安装相关依赖 讲有含有依赖名称的文件放到项目内 然后打开项目终端进行安装 安装好之后可以输入 pip list查看一下是否全部安装创建flask结构利用工程模式创建app 在根目录创建create_app.py文件 在里面进行编写from flas
转载
2024-07-20 17:59:21
972阅读
单页应用,只加载一个主页面,然后通过 AJAX 无刷新加载其它页面片段。表面上看,就只有一个 HTML 文件,所谓单页。开发上,做到了前后端分离,前端专注于渲染模板,而后端只要提供 API 就行,不用自己去套模板了。效果上,页面和共用的 JS、CSS 文件都只加载一次,能减轻服务器压力和节省一定的网络带宽。另外,由于不需要每次都加载页面以及共用的静态文件,响应速度也有一定提高,用户体验比较好。当然
转载
2024-01-05 19:36:58
255阅读
"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阅读
推荐阅读什么是Web框架Python Web应用工作流程下面图来自网上: WSGI 为什么需要建立WSGI规范pep-3333建议在Web服务器和Web应用程序/Web框架之家建立一种简单统一的接口规范, 即Python Web服务器网关接口(简称WSGI)。以确保Web应用程序在不同的Web服务器之间具有可移植性。参考资料pep-3333译文pep-3333编写代码代码部分参考的是手撸个简单
一、前言前面已经做了Flask-admin库的基本介绍和几个库常用功能如何使用,若不了解请移步到以下博客:1、?《【Python成长之路】基于Flask-admin库,编写个人工作平台代码详述》2、?《【Python成长之路】基于Flask-admin库,编写个人工作平台代码 -- 进阶版》 此篇文章主要是讲述: 1、结合pyecharts库实现图表展示2、结合flask+html+vu
转载
2023-11-29 11:28:07
124阅读
1.开发案例1.1.项目一:任务列表1.1.1.开发步骤 (1)系统规划 任务列表(当前任务、已完成、未完成)、创建/编辑任务、废弃任务、执行任务、删除任务 (2) 业务逻辑 创建任务,
转载
2024-06-17 20:39:17
33阅读
Flask-Vue前后端分离最近学习了一下前后端分离技术,前端用的是Vue,后段用的是Flask。vue官网:开源的 Javascript 框架,vue是一套构建用户界面的渐进式框架,Vue采用自底向上的增量开发设计。vue是轻量级的,有很多独立的功能和库。 vue.js满足当前webapp项目的开发需求,MVVM框架诞生,而Vue.js便是这样一种js框架。两大核心:数据驱动和组件化。Flask
转载
2023-06-06 09:05:41
217阅读
之前一段时间一直在学习 python,后来在项目中用 weex 时接触到了 vue.js,本来 python 是自己想学的一门技术,weex 是项目需要,必须了解些 vue.js 方面的语法,所以为了加深对这两门技术的了解,一直在想怎么在实际项目中使用这些技术。刚好,团队中有一个分析App性能分析的需求,被分配统计Android 页面启动时间,针对本地调试,可以通过跑 python 实现,
转载
2024-01-11 00:34:23
22阅读
# 使用 Docker Compose 部署 Nginx 与 Flask 应用
在现代的 web 开发中,Nginx 和 Flask 是两种广泛使用的技术。Nginx 是一个高性能的 HTTP 和反向代理服务器,而 Flask 是一个轻量级的 Python Web 框架。许多开发者选择将它们结合在一起,以实现高效的请求处理和灵活的后端服务。借助 Docker 和 Docker Compose,您
在现代网站开发中,权限管理是一个至关重要的部分,而使用“纯HTML加jQuery”实现权限管理的过程中,我经历了一些挑战与收获。本文将详细记录这一过程,从环境准备、分步指南到验证测试等环节逐一展开,希望能为后来者提供一定的参考和帮助。
## 环境准备
在开始之前,我们需要确保具备开发权限管理系统的基本环境。以下是所需的软硬件要求:
- **硬件要求**:
- 一台计算机,推荐配置:8GB
Flask诞生于2010年,是Armin ronacher(人名)用 Python 语言基于 Werkzeug 工具箱编写的轻量级Web开发框架。 Flask 本身相当于一个内核,其他几乎所有的功能都要用到扩展(邮件扩展Flask-Mail,用户认证Flask-Login,数据库Flask-SQLAlchemy),都需要用第三方的扩展来实现。比如可以用 Flask 扩展加入ORM、窗体验
转载
2023-07-11 16:44:29
191阅读
进行一个实战小项目-blog系统。blog系统很简单,只有一个页面,然而麻雀虽小五脏俱全。这里目的不是为了做项目而做项目,这篇文章本意是通过这次练习传达以下几个知识点:1、从全局上了解flask项目的目录结构2、flask项目的运行机制3、flask框架实现MVC架构4、flask-sqlalchemy 操作mysql数据库一、新建项目:blog系统在pycharm中,新建flask项目,如下图:
转载
2023-07-26 09:37:10
237阅读
### 首先是服务器, 前端一个服务器,用宝塔部署, 注意配置, 后端一个服务器,手动部署, 安装mysql数据库, 挂载磁盘, 修改数据库的配置文件, 安装python3, 安装python虚拟环境, 使用gunicorn来部署, Gunicorn是一个unix上被广泛使用的高性能的Python ...
转载
2021-09-18 12:52:00
1549阅读
2评论
# Python Flask 使用 Vue
## 引言
Python Flask 是一款轻量级的 Web 开发框架,而 Vue 是一款流行的 JavaScript 框架,用于构建交互式的用户界面。结合 Python Flask 和 Vue 可以帮助我们开发出功能强大的 Web 应用程序。本文将介绍如何使用 Python Flask 和 Vue 来构建 Web 应用程序,并提供代码示例。
##
原创
2023-07-20 10:22:39
244阅读
今天使用我们一起来尝试,使用 Vue + Flask 搭建一个简单的单页面应用。前端
环境配置首先安装 vue1npm install vue创建 vue 工程1# 使用 webpack 打包工具初始化一个名为 frontend 的工程
2vue init webpack frontend安装依赖1# 进入工程目录
2cd frontend
3# 安装 vue-router
4npm ins
1. 代码管理1.1 创建仓库github 上创建仓库:flask-vuejs-madblog,并选择开源协议为 MIT License(也可以选择 gitee,速度快一些比之 github)。克隆仓库到本地# 找一个地址,打开 Git Bash
cd F:\My Projects\
git clone https://gitee.com/hubery_jun/flask-vuejs-madbl
转载
2023-12-18 15:12:35
300阅读