• 欢迎访问笔记阁,实用快捷文章教程,推荐使用Chrome浏览器和360极速浏览器访问本网站
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏笔记阁吧

Flask框架基础全面教程

Flask feko 4周前 (03-22) 36次浏览 已收录 0个评论 扫描二维码
文章目录[隐藏]

环境

centos7
python3.6

环境部署

yum install python3
pip3 install flask

项目创建

mkdir newproj
cd newproj

# cat > Hello_development.py <<EOF   ###开发模式
from flask import Flask
app = Flask(__name__)
app.debug = True   ##开启是可以实时查看

@app.route('/')
def hello_world():
    return 'Hello World'

if __name__ == '__main__':
    app.run('0.0.0.0',5000)
EOF
# cat > Hello_production.py <<EOF   ###生产模式
from flask import Flask
from wsgiref.simple_server import make_server

app = Flask(__name__)

@app.route('/')
def hello_world():
    return "hello"
@app.route('/web')
def hello_world2():
    return "hello web"
if __name__ == '__main__':
    server = make_server('0.0.0.0', 5000, app)
    server.serve_forever()
EOF
# python3 Hello_production.py
浏览器访问http://ip:5000

Flask 路由

@app.route('/hello')
def hello_world():
   return 'hello world'
http://localhost5000/hello

Flask 变量规则

from flask import Flask
app = Flask(__name__)

@app.route('/hello/<name>') ##字符串变量
def hello_name(name):
   return 'Hello %s!' % name

@app.route('/blog/<int:postID>') ##int型变量
def show_blog(postID):
   return 'Blog Number %d' % postID

@app.route('/rev/<float:revNo>')  ##浮点型变量
def revision(revNo):
   return 'Revision Number %f' % revNo

if __name__ == '__main__':
   app.run(debug = True)

打开浏览器并输入URL http://localhost:5000/hello/feko
如果输入http://localhost:5000/hello/feko/ 就会报404

规范URL

Flask的URL规则基于Werkzeug的路由模块。这确保形成的URL是唯一的,并且基于Apache规定的先例。

from flask import Flask
app = Flask(__name__)

@app.route('/hello/<name>/') ##字符串变量
def hello_name(name):
   return 'Hello %s!' % name

@app.route('/blog/<int:postID>/') ##int型变量
def show_blog(postID):
   return 'Blog Number %d' % postID

@app.route('/rev/<float:revNo>/')  ##浮点型变量
def revision(revNo):
   return 'Revision Number %f' % revNo

if __name__ == '__main__':
   app.run(debug = True)

打开浏览器并输入URL http://localhost:5000/hello/feko
http://localhost:5000/hello/feko/ 都不会报错

Flask URL构建

URL重定向
from flask import Flask, redirect, url_for
app = Flask(__name__)
@app.route('/admin/')
def hello_admin():
   return 'Hello Admin'

@app.route('/guest/<guest>/')
def hello_guest(guest):
   return 'Hello %s as Guest' % guest

@app.route('/user/<name>/')
def hello_user(name):
   if name =='admin':
      return redirect(url_for('hello_admin'))
   else:
      return redirect(url_for('hello_guest',guest = name))

if __name__ == '__main__':
   app.run(debug = True)

打开浏览器并输入URL – http://localhost:5000/user/admin
浏览器中的应用程序响应是:
Hello Admin
在浏览器中输入以下URL – http://localhost:5000/user/feko
应用程序响应现在更改为:
Hello feko as Guest

HTTP方法

GET – 从指定的资源请求数据。以未加密的形式将数据发送到服务器。最常见的方法。
POST – 向指定的资源提交要被处理的数据,用于将HTML表单数据发送到服务器。
login.html

<html>
   <body>

      <form action = "http://192.168.209.211:5000/login/" method = "post">
         <p>Enter Name:</p>
         <p><input type = "text" name = "nm" /></p>
         <p><input type = "submit" value = "submit" /></p>
      </form>

   </body>
</html>

Hello_development.py

from flask import Flask, redirect, url_for, request
app = Flask(__name__)

@app.route('/success/<name>/')
def success(name):
   return 'welcome %s' % name

@app.route('/login/',methods = ['POST', 'GET']) ##action 地址要对应,有'/'也有'/'
def login():
   if request.method == 'POST':
      user = request.form['nm']
      return redirect(url_for('success',name = user))
   else:
      user = request.args.get('nm')
      return redirect(url_for('success',name = user))

if __name__ == '__main__':
   app.run(debug = True)

Flask 模板使用

render_template 函数用于渲染模板
模板必须放在templates目录下
Hello_development.py

from flask import Flask, render_template

app = Flask(__name__)

@app.route('/')
def index():
    my_int = 1
    my_str = 'fafa'
    my_list = [1,2,3,4,5,6]
    my_dict = {
        'name': 'feko',
        'age': 26
    }

    # render_template方法:渲染模板
    # 参数1: 模板名称  参数n: 传到模板里的数据
    return render_template('hello.html',
                           my_int=my_int,
                           my_str=my_str,
                           my_list=my_list,
                           my_dict=my_dict
                           )
if __name__ == '__main__':
    app.run(debug=True)

cat templates/hello.html

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>Title</title>
</head>

<body>
  <h3>我是模板</h3>
  {{ my_int }}
  <br>
  {{ my_str }}
  <br>
  {{ my_list }}
  <br>
  {{ my_dict }}
  <hr>
  <h3>两种方法:模板的list数据获取</h3>
  <hr>
  {{ my_list[0] }}
  <br>
  {{ my_list.1 }}
  <hr>
  <h3>两种方法:字典数据获取</h3>
  <hr>
  {{ my_dict['name'] }}
  <br>
  {{ my_dict.age }}
  <hr>
  <h3>两种方法:算术运算</h3>
  <br>
  {{ my_list.0 + 10 }}
  <br>
  {{ my_list[0] + my_list.1 }}
</body>

</html>

Flask 静态文件
静态文件主要包括js/css文件,并存在static目录下
python程序去渲染html模板,模板再去调用js里面的函数
Hello_development.py

from flask import Flask, render_template
app = Flask(__name__)

@app.route("/")
def index():
   return render_template("index.html")

if __name__ == '__main__':
   app.run(debug = True)

templates/index.html

<html>

   <head>
      <script type = "text/javascript"
         src = "{{ url_for('static', filename = 'hello.js') }}" ></script>

   </head>

   <body>
      <input type = "button" onclick = "sayHello()" value = "Say Hello" />
   </body>

</html>

static/hello.js

function sayHello() {
   alert("Hello World")
}

Flask Request对象

来自客户端网页的数据作为全局请求对象发送到服务器。为了处理请求数据,应该从Flask模块导入。
Request对象的重要属性如下所列:
Form – 它是一个字典对象,包含表单参数及其值的键和值对。
args – 解析查询字符串的内容,它是问号(?)之后的URL的一部分。
Cookies – 保存Cookie名称和值的字典对象。
files – 与上传文件有关的数据。
method – 当前请求方法。

Flask 将表单数据发送到模板

cat Hello_development.py ##主程序

from flask import Flask, render_template, request
app = Flask(__name__)

@app.route('/')
def student():
    return render_template('student.html')

@app.route('/result',methods = ['POST','GET'])
def result():
    if request.method == 'POST':
        result = request.form
        return render_template('result.html',result = result)

if __name__ == '__main__':
    app.run('0.0.0.0',5000,debug  = True)

cat templates/student.html ##脚本

<form action="http://192.168.209.211:5000/result" method="POST">
    <p>Name <input type = "text" name = "Name"/></p>
    <p>Physics <input type = "text" name = "Physics"/></p>
    <p>Maths <input type = "text" name = "Maths"/></p>
    <p><input type = "submit" value="submit"/></p>
</form>

cat templates/result.html ##模板

<!doctype html>
    <table border = 1>
        {% for key, value in result.items() %}
        <tr>
            <th>{{key}}</th>
            <th>{{value}}</th>
        </tr>
        {% endfor %}
    </table>

Flask Cookies

Cookie以文本文件的形式存储在客户端的计算机上。其目的是记住和跟踪与客户使用相关的数据,以获得更好的访问者体验和网站统计信息。
Hello_development.py

from flask import Flask, make_response, request

app = Flask(__name__)

@app.route('/set_cookies')
def set_cookies():
    resp = make_response("success")
    resp.set_cookie("cookie_id_1","009911", max_age=3600)
    return resp

@app.route('/get_cookies')
def get_cookies():
    cookies_get = request.cookies.get('cookie_id_1')
    return cookies_get

@app.route('/delete_cookies')
def delete_cookies():
    resp = make_response('del success')
    resp.delete_cookie('cookie_id_1')
    return resp

if __name__ == '__main__':
    app.run('0.0.0.0',5000,debug=True)

Flask Sessions(会话)

Session(会话)数据存储在服务器上。会话是客户端登录到服务器并注销服务器的时间间隔。
会话变量使用
cat Hello_development.py

#!/usr/bin/env ptyoh
# ~*~ coding: utf-8 ~*~

from flask import Flask, session, redirect, url_for, escape, request
app = Flask(__name__)
app.secret_key = '9988aabbkkllii'

@app.route('/')
def index():
    if 'username' in session:
        return  "登录用户是:" + session["username"] + "<br><a href='/logout'>点击这里注销登录</a>"

    return '''
    你暂时没有登录 <br>
    <a href='/login'>点击这里登录</a>
    '''

@app.route('/login',methods = ['POST','GET'])
def login():
    if request.method == 'POST':
        session["username"] = request.form["username"] ##可以直接当作dict使用
        return redirect(url_for('index'))
    return '''
           <form action = '' method = 'POST'>
           <p>username:<input type='text' name = 'username' <br></p>
           <p><input type='submit' value = 'submit'</p>
           </form>
           '''
@app.route('/logout')
def logout():
    session.pop('username',None)
    return redirect(url_for('index'))
if __name__ == '__main__':
    app.run('0.0.0.0',5000,debug = True)

Flask 重定向和错误

重定向
Flask.redirect(location, statuscode, response)
在上述函数中:
location参数是应该重定向响应的URL。
statuscode发送到浏览器标头,默认为302。
response参数用于实例化响应。
错误
Flask类具有带有错误代码的abort()函数。

Flask.abort(code)
code参数采用以下值之一:
400 – 用于错误请求
401 – 用于未身份验证的
403 – Forbidden
404 – 未找到
406 – 表示不接受
415 – 用于不支持的媒体类型
429 – 请求过多

Hello_development.py

#!/usr/bin/env ptyoh
# ~*~ coding: utf-8 ~*~

from flask import Flask, session, redirect, url_for, escape, request,render_template,abort

app = Flask(__name__)

@app.route('/')
def index():
    return render_template('log_in.html')

@app.route('/login',methods = ['POST','GET'])
def login():
    if request.method == 'POST':
        if request.form["username"] == "admin":
            return redirect(url_for('success'),301)
        else:
            abort(401)
    else:
        return redirect(url_for('index'))
@app.route('/success')
def success():
    return "login is success"
if __name__ == '__main__':
    app.run('0.0.0.0',5000,debug = True)

templates/log_in.html

<form action="/login" method="post" >
    <p>username:<input type="text" name="username"/></p>
    <p><input type="submit" value="submit"/></p>
</form>

Flask 消息闪现

一个好的基于 GUI 的应用程序会向用户提供有关交互的反馈。
简单使用:
后端定义flash("login successful!!")
模板获取get_flashed_messages()

Hello_development.py

#!/usr/bin/env ptyoh
# ~*~ coding: utf-8 ~*~

from flask import Flask, session, redirect, url_for, escape, request,render_template,abort,flash
import os

app = Flask(__name__)
app.secret_key=os.urandom(32)

@app.route('/')
def index():
    return render_template('index.html')

@app.route('/login',methods = ['POST','GET'])
def login():
    error = None
    if request.method == 'POST':
        if request.form['username'] != "admin" or request.form['password'] != "admin":
            error = "Invalid username or passworld!!!"
        else:
            flash("login is successful!!!")
            return redirect(url_for('index'))
    return render_template('login.html',error = error)

if __name__ == '__main__':
    app.run('0.0.0.0',5000,debug = True)

templates/index.html

<html>

   <head>
      <meta charset="UTF-8">
      <title>Index</title>
   </head>

   <body>
       {% with messages = get_flashed_messages() %}
           {% if messages %}
               {% for i in messages %}
                   {{i}}
                {% endfor %}
            {% endif %}
       {% endwith %}
       <p>Do you want to <a href="{{ url_for('login') }}">log in?</a></p>
   </body>

</html>

templates/login.html

<html>

   <head>
      <meta charset="UTF-8">
      <title>Login</title>
   </head>

   <body>
        <form action="/login" method="post">
            <p>username:<input type="text" name="username"/></p>
            <p>password:<input type="text" name="password"/></p>
            <p><input type="submit"  value="submit"/></p>
        </form>
        {% if error %}
        <p>ERROR:{{error}}</p>
        {% endif %}
   </body>

</html>

Flask 文件上传

在 Flask 中处理文件上传非常简单。它需要一个 HTML 表单,其 ​enctype​ 属性设置为“​multipart / form-data”​,将文件发布到 URL。URL 处理程序从 ​request.files[]​ 对象中提取文件,并将其保存到所需的位置。

Hello_development.py

#!/usr/bin/env ptyoh
# ~*~ coding: utf-8 ~*~

from flask import Flask, request,render_template
from werkzeug.utils import secure_filename
import os
app = Flask(__name__)
app.config['UPLOAD_FOLDER'] = 'upload/'

@app.route('/upload')
def upload():
    return render_template('upload.html')

@app.route('/upload_file',methods = ['POST','GET'])
def upload_file():
    if request.method == 'POST':
        f = request.files["file"]
        f.save(os.path.join(app.config['UPLOAD_FOLDER'],secure_filename(f.filename)))
        return "upload file is successful!!!"

if __name__ == '__main__':
    app.run('0.0.0.0',5000,debug = True)

templates/upload.html

<html>
<head>
    <meta charset="UTF-8">
    <title>file upload</title>
</head>
    <form action="/upload_file" method="post" enctype="multipart/form-data">
        <p><input type="file" name="file" accept=".jpg,.png,.zip,.tar.gz"/>
            <input type="submit" value="submit"/></p>
        <p>注意:上传的文件名默认不支持中文命名</p>
    </form>

</html>

Flask扩展

Flask通常被称为微框架,因为核心功能包括基于Werkzeug的WSGI和路由以及基于Jinja2的模板引擎。此外,Flask框架还支持cookie和会话,以及JSON,静态文件等Web帮助程序。这不足以开发完整的Web应用程序。Flask扩展为Flask框架提供了可扩展性。
Flask扩展是一个Python模块
重要的Flask扩展:
Flask Mail – 为Flask应用程序提供SMTP接口
Flask WTF – 添加WTForms的渲染和验证
Flask SQLAlchemy – 为Flask应用程序添加SQLAlchemy支持
Flask Sijax – Sijax的接口 – Python/jQuery库,使AJAX易于在Web应用程序中使用

Flask扩展之邮件

Flask-Mail扩展使得与任何电子邮件服务器建立简单的接口变得非常容易,属于python模块,可以用pip安装。
使用Mail类来配置邮箱和发送邮件,Message类来封装邮件.
测试账号
jkfeko94@163.com
jkfeko9488889999 #密码
WGPJPPBTONSIQKCE #

Hello_development.py

from flask import Flask
from flask_mail import Mail,Message

app= Flask(__name__)

##定义邮件配置
app.config['MAIL_SERVER'] = 'smtp.163.com'
app.config['MAIL_PORT'] = 465
app.config['MAIL_USERNAME'] = 'jkfeko94@163.com'
app.config['MAIL_PASSWORD'] = 'WGPJPPBTONSIQKCE'
app.config['MAIL_USE_TLS'] = False
app.config['MAIL_USE_SSL'] = True

##创建实例
mail = Mail(app)

@app.route('/')
def index():
    msg = Message('Flask Mail',sender=app.config['MAIL_USERNAME'],recipients=['1025158107@qq.com'])
    msg.body = "This is a flask mail send test.."
    mail.send(msg)
    return 'sent'

if __name__ == '__main__':
    app.run('0.0.0.0',5000,debug=True)

Flask扩展之WTF

WTForms表单:Web应用程序的一个重要方面是为用户提供用户界面的扩展。
如果通过html创建表单:表单元素必须定义两次 – 一次在HTML中,另一次在服务器端脚本中。
用WTF就只创建一次即可。
WTF两大部分
wtforms标准表单字段:如 TextField 表示 ##HTML表单元素
validators验证器:如validators.DataRequired("不能为空") ##不输入会返回error="不能为空"

forms.py

from flask_wtf import FlaskForm
from wtforms import RadioField,TextAreaField,SelectField,IntegerField,SubmitField,StringField
from wtforms import validators, ValidationError
import email_validator
##创建联系人的类,包括名字,性别,地址,邮箱,年龄,技能语言
##用到WTF 必须继承FlaskForm类
class ContactForm(FlaskForm):
    name = StringField('姓名',[validators.DataRequired('姓名不能为空,请输入正常的名字!!!')])
    gender = RadioField('性别',choices=[('M','男'),('F','女')])
    address = TextAreaField("住址")
    email = StringField('邮箱',[validators.DataRequired('邮箱不能为空!!'),validators.Email("邮箱格式错误,请输入正确格式")])
    age = IntegerField('年龄')
    language = SelectField('编程语言',choices=[('cpp','C++'),('py','python')])
    submit = SubmitField('提交')

Hello_development.py

from flask import Flask,render_template,request,flash
from forms import ContactForm
import os

app = Flask(__name__)
app.secret_key = os.urandom(32)

@app.route('/contact',methods=['POST','GET'])
def contact():
    form = ContactForm()  #实例化联系人表单

    if request.method == 'POST':
        if form.validate() == False: ##检查表单输入是否有误
            flash("输入内容有误")
            return render_template('contact.html', form=form)
        else:
            name = form.name.data    ##获取表单值
            gender = form.gender.data
            email = form.email.data
            age = form.age.data
            language = form.language.data
            return str(name) + "<br>" + \
                   str(gender) + "<br>" +\
                   str(email) + "<br>" +\
                   str(age) + "<br>" +\
                   str(language) + "<br>" +\
                   "<br> post contact is successful!!!"

    return render_template('contact.html',form =  form)

if __name__ ==  "__main__":
    app.run('0.0.0.0',5000,debug=True)

templates/contact.html

<html>
<head>
    <meta charset="UTF-8"/>
    <title>联系人表单填写</title>
</head>
<body>
    <h1>联系人表单填写 </h1>
    {% with msg = get_flashed_messages() %}
        {% if msg %}
            {% for i in msg %}
                {{ i }}
            {% endfor %}
        {% endif %}
    {% endwith %}

    {% for msg in form.name.errors %}
       <div>{{ msg }}</div>
    {% endfor %}

    {% for msg in form.email.errors %}
       <div>{{ msg }}</div>
    {% endfor %}

    {% for msg in form.age.errors %}
       <div>{{ msg }}</div>
    {% endfor %}

    <form action="/contact" method="post">
        <fieldset>
            <legend>联系人表单填写内容</legend>
            <!-- 渲染所有隐藏字段,包括跨站请求伪造保护 -->
            {{ form.hidden_tag() }}

            <div style=" font-size:20px;font-weight:bold; margin-left: 600px;">

                {{ form.name.label }} <br>
                {{ form.name }}  <br>

                {{ form.gender.label }} {{ form.gender }} <br>

                {{ form.address.label }} <br>
                {{ form.address }}  <br>

                {{ form.email.label }} <br>
                {{ form.email }}  <br>

                {{ form.age.label }}  <br>
                {{ form.age }}  <br>

                {{ form.language.label }}  <br>
                {{ form.language }}  <br>

                {{ form.submit }}

            </div>
        </fieldset>
    </form>
</body>
</html>

Flask扩展之SQLite3

创建sqlite数据库和表
Create_Sqlite.py

import sqlite3
con = sqlite3.connect('database.db')
cur = con.cursor()
cur.execute('create table contact (name TEXT, gender TEXT, email TEXT, age TEXT, language TEXT)')
con.commit()
con.close()

Hello_development.py

from flask import Flask,render_template,request,flash
from forms import ContactForm
import sqlite3
import os

app = Flask(__name__)
app.secret_key = os.urandom(32)

@app.route('/')
def home():
    return render_template('home.html')

@app.route('/contact',methods=['POST','GET'])
def contact():
    form = ContactForm()  #实例化联系人表单

    if request.method == 'POST':
        if form.validate() == False: ##检查表单输入是否有误
            flash("输入内容有误")
            return render_template('contact.html', form=form)
        else:
            try:
                name = form.name.data
                gender = form.gender.data
                email = form.email.data
                age = form.age.data
                language = form.language.data
                with sqlite3.connect("database.db") as con:  ##要先手动创建sqlite数据库和表
                    cur = con.cursor()
                    cont = [(name,gender,email,age,language)]
                    cur.executemany('INSERT INTO contact(name,gender,email,age,language) VALUES (?,?,?,?,?)', cont)
                    con.commit()
                    msg = "Record successfully added."
            except:
                con.rollback()
                #msg = "error record is fail."
            finally:
                con.close()
                return render_template('result.html',msg = msg)

    return render_template('contact.html',form =  form)

@app.route('/show')
def show():
    with sqlite3.connect("database.db") as con:  ##要先手动创建sqlite数据库和表
        con.row_factory = sqlite3.Row  #将设置row_factory为callable  sqlite3.Row,将普通元组转换为更有用的对象。
        cur = con.cursor()
        cur.execute('select * from contact')
        rows = cur.fetchall()

        return render_template('show.html',rows  = rows)

if __name__ ==  "__main__":
    app.run('0.0.0.0',5000,debug=True)

templates/home.html

<html>
<head>
    <meta charset="UTF-8">
    <title>SQLITE3数据库的读写</title>

</head>
     <h1>SQLITE3数据库的读写</h1>
    <p>
        <a href="/contact">点击进入联系人信息录入界面</a>
    </p> <br>
    <p>
        <a href="/show">点击进入联系人信息查看界面</a>
    </p>

<body>

</body>

templates/contact.html

<html>
<head>
    <meta charset="UTF-8"/>
    <title>联系人表单填写</title>
</head>
<body>
    <h1>联系人表单填写 </h1>
    {% with msg = get_flashed_messages() %}
        {% if msg %}
            {% for i in msg %}
                {{ i }}
            {% endfor %}
        {% endif %}
    {% endwith %}

      {% for msg in form.name.errors %}
         <div>{{ msg }}</div>
      {% endfor %}

      {% for msg in form.email.errors %}
         <div>{{ msg }}</div>
      {% endfor %}

      {% for msg in form.age.errors %}
         <div>{{ msg }}</div>
      {% endfor %}

    <form action="/contact" method="post">
        <fieldset>
            <legend>联系人表单填写内容</legend>
            <!-- 渲染所有隐藏字段,包括跨站请求伪造保护 -->
            {{ form.hidden_tag() }}

            <div style=" font-size:20px;font-weight:bold; margin-left: 600px;">

                {{ form.name.label }} <br>
                {{ form.name }}  <br>

                {{ form.gender.label }} {{ form.gender }} <br>

                {{ form.address.label }} <br>
                {{ form.address }}  <br>

                {{ form.email.label }} <br>
                {{ form.email }}  <br>

                {{ form.age.label }}  <br>
                {{ form.age }}  <br>

                {{ form.language.label }}  <br>
                {{ form.language }}  <br>

                {{ form.submit }} <br>
                <p>
                    <a href="/">点击返回首页</a>
                </p>
            </div>
        </fieldset>
    </form>
</body>
</html>

templates/show.html

<html>
<head>
    <meta charset="UTF-8">
    <title>联系人信息查看界面</title>
</head>
<body>
    <h1>联系人信息查看界面</h1>
<table border = 1>
         <thead>
            <td>Name</td>
            <td>gender</td>
            <td>gender</td>
            <td>age</td>
            <td>language</td>
         </thead>
    {% for i in rows %}
        <tr>
               <td>{{i["name"]}}</td>
               <td>{{i["gender"]}}</td>
               <td> {{ i["email"]}}</td>
               <td>{{i['age']}}</td>
               <td>{{i['language']}}</td>
        </tr>

    {% endfor %}
</table>
    <p><a href="/">Go to home!!</a></p>
</body>
</html>

templates/result.html

<html>
<head>
    <meta charset="UTF-8">
    <title>SQLITE3数据库读写返回状态</title>

</head>
     <h1>SQLITE3数据库读写返回状态</h1>
    {{ msg }} <br>
    <p><a href="/">Go to home!!</a></p>

<body>

</body>

</html>

Flask SQLAlchemy

SQLAlchemy,Python工具包是一个强大的ORM,将内容存储在对象的方式
模块安装
SQLAlchemy 1.3版本
Flask-SQLAlchemy 2.4.4版本

templates/home.html

<html>
<head>
    <meta charset="UTF-8">
    <title>SQLAlchemy SQL工具包及对象关系映射(ORM)工具</title>
</head>
<body>
     <h1>SQLAlchemy SQL工具包及对象关系映射(ORM)工具</h1>
    <p>
        <a href="/newstu">点击进入学生信息录入界面</a>
    </p> <br>
    <p>
        <a href="/showstu">点击进入学生信息查看界面</a>
    </p>

</body>
</html>

templates/newstu.html

<html>
<head>
    <meta charset="UTF-8">
    <title>学生信息录入-Flask SQLAlchemy 使用</title>
</head>
    <h1>学生信息录入-Flask SQLAlchemy 使用</h1>
    {% for msg in get_flashed_messages() %}
        {{ msg }}
    {% endfor %}
    <form action="{{ url_for('stu') }}" method="post">
        <p>姓名:<input type="text" name="name"></p>
        <p>城市:<input type="text" name="city"></p>
        <p>地址:<textarea name="addr"></textarea></p>
        <p>手机号码:<input type="text" name="phone"></p>
        <p><input type="submit" value="submit"></p>
    </form>
   <a href="/">返回主页</a>
</html>

templates/showstu.html

<html>
<head>
    <meta charset="UTF-8">
    <title>学生信息查询结果</title>
</head>
    <h1>学生信息查询结果</h1>
    <table border = 1>
        <thead>
            <tr>
                <th>姓名</th>
                <th>城市</th>
                <th>地址</th>
                <th>手机号码</th>
            </tr>
        </thead>

        <tbody>
            {% for stu in students %}
                <tr>
                    <td>{{stu.name}}</td>
                    <td>{{stu.city}}</td>
                    <td>{{stu.addr}}</td>
                    <td>{{stu.phone}}</td>
                </tr>
            {% endfor %}

        </tbody>
    </table>
   <a href="/">返回主页</a>
</html>

Hello_development.py

from flask import Flask,render_template,request,flash
import os,pymysql
from flask_sqlalchemy import SQLAlchemy

app = Flask(__name__)
app.secret_key = os.urandom(32)

# 设置连接sqlite3数据库的URL
# app.config['SQLALCHEMY_DATABASE_URI'] = 'sqlite:///stu.db'
# app.config["SQLALCHEMY_TRACK_MODIFICATIONS"] = False

# 设置连接mysql数据库的URL
app.config['SQLALCHEMY_DATABASE_URI'] = 'mysql+pymysql://root:123456@192.168.5.157:3306/test'
# 设置每次请求结束后会自动提交数据库的改动
app.config['SQLALCHEMY_COMMIT_ON_TEARDOWN'] = True
app.config['SQLALCHEMY_TRACK_MODIFICATIONS'] = True
# 查询时显示原始SQL语句
#app.config['SQLALCHEMY_ECHO'] = True

db = SQLAlchemy(app) ##实例化
class Students(db.Model): ##继承父类Model
    __tablename__ = 'students'
    id = db.Column('student_id', db.Integer, primary_key = True)
    name = db.Column(db.String(100))
    city = db.Column(db.String(200))
    addr = db.Column(db.String(100))
    phone = db.Column(db.String(200))

    def __init__(self, name, city, addr, phone):
        self.name = name
        self.city = city
        self.addr = addr
        self.phone = phone

@app.route('/')
def home():
    #db.create_all() ##可以用这个来创建表结构一般创建完就注释的
    return render_template('home.html')

@app.route('/newstu')
def newstu():
    return render_template('newstu.html')
@app.route('/showstu')
def showstu():
    return render_template('showstu.html',students = Students.query.all())

@app.route('/stu',methods=['POST'])
def stu():
    if request.method == 'POST':
        if not request.form['name'] or not request.form['city'] or not request.form['addr'] or not request.form['phone']:
            flash('Input cannot be empty')
        else:
            student = Students(request.form['name'],request.form['city'],request.form['addr'],request.form['phone'])
            db.session.add(student)
            db.session.commit()
            flash("Record was successfully added")
    return render_template('newstu.html')

if __name__ ==  "__main__":
    app.run('0.0.0.0',5000,debug=True)

Flask AJAX

AJAX不是JavaScript的规范,它只是一个哥们“发明”的缩写:Asynchronous JavaScript and XML,意思就是用JavaScript执行异步网络请求。
如果仔细观察一个Form的提交,你就会发现,一旦用户点击“Submit”按钮,表单开始提交,浏览器就会刷新页面,然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因,就会得到一个404页面。这就是Web的运作原理:一次HTTP请求对应一个页面。
如果要让用户留在当前页面中,同时发出新的HTTP请求,就必须用JavaScript发送这个新请求,接收到数据后,再用JavaScript更新页面,这样一来,用户就感觉自己仍然停留在当前页面,但是数据却可以不断地更新。
最早大规模使用AJAX的就是Gmail,Gmail的页面在首次加载后,剩下的所有数据都依赖于AJAX来更新。
用JavaScript写一个完整的AJAX代码并不复杂,但是需要注意:AJAX请求是异步执行的,也就是说,要通过回调函数获得响应

templates/ajax.html

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>ajax</title>
<script  src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
<body>
<form id="my_form">
  name: <input name="name" type="text"/><br>
  age: <input name="age" type="text"/><br>
  <input id="my_button" type="button" value="button"/>
</form>
<script>
$("#my_button").click(function () {
    $.ajax({
        url:"/test_post",
        type:"POST",
        dataType:"json",
        async:true,
        data:$("#my_form").serialize(),
        success:function (result) {
            // 回调函数,处理app.py返回的结果
           alert(result['ok'])
        },
        error:function (XMLHttpRequest,textStatus,errorThrown) {
            alert(XMLHttpRequest.status)
            alert(XMLHttpRequest.readyState)
            alert(textStatus)
        }
    });
})
</script>
</body>
</html>

Hello_development.py

import os,json
from flask import Flask,render_template,jsonify,request,redirect,url_for

app = Flask(__name__)
@app.route('/')
def home():
    return render_template('ajax.html')
@app.route('/test_post',methods=['POST','GET'])
def test_post():
    if request.method == 'POST':
        name=request.form.get('name')
        age=request.form.get('age')
        print(name,age)
        return jsonify({'ok': True})
    return redirect(url_for('home'))

if __name__ ==  "__main__":
    app.run('0.0.0.0',5000,debug=True)

以上全部代码均实操通过,时间20210322


笔记阁 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:Flask框架基础全面教程
喜欢 (0)
发表我的评论
取消评论
表情 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址