您的位置: 青财网 > 游戏 > 正文

使用 Python Flask 快速搭建前端调试后台

2020-03-30 06:28:19来源:阅读:-

前端开发中,必不可少的一部分就是接口调试。常见的做法有 Mock.js 等。但 mock 方式会有一些 不足,如:请求被拦截,无法在chrome中查看请求的各种细节等。针对这些不足,我们可以拓宽我们的技能树,写一部分后端用于项目本地 mock 调试。本文介绍一种基于 Python Flask 框架快速搭建前端调试后台的方案。

Flask 常用方法

私信小编01 领取完整项目代码!

基础示例

from flask import Flask, request
from flask_cors import *
import json
import time
import copy
import random
import os

app = Flask(__name__)
CORS(app, supports_credentials=True, resources=r'/*')

CORS(app)

@app.route('/')
def index():
return 'Hello,Python Flask!'

app.run(debug=True, host='0.0.0.0', port=8000)
复制代码

注意:浏览器测试访问时,需要将 host 的 ip 地址由 0.0.0.0 改成实际的 ip 地址。

路由

路由通过 app.route 进行设置 ,通过 ip 地址:端口号 + 路由 访问。

@app.route('/api/name')
def name():
return 'Name: Leif'
复制代码

请求方法

GET 请求方法设置。此方法默认,可不设置。

@app.route('/api/info', methods=['GET'])
复制代码

POST 请求方法设置。

@app.route('/api/info', methods=['POST'])
复制代码

请求参数读取

GET 请求参数读取,通过 request.args.get('参数名')

@app.route('/api/info', methods=['GET'])
def info():
type = request.args.get('type')
time = request.args.get('time')
复制代码

POST 请求参数读取,通过 request.form.get(字段名)

@app.route('/api/params', methods=['POST'])
def params():
# browser & os & computer & folder
browser = request.form.get('browser')
os = request.form.get('os')
computer = request.form.get('computer')
folder = request.form.get('folder')
复制代码

图片读取与保存

@app.route('/api/pic', methods=['POST'])
def pic():
img = request.files.get('file')
if img is None:
return json.dumps({'msg': 'File upload fail!'})
else:
img.save(img.filename)
return json.dumps({'msg': 'File upload success!'})
复制代码

推荐阅读:iphonex可以分屏吗

滚动推荐
28:19使用 Python Flask 快
前端开发中,必不可少的一部分就是接口调试。常见的做法有 Mock.js[详细]
44:34鲁大师“登陆”华为云 应对移动化互
早在多年前,鲁大师就可以准确识别市面上几乎所有主流硬件和参数,甚至使用[详细]
15:07除了爸爸妈妈,还有你最关心我的安全
智能手表也是慢慢的普及开来,虽然许多人并不待见智能手表,不过智能手表对[详细]
46:38PCR雷达助力共享停车服务商HAN
借助ParkingFriends™共享车位服务应用程序(app),停车[详细]
19:18你们要的“广告净化神器”来啦,几款
跟电脑版一样,只要登陆chrome网上商店,选中插件后,选择addto[详细]
52:46免除湖北商家一季度服务费,贝贝集团
2月6日,记者从贝贝集团获悉,针对全国尤其是湖北地区的商家恢复营业面临[详细]
27:00使用物联网平台的六大理由
图片来源:pixabay来源:物联之家网(iothome.com)转载[详细]