美文网首页
使用flask进行前端后台的数据交互

使用flask进行前端后台的数据交互

作者: conner是位好少年 | 来源:发表于2019-12-30 15:55 被阅读0次

flask是一个轻量级的web框架,下面整理讲一下如何使用
其实步骤很简单
1,初始化
app = Flask(name),创建flask对象app,flask类的构造器必须指定的参数,如果是model的话,括号里就放model名,如果是单独应用可以使用name
在初始化之后,用config.update或者.debug两种方式来定义是否debug的参数。线上程序为了安全需将这个参数设置为false,也就是不让debug
2,路由
通过装饰器的方式将我们的方法转换为路由,具体方法如下:

@app.route(‘’,methods = [])
# -*- coding: utf-8 -*-
from flask import Flask, request, render_template
app = Flask(__name__)
app.config.update(DEBUG=False)
@app.route('/asyn/', methods=['GET'])
def asyn_one():
    print("asyn has a request!")
    time.sleep(10)
    return 'hello asyn'
@app.route('/get_result/', methods=['GET', 'POST'])
def img_request():
    if request.method == 'POST':
        res = request.form.get('tracelist')
        new_db.sadd('traceset', res)
        print(res)
    return "OK"
if __name__ == "__main__":
    app.run(host='0.0.0.0', port=80)

3,前后端的交互方式
方式一:前端发送,后端接收
前端通过ajax或者form的submit来生成后端所需要的内容(ajax看上一页)
后端通过request.form来获取前端post的参数
方式二:后端发送,前端接收
后端通过模版引擎render_template来进行交互
后端通过return render_template(’hello.html’, name=name)来向hello.html页面进行name的传递
Html页面放的地址必须在templates文件夹下。
前端获取方式:
{% if name %}
<h1>Hello {{ name }}!</h1>

相关文章

  • 计算机毕业设计之Python旅游爬虫可视化

    功能介绍 网络爬虫进行数据获取,使用python与MySql进行数据交互,使数据持久化,Flask搭建web后台,...

  • 使用flask进行前端后台的数据交互

    flask是一个轻量级的web框架,下面整理讲一下如何使用其实步骤很简单1,初始化app = Flask(name...

  • axious

    axios: vue ajax 前端页面和后台数据进行交互 json vue 库

  • 2018-09-25

    axios: vue ajax 前端页面和后台数据进行交互 jsonvue 库

  • Flask 构建微电影视频网站(4.1)

    后台管理 实现后台管理系统使用flask sqlalchemy结合mysql数据库进行增删改查操作、分页的使用、路...

  • axios

    axios是vue中的ajax前端页面和后台数据进行交互 效果图:

  • 2018-09-25 axios

    vue ajax 前端页面和后台数据进行交互 jsonvue 库下载:npm install axio...

  • Vue axios

    vue ajax 前端页面和后台数据进行交互 jsonvue 库下载:npm install axio...

  • vueJS使用leadcloud数据存储

    vue前端使用leadcloud数据存储,实现纯前端+leadcloud进行数据交互,无需server端,轻松实现...

  • axios

    vue ajax 前端页面和后台数据进行交互 json下载:npm install axios访问页面:网址...

网友评论

      本文标题:使用flask进行前端后台的数据交互

      本文链接:https://www.haomeiwen.com/subject/dtsmoctx.html