技术标签: VUE基础 python FLASK基础 flask
FLASK+VUE–前后端分离(一)- Flask基础讲解之路由、视图函数及代码实现
FLASK+VUE–前后端分离(二)- VUE基础安装及项目的简易介绍
FLASK+VUE–前后端分离(三)- VUE+Element-UI搭建登陆页面且能够正常登陆
FLASK+VUE–前后端分离(四)- VUE+Element-UI简单搭建主页布局
FLASK+VUE–前后端分离(五)- VUE测试/线上/开发环境地址配置+拦截器+全局导航守卫+基础配置+获取设置cookie等系列
1、Flask是目前十分流行的web框架,它是一个轻量级的可定制微框架,使用Python语言编写,较其他同类型框架更为灵活、轻便、安全且容易上手。
2、微框架中的“微”是指Flask旨在保持代码简洁且易于扩展。
3、框架的简易理解及区别:
目前Python的web框架有很多。除了Flask,还有django等等
django是目前Python的框架中使用度最高的,但是Django如同java大多数被用于大型网站的开发。
Flask但对于大多数的小型网站的开发Flask就可以满足,和其他的轻量级框架相比较,Flask框架有很好的扩展性,这是其他Web框架不可替代的。
学习Flask个人总结就分两种理解去学习,1是路由、2就是视图函数。
为什么说分两种,那么大家就要了解一下,什么是路由,什么是视图函数。
官方文档解释:在Flask应用中,路由是指用户请求的URL与视图函数之间的映射。Flask框架 根据HTTP请求的URL在路由表中匹配预定义的URL规则,找到对应的视图函数, 并将视图函数的执行结果返回WSGI服务器
个人解释: 客户端(例如Web浏览器)把请求发送给Web服务器,Web服务器再把请求发送给Flask程序实例。程序实例需要知道对每个URL请求运行哪些代码,所以保存了一个URL到python函数的映射关系。处理URL和函数之间关系的程序称为路由。
什么是WSGI服务器:
官方定义:wsgi是Web服务器网关接口(Python Web Server Gateway Interface,缩写为WSGI)是为Python语言定义的Web服务器和Web应用程序或框架之间的一种简单而通用的接口。
总结:wsgi就是一种规范,它定义了使用web应用程序与Python编写的web服务器程序之间的接口格式.无论多么复杂的Web应用程序,入口都是一个WSGI处理函数。
个人理解:视图函数主要负责逻辑处理的结果展现给用户,这里分两个框架来解释。
django:
必须有一个形参
必须返回一个HttpResponse对象,也可以是JsonResponse对象,看业务需求
from django.http import HttpResponse
def my_view(request):
if request.method == 'GET':
return HttpResponse('OK')
flask:
必须有个函数注册为程序跟地址的处理程序
必须返回一个response对象,所以我们会用到make_response的函数,使返回的数据构建成一个response的对象
from flask import Flask, make_response
# Flask类只有一个必须指定的参数,即程序主模块或者包的名字,__name__是系统变量,该变量指的是本py文件的文件名
app = Flask(__name__)
# app.route装饰器,把装饰的函数注册为路由
@app.route('/')
def run(): # 这就是视图
return make_response("OK")
刚才说过分路由、视图函数,那么放到代码中怎么解释呢?如下
路由分为:127.0.0.1:8080 + / + get/post等请求方式
视图函数分为:request、data、response
from flask import Flask, make_response
# Flask类只有一个必须指定的参数,即程序主模块或者包的名字,__name__是系统变量,该变量指的是本py文件的文件名
app = Flask(__name__)
@app.route('/', methods=['GET', 'POST']) # 这是路由,定义是GET请求还是POST请求方式,那么我们什么时候用到GET,什么时候用POST?规范是获取数据用GET,有参数请求或者修改数据用POST。看项目需要。
def run(): # 这是视图函数
res = {
'code': 0,
'msg': "OK",
'data': {
'test': '测试页面'
}
}
return make_response(res)
if __name__ == '__main__':
app.run(host='0.0.0.0', port=8080, debug=False, threaded=True)
postman调用
flask了解更多路由写法,请点击:flask路由详细写法
1、formData格式
from flask import Flask, make_response, request
from flask_cors import CORS # 引用CORS,后期需要VUE支持跨域访问会用到
# Flask类只有一个必须指定的参数,即程序主模块或者包的名字,__name__是系统变量,该变量指的是本py文件的文件名
app = Flask(__name__)
# resources全局配置允许跨域的API接口,我们这边为了学习,配置所有,详细学习请百度搜索文档
CORS(app, resources=r'/*')
@app.route('/', methods=['GET', 'POST'])
def run():
username = request.form.get('username', type=str) # formData格式区分
password = request.form.get('password', type=int) # formData格式区分
if username == 'admin' and password == 123:
res = {
'code': 0,
'msg': "OK",
'data': {
'test': '测试页面'
}
}
else:
res = {
'code': 999,
}
return make_response(res)
if __name__ == '__main__':
app.run(host='0.0.0.0', port=8080, debug=False, threaded=True)
postman调用
2、json格式
from flask import Flask, make_response, request
from flask_cors import CORS # 引用CORS,后期需要VUE支持跨域访问会用到
# Flask类只有一个必须指定的参数,即程序主模块或者包的名字,__name__是系统变量,该变量指的是本py文件的文件名
app = Flask(__name__)
# resources全局配置允许跨域的API接口,我们这边为了学习,配置所有,详细学习请百度搜索文档
CORS(app, resources=r'/*')
@app.route('/', methods=['GET', 'POST'])
def run():
getJson = request.get_json()
username = str(getJson.get('username')) # json数据格式
password = int(getJson.get('password')) # json数据格式
if username == 'admin' and password == 123:
res = {
'code': 0,
'msg': "OK",
'data': {
'test': '测试页面'
}
}
else:
res = {
'code': 999,
}
return make_response(res)
if __name__ == '__main__':
app.run(host='0.0.0.0', port=8080, debug=False, threaded=True)
postman调用
运用flask内的方法去获取headers的值
很简单的一个方法,这里就用获取headers内的Host来做教程
request.headers.get('Host')
如果是要获取cookies那么就用下列方法
request.headers.get('cookies')
from flask import Flask, make_response, request
from flask_cors import CORS
app = Flask(__name__)
CORS(app, resources=r'/*')
@app.route('/', methods=['GET', 'POST'])
def run():
host = request.headers.get('Host') # 获取headers内的host
print(host)
return make_response('ok')
if __name__ == '__main__':
app.run(host='0.0.0.0', port=8080, debug=False, threaded=True)
postman调用
更多获取数据请参考下方合集
scheme = request.scheme # 获取请求方案(协议)
method = request.method # 获取本次请求的请求方式
args = request.args # 获取使用GET请求方式提交的数据
form = request.form # 获取POST请求方式提交的数据
values = request.values # 获取GET和POST请求方式提交的数据
cookies = request.cookies # 获取COOKIES中的信息
headers = request.headers # 获取请求消息头的信息
path = request.path # 获取请求的URL地址
files = request.files # 获取用户上传的文件
ua = request.headers['User-Agent'] # 获取headers中的User-Agent
url = request.url # 获取URL请求地址
额外练习:
创建三个目录结构
1、config文件:创建config_sql.py内存放sqlite语句(mysql也可以,在这里用sqlite是因为比较轻巧,便捷),代码复制地址:sqlite创建数据库源码
2、db文件:是sqlite数据库存放位置
3、login文件:是上方讲解的代码
可以根据讲解的flask编写一个注册登录接口。用postman调用去尝试玩一玩。
#!/usr/bin/python3
# -*- coding: utf-8 -*-
# @Date : 2021/8/16
# @Name : ZhouZongXin
"""
/web_user 登陆
"""
from flask import make_response, request
from web.common.open_json import *
import os
PATH = os.path.dirname(__file__)
class Login(object):
@staticmethod
def get_login():
# 获取用户数据,可以存在数据库
path = PATH + '/loginData.json'
res = {
"code": 0,
"msg": "OK",
"data": {
}
}
userName = request.form.get("user")
passWord = request.form.get("pwd")
if len(userName) >= 16 or len(passWord) >= 16:
res['code'] = -2
res['msg'] = '用户名/密码长度不能超多16位'
return make_response(res)
for users in read_json(path):
for user, pwd in users.items():
if userName == user and passWord == pwd:
res['data']['user'] = userName
res['data']['pwd'] = passWord
return make_response(res)
res['code'] = -1
res['msg'] = "请填写正确的账号密码"
return make_response(res)
#!/usr/bin/python3
# -*- coding: utf-8 -*-
# @Date : 2021/8/16
# @Name : ZhouZongXin
"""
/register 注册
"""
from flask import make_response, request
from web.common.open_json import *
import re
import os
PATH = os.path.dirname(__file__)
class Register(object):
@staticmethod
def get_register():
# 注册后存储数据,可以存入数据库
path = PATH + '/loginData.json'
res = {
"code": 0,
"msg": "OK",
"data": {
}
}
userName = request.form.get("user")
passWord = request.form.get("pwd")
if not userName or not passWord:
res['code'] = -1
res['msg'] = '账号密码不能为空'
return make_response(res)
elif len(userName) >= 16 or len(passWord) >= 16:
res['code'] = -2
res['msg'] = '用户名/密码长度不能超多16位'
return make_response(res)
elif not re.findall(r'^[a-zA-Z0-9]+$', userName):
res['code'] = -3
res['msg'] = '用户名存在非法字符'
return make_response(res)
else:
for users in read_json(path):
for user in users.keys():
if userName in user:
res['code'] = -4
res['msg'] = '账号已存在,请重新输入'
return make_response(res)
write_json(path, userName, passWord)
user_all = []
for user in read_json(path):
user_all.append(user)
res["data"] = user_all
return make_response(res)
#!/usr/bin/python3
# -*- coding: utf-8 -*-
# @Date : 2021/8/16
# @Name : ZhouZongXin
"""
"""
from flask import Flask
# 创建app应用,__name__是python预定义变量,被设置为使用本模块.
app = Flask(__name__)
# 导入模块
from web.web_user import control_user
#!/usr/bin/python3
# -*- coding: utf-8 -*-
# @Date : 2021/8/18
# @Name : ZhouZongXin
"""
"""
from web import app
from web.web_user import user_login
from web.web_user import user_register
@app.route('/login', methods=["POST"])
def login():
"""用户名密码登陆"""
login_data = user_login.Login().get_login()
return login_data
@app.route('/register', methods=["POST"])
def register():
"""用户名密码注册"""
register_data = user_register.Register().get_register()
return register_data
文章浏览阅读1.1k次。一、选择题1. 串行接口是指( )。A. 接口与系统总线之间串行传送,接口与I/0设备之间串行传送B. 接口与系统总线之间串行传送,接口与1/0设备之间并行传送C. 接口与系统总线之间并行传送,接口与I/0设备之间串行传送D. 接口与系统总线之间并行传送,接口与I/0设备之间并行传送【答案】C2. 最容易造成很多小碎片的可变分区分配算法是( )。A. 首次适应算法B. 最佳适应算法..._874 计算机科学专业基础综合题型
文章浏览阅读9.7k次,点赞5次,收藏15次。连接xshell失败,报错如下图,怎么解决呢。1、通过ps -e|grep ssh命令判断是否安装ssh服务2、如果只有客户端安装了,服务器没有安装,则需要安装ssh服务器,命令:apt-get install openssh-server3、安装成功之后,启动ssh服务,命令:/etc/init.d/ssh start4、通过ps -e|grep ssh命令再次判断是否正确启动..._could not connect to '192.168.17.128' (port 22): connection failed.
文章浏览阅读209次。00000000_杰理 空白芯片 烧入key文件
文章浏览阅读475次。2023年初,“ChatGPT”一词在社交媒体上引起了热议,人们纷纷探讨它的本质和对社会的影响。就连央视新闻也对此进行了报道。作为新传专业的前沿人士,我们当然不能忽视这一热点。本文将全面解析ChatGPT,打开“技术黑箱”,探讨它对新闻与传播领域的影响。_引发对chatgpt兴趣的表述
文章浏览阅读259次。用Python数据分析方法进行汉字声调频率统计分析木合塔尔·沙地克;布合力齐姑丽·瓦斯力【期刊名称】《电脑知识与技术》【年(卷),期】2017(013)035【摘要】该文首先用Python程序,自动获取基本汉字字符集中的所有汉字,然后用汉字拼音转换工具pypinyin把所有汉字转换成拼音,最后根据所有汉字的拼音声调,统计并可视化拼音声调的占比.【总页数】2页(13-14)【关键词】数据分析;数据可..._汉字声调频率统计
文章浏览阅读64次。最近在做一个android系统移植的项目,所使用的开发板com1是调试串口,就是说会有uboot和kernel的调试信息打印在com1上(ttySAC0)。因为后期要使用ttySAC0作为上层应用通信串口,所以要把所有的调试信息都给去掉。参考网上的几篇文章,自己做了如下修改,终于把调试信息重定向到ttySAC1上了,在这做下记录。参考文章有:http://blog.csdn.net/longt..._嵌入式rootfs 输出重定向到/dev/console
文章浏览阅读1.2k次,点赞4次,收藏12次。1,先去iconfont登录,然后选择图标加入购物车 2,点击又上角车车添加进入项目我的项目中就会出现选择的图标 3,点击下载至本地,然后解压文件夹,然后切换到uniapp打开终端运行注:要保证自己电脑有安装node(没有安装node可以去官网下载Node.js 中文网)npm i -g iconfont-tools(mac用户失败的话在前面加个sudo,password就是自己的开机密码吧)4,终端切换到上面解压的文件夹里面,运行iconfont-tools 这些可以默认也可以自己命名(我是自己命名的_uniapp symbol图标
文章浏览阅读1.2w次,点赞25次,收藏192次。char*和char[]都是指针,指向第一个字符所在的地址,但char*是常量的指针,char[]是指针的常量_c++ char*
文章浏览阅读930次。代码编辑器或者文本编辑器,对于程序员来说,就像剑与战士一样,谁都想拥有一把可以随心驾驭且锋利无比的宝剑,而每一位程序员,同样会去追求最适合自己的强大、灵活的编辑器,相信你和我一样,都不会例外。我用过的编辑器不少,真不少~ 但却没有哪款让我特别心仪的,直到我遇到了 Sublime Text 2 !如果说“神器”是我能给予一款软件最高的评价,那么我很乐意为它封上这么一个称号。它小巧绿色且速度非
文章浏览阅读4.1k次。一、选择法这是每一个数出来跟后面所有的进行比较。2.冒泡排序法,是两个相邻的进行对比。_对十个数进行大小排序java
文章浏览阅读2.9k次。物联网开发笔记——使用网络调试助手连接阿里云物联网平台(基于MQTT协议)其实作者本意是使用4G模块来实现与阿里云物联网平台的连接过程,但是由于自己用的4G模块自身的限制,使得阿里云连接总是无法建立,已经联系客服返厂检修了,于是我在此使用网络调试助手来演示如何与阿里云物联网平台建立连接。一.准备工作1.MQTT协议说明文档(3.1.1版本)2.网络调试助手(可使用域名与服务器建立连接)PS:与阿里云建立连解释,最好使用域名来完成连接过程,而不是使用IP号。这里我跟阿里云的售后工程师咨询过,表示对应_网络调试助手连接阿里云连不上
文章浏览阅读544次,点赞5次,收藏6次。运算符与表达式任何高级程序设计语言中,表达式都是最基本的组成部分,可以说C++中的大部分语句都是由表达式构成的。_无c语言基础c++期末速成