一.项目目录结构 使用Vue+Flask搭建前后端分离的基础平台. my_project/ app/ //vue目录 static/ models/ remplates/ 404.html index.html views/ __init__.py index.py run.py settings.py README.md my_project为项目根目录,my_project/app为Vue项目文件所在位置,其他文件和文件夹为flask项目的基本目录或者文件,在具体使用中再具体分析. 二.项目

一个Flask + vue 前后端分离的 二手书App 效果展示: https://blog.csdn.net/qq_42239520/article/details/88534955 所用技术清单 项目地址:项目地址 vue代码地址:vue代码地址 项目部分过程笔记: 后台: 项目结构 Secondhanbook / 项目目录 apps v1 __init__.py 导入 urls urls.py 路由配置 forms.py models.py views user_views.py 用户相关

万法同源 一直觉得可能自己不太适合搞技术,更适合在天桥底下支个摊子说书.技术的东西从来没人关注,扯东扯西的文章莫名的火.之前的一篇文章MarkDown添加图片的三种方式不管是在技术为主的CSDN还是娱乐为主的简书,都莫名的火爆,看图: 其实文章没什么含量,就是介绍了下markdown添加图片的方式,唯一新奇的可能就是使用了base64的图片二进制转化. ![avatar]\(data:image/png;base64,iVBORw0......) 1.使用python将图片转化为base64字符

Flask Vue.js全栈开发的 最新完整代码 及使用方式 本系列的最新代码及使用方式将持续更新到: http://www.madmalls.com/blog/post/latest-code/ 1. Flask Vue.js全栈开发教程系列 Flask Vue.js全栈开发|第1章:创建第一个Flask RESTful API Flask Vue.js全栈开发|第2章:Vue.js通过axios访问Flask RESTful API Flask Vue.js全栈开发|第3章:Flask设计U

4 数据库 知识点 Flask-SQLALchemy安装 连接数据库 使用数据库 数据库迁移 邮件扩展 4.1 数据库的设置 Web应用中普遍使用的是关系模型的数据库,关系型数据库把所有的数据都存储在表中,表用来给应用的实体建模,表的列数是固定的,行数是可变的.它使用结构化的查询语言.关系型数据库的列定义了表中表示的实体的数据属性.比如:商品表里有name.price.number等. Flask本身不限定数据库的选择,你可以选择SQL或NOSQL的任何一种.也可以选择更方便的SQLALchem

Flask & Vue 构建前后端分离的应用 最近在使用 Flask 制作基于 HTML5 的桌面应用,前面写过<用 Python 构建 web 应用>,借助于完善的 Flask 框架,可以轻松的构建一个网站应用.服务端的路由管理和前端模板页面的渲染都使用 Flask 提供的 API 即可,并且由于 werkzuge 提供了强大的开发功能,可以在运行时自动重新加载整个应用.如果使用 gevent 提供的 WSGIServer 作为服务器网关,在使用时需要进行一定的配置.此时仍然是由 P

vue 中展示PDF内容 不久前有个需要改的需求,以前是直接根据链接让用户下载对应pdf文件来查看,最主要是给用户查看,然而这种并不是很安全的,其他用户可以进行下载或者使用pdf链接分享给其他人,所以后来需要验证后再进行展示pdf内容,只有对应知道的人自己验证后才能打开; 这里说下自己的实现吧,读取pdf,那么在纯静态的使用vue-cli搭建的网站中读取pdf文件是不行的,何况涉及到验证,那么只有调用接口来处理,但是读取pdf文件展示就需要组件,找了pdf.js 来使用,根据官方文档,pdf文件

flask修改数据库字段的类型和长度 ​ 在将models中的字段的db.String(256)修改为db.String(1024)后,执行migrate和upgrade操作后,发现数据库并没有更新,网上查阅资料后,解决方法如下: 打开env.py文件(文件路径为:migrations/env.py) 找到run_migrations_online函数下的context.configure,在括号中添加两行配置项 ​ compare_type=True, ​ compare_server_def

使用flask的朋友肯定了解了flask_sqlalchemy,不了解的小伙伴也可以查看博文:Flask 操作Mysql数据库 - flask-sqlalchemy扩展 上面博文中讲解了如何将flask中的model转化成数据表,这里我们演示一下"如何通过已有数据库反向导出Model模型",以及解决遇到的一些问题. 一.flask从数据库反向导入Model 这里我们讲解一个插件:flask-sqlacodegen,他的作用就是将数据库转换成模型.首先我们下载flask-sqlacode

一.先在数据库中创建表格 在mysql中建users库并建立一个含有ID,username,email三个字段的user表 二.去vue的组件里面写页面的表单代码,注意form标签里的action需要暂时先空着,等flask的代码写完后填入flask的链接地址 然后将这个vue.js需要在index.js里面配置 三.用python实现连接数据库,获取表单数据并入库 四,将写入到数据库表格的内容写入到网页中,在网页展示 别忘了在vue的form标签的action属性加入flask的地址  效果展

在工作中,会导出一份mysql的html来查看,用的是就是路过秋天大神的那个工具,所以想自己用那个样式直接在后端写一个页面做展示! 前端页面 from flask import Flask,request,render_template from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///test.db' #这里用这个是不行

知识点 基于 Server-Sent Event 工作方式,Web 即时通信 Redis 包 发布订阅功能的使用 flask 快速入门,常用对象实例方法函数 Vuejs 列表页面自动渲染 效果图 代码段 app.py 主文件 import datetime from flask import Flask, session, redirect, Response, request, render_template, url_for, flash from redis import StrictRe

北京地铁出行线路规划系统项目总结 GitHub仓库地址:https://github.com/KeadinZhou/SE-Subway Demo地址:http://10.66.2.161:8080/ (校内网) 项目需求 实现一个帮助进行地铁出行路线规划的命令行程序 地铁线路图数据需要与执行程序解耦 支持查询单条线路的所有站点 支持查询任意两站之间通过最少站数的路线 算法设计 项目中最主要的点在于:找出两个站点之间通过最少站数的路线.该点对应的经典模型是"在一个无向图中找出两点之间的最短路径&q

1.安装postgresql 注意:在flask中,操作数据库还是通过orm调用驱动来操作.sqlalchemy是python下的一款工业级的orm,比Django自带的orm要强大很多,至于什么类型的数据库不重要,通过orm上层操作的代码是一样的.我们目前介绍的是sqlalchemy,与flask没有太大关系,后面会介绍如何将sqlalchemy与flask集成,也有一个开源的第三方组件,叫flask-sqlalchemy. 关于数据库,我这里选择的是postgresql,当然mysql.Or

#coding:utf8 from flask import Flask from flask_sqlalchemy import SQLAlchemy app = Flask(__name__) # 设置链接数据库的url app.config['SQLALCHEMY_DATABASE_URI']='mysql://root:mysql@127.0.0.1:3306/flask' # 每次请求结束后自动提交数据 app.config['SQLALCHEMY_COMMIT_ON_TEAMDOWN

事实上有很多种在前端展示PDF格式文档的方法,小编也用过好多种,例如有<iframe>.<embed>和<object>这些标签,但是在Vue项目里,这些方法都不能很好的展示PDF文档,实际上Vue给大家准备了展示PDF的插件,所以小编今天给大家讲解一下这个插件的用法. 首先下载插件 命令:npm install pdfjs-dist 下载完毕以后新建一个组件用来存放PDF文档 引入所需要的插件: 接下来就是Vue给大家已经准备好了展示PDF文档所需要的代码,不需要大家

首先得做好做基本的框架 # -*- encoding: utf-8 -*- from flask import Flask,render_template #导入第三方连接库sql点金术 from flask_sqlalchemy import SQLAlchemy #建立对象 app = Flask(__name__) #载入配置文件 app.config.from_pyfile('config.ini') # #指定数据库连接还有库名 # app.config['SQLALCHEMY_DAT

在做项目的过程中,我们都遇到过,经常需要修改我们数据库的字段,在flask中,是通过ORM(对象关系映射)来创建数据库的,表--->model class,字段---->属性 在flask中,我们是通过第三方插件SQLAlchemy来创建数据库表,采用的是db.create_all()方法,这样,在我们修改数据库的Model的字段之后,想要同步数据库,就只能通过删除表,然后重新调用db.create_all()来完成. 所以,flask引入了flask_script 和 flask_migra

在此之前 我们先说一下常规的flask运用第三方扩展来实现数据库的迁移的三个步骤以及每步的目的. 数据库的迁移的三个步骤:(cd 到run.py所在路径) python run.py db init pthon run.py db migrate python run.py db upgrade/downgrade(更新/删除) 步骤一 的作用是通过init子命令来创建一个迁移库,这个命令创建一个migrations文件夹,里面存放了所有迁移脚本,如下图所示: 步骤二 通过migrate子命令创

一.数据库框架 Flask-SQLAlchemy (1)安装: pip install flask-sqlalchemy (2)Flask-SQLAlchemy数据库URL 数据库引擎 URL MySQL mysql://username:password@hostname/database Postgres postgresql://username:password@hostname/database SQLite(Unix) sqlite:////abslute/path/to/datab

定义关系 在关系型数据库中,我们可以通过关系让不同表之间的字段建立联系.一般来说,定义关系需要两步,分别是创建外键和定义关系属性.在更复杂的多对多关系中,我们还需要定义关联表来管理关系.下面我们学习用SQLAlchemy在模型之间建立几种基础的关系模式. 配置python shell上下文 在上面的操作中,每一次使用flask shell命令启动python shell后都要从app模块里导入db对象和相应的模型类.为什么不能把他们自动集成到python shell上下文里呢?就像flask内置