零基礎入門python web框架Flask開發

Flask框架是Python開發的一個基於Werkzeug和Jinja 2的web開發微框架,它的優點就是極其簡潔,但又很是靈活,並且容易學習和應用。所以Flask框架是Python新手快速開始web開發最好的選擇,此外,使用Flask框架的另外一個好處在於你能夠很是輕鬆地將基於Python的機器學習算法或數據分析算法集成到web應用中。html

若是但願深刻學習Flask Web開發,推薦這個教程:
深刻淺出Flaskpython

一、能夠用Flask框架作什麼

從博客應用到克隆一個facebook或者twitter,理論上你能夠用Flask作任何事情。有不少庫能夠直接使用,例如flask-sockets,flask-google-maps等,並且Flask框架支持MySQL、Postgresql、MongoDB等諸多數據庫。web

我能想到的一些能夠用Flask框架實現的web應用類型:博客應用、聊天應用、儀表盤應用、RESTAPI、管理頁面、郵件服務等。算法

安裝Flask

使用pip安裝Flask:sql

$ pip install flask

二、Hello,World

建立一個文件app.py,而後只須要幾個簡單的步驟,就能夠寫出Flask版本的Hello World數據庫

  1. 引入Flask類
from flask import Flask
  1. 建立Flask對象,咱們將使用該對象進行應用的配置和運行:
app = Flask(__name__)

name 是Python中的特殊變量,若是文件做爲主程序執行,那麼__name__變量的值就是__main__,若是是被其餘模塊引入,那麼__name__的值就是模塊名稱。flask

  1. 編寫主程序

在主程序中,執行run()來啓動應用:瀏覽器

if __name__ =="__main__":
    app.run(debug=True, port=8080)

更名啓動一個本地服務器,默認狀況下其地址是localhost:5000,在上面的代碼中,咱們使用關鍵字參數port將監聽端口修改成8080。服務器

  1. 路由

使用app變量的route()裝飾器來告訴Flask框架URL如何觸發咱們的視圖函數:app

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

上面的標識,對路徑'/'的請求,將轉爲對hello_world()函數的調用。很直白,對吧?

  1. 運行

如今,讓咱們完整地看一下app.py的整個代碼:

from flask import Flask
app = Flask(__name__)

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

if __name__ =="__main__":
    app.run(debug=True,port=8080)

而後運行起來:

$ python app.py

你應該會看到以下輸入:

* Serving Flask app "app" (lazy loading)
* Environment: production
* Debug mode: on
* Running on http://127.0.0.1:8080/ (Press CTRL+C to quit)
* Restarting with stat
* Debugger is active!
* Debugger PIN: 770-937-705

如今就能夠打開瀏覽器訪問http://127.0.0.1:8080/了:

hello world

三、使用HTML模板

首先咱們看看如何原始的HTML代碼插入Flask應用:

from flask import Flask
app = Flask(__name__)


@app.route('/greet')
def greet():
    user = {'username': 'John', 'age': "20"}
    return '''
<html>
    <head>
        <title>Templating</title>
    </head>
    <body>
        <h1>Hello, ''' + user['username'] + '''!, you’re ''' + user['age'] + ''' years old.</h1>
    </body>
</html>'''


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

在上面的代碼中,咱們使用拼接的HTML字符串來展現user字典的數據。如今訪問http://127.0.0.1:8080/greet

hello world

拼接HTML字符串很是容易出錯,所以Flask使用Jinja 2模板引擎來分離數據邏輯和展現層。

咱們將模板文件按以下路徑放置:

Apps folder
/app.py
templates
   |-/index.html

使用模板時,視圖函數應當返回render_template()的調用結果。例以下面的代碼片斷渲染模板index.html,並將渲染結果做爲視圖函數的返回值:

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

@app.route('/hello')
def hello():
    return render_template('index.html', name="Alex")

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

在上面的代碼中,模板文件index.html依賴於變量name,其內容以下:

<html>
<body>
  {% if name %}
    <h2>Hello {{ name }}.</h2>
  {% else %}
    <h2>Hello.</h2>
  {% endif %}
 </body>
</html>

模板文件的語法擴充了HTML,所以可使用變量和邏輯。

在瀏覽器中訪問http://127.0.0.1:8080/hello/alex

hello world

四、使用表單

每一個web應用都須要使用表單來採集用戶數據。如今讓咱們使用Flask框架建立一個簡單的表單來收集用戶的基本信息,例如名稱、年齡、郵件、興趣愛好等,咱們將這個模板文件命名爲bio_form.html

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <h1>Bio Data Form</h1>
    <form action="showbio">
        <label>Username</label>
        <input type="name" name="username"><br>
        <label>Email</label>
        <input type="email" name="email"><br>
        <label>Hobbies</label>
        <input type="name" name="hobbies"><br>
        <input type="submit" name="">
    </form>
</body>
</html>

視圖函數bio_data_form同時支持POST和GET請求。GET請求將渲染bio_form.html模板,而POST請求將重定向到showbio

@app.route('/form', methods=['POST', 'GET'])
def bio_data_form():    
    if request.method == "POST":
        username = request.form['username']        
        age = request.form['age']        
        email = request.form['email']        
        hobbies = request.form['hobbies']        
        return redirect(url_for('showbio',                              
                                username=username,
                                age=age,
                                email=email,   
                                hobbies=hobbies))    
    return render_template("bio_form.html")

下面是showbio的實現:

@app.route('/showbio', methods=['GET'])
def showbio():    
    username = request.args.get('username')    
    age = request.args.get('age')    
    email = request.args.get('email')    
    hobbies = request.args.get('hobbies')    
    return render_template("show_bio.html",
                           username=username,                         
                           age=age,                          
                           email=email,                         
                           hobbies=hobbies)

以及show_bio.html的內容:

<!DOCTYPE html>
<html>
<head>
    <title>Bio-Data Details</title>
</head>
<body>
    <h1>Bio-Data Details</h1>
    <hr>
    <h1>Username: {{ username }}</h1>
    <h1>Email: {{ email }}</h1>
    <h1>Hobbies: {{ hobbies }}</h1>
</body>
</html>

五、數據庫集成:使用SQLAlchemy

Flask不能直接鏈接數據庫,須要藉助於ORM(Object Relational Mapper)。在這一部分,咱們將藉助於SQLAlchemy使用Postgres數據庫。

  1. 安裝Flask-SQLAlchemy和Postgres

首先安裝flask-sqlalchemy:

$ pip install flask-sqlalchemy

而後從官方下載並安裝postgres:https://postgresapp.com/

  1. 建立數據庫

在終端中使用下面的命令建立一個appdb數據庫:

$ createdb appdb
  1. 更新應用配置

修改app.config,添加數據庫相關的配置信息:

app.config['DEBUG'] = True
app.config['SQLALCHEMY_DATABASE_URI']='postgresql://localhost/appdb'
SQLALCHEMY_TRACK_MODIFICATIONS = True
db = SQLAlchemy(app)

而後在代碼中就可使用這些配置數據了:

from flask import Flask, request, render_template
from flask_sqlalchemy import SQLAlchemy

# Settings
app = Flask(__name__)
app.config['DEBUG'] = True
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://localhost/appdb'
db = SQLAlchemy(app)

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

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

如今,讓咱們建立第一個模型(Model)。全部模型的基類是db.Model,使用Column來定義數據列:

class Post(db.Model):
    id = db.Column(db.Integer(), primary_key=True)
    title = db.Column(db.String(80), unique=True)
    post_text = db.Column(db.String(255))
    
    def __init__(self, title, post_text):
        self.title = title
        self.post_text = post_text

在代碼中使用模型:

from flask import Flask
from flask_sqlalchemy import SQLAlchemy
app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://localhost/testdb'

db = SQLAlchemy(app)


class Post(db.Model):
    id = db.Column(db.Integer(), primary_key=True)
    title = db.Column(db.String(80), unique=True)
    post_text = db.Column(db.String(255))

    def __init__(self, title, post_text):
        self.title = title
        self.post_text = post_text


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


app = Flask(__name__)

if __name__ == "__main__":
    app.run()

六、模型-數據同步

使用ORM時,須要執行遷移操做以便在模型和持久化數據之間保持同步。咱們使用Flask-Migrate這個擴展來完成該任務。

首先安裝:

$ pip install flask-migrate
$ pip install flask_script

而後在代碼中引入:

from flask_script import Manager
from flask_migrate import Migrate, MigrateCommand

進行必要的配置:

migrate = Migrate(app, db)
manager = Manager(app)
manager.add_command('db', MigrateCommand)

運行管理器:

if __name__ == '__main__':
    manager.run()

完整的代碼以下:

from flask import Flask
from flask_sqlalchemy import SQLAlchemy
from flask_script import Manager
from flask_migrate import Migrate, MigrateCommand

app = Flask(__name__)
app.config['SQLALCHEMY_DATABASE_URI'] = 'postgresql://localhost/appdb'

db = SQLAlchemy(app)
migrate = Migrate(app, db)
manager = Manager(app)
manager.add_command('db', MigrateCommand)


class Post(db.Model):
    id = db.Column(db.Integer(), primary_key=True)
    title = db.Column(db.String(80), unique=True)
    post_text = db.Column(db.String(255))

    def __init__(self, title, post_text):
        self.title = title
        self.post_text = post_text


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


if __name__ == "__main__":
    manager.run()

使用以下的命令初始化Alembic:

$ python app.py db init
Creating directory /Users/Vihar/Desktop/flask-databases/migrations ... done
...
...
...
Generating /Users/Vihar/Desktop/flask-databases/migrations/alembic.ini ... done

執行第一個遷移任務:

$ python app.py db migrate
INFO  [alembic.runtime.migration] Context impl PostgresqlImpl.
INFO  [alembic.runtime.migration] Will assume transactional DDL.
INFO  [alembic.autogenerate.compare] Detected added table 'post'

Generating /Users/Vihar/Desktop/flask-databases/migrations/versions/ed3b3a028447_.py ... done

一旦上述命令執行完畢,咱們的數據表就會建立成功。如今更新數據庫:

$ python app.py db upgrade

orm

相關文章
相關標籤/搜索