2. 程式人生 > >Flask Web開發【零基礎入門】

Flask Web開發【零基礎入門】

阿新 • • 發佈：2018-12-11

Flask框架是Python開發的一個基於Werkzeug和Jinja 2的web開發微框架，它的優勢就是極其簡潔，但又非常靈活，而且容易學習和應用。因此Flask框架是Python新手快速開始web開發最好的選擇，此外，使用Flask框架的另一個好處在於你可以非常輕鬆地將基於Python的機器學習演算法或資料分析演算法整合到web應用中。

如果希望深入學習Flask Web開發，推薦這個教程：深入淺出Flask

1、可以用Flask框架做什麼

從部落格應用到克隆一個facebook或者twitter，理論上你可以用Flask做任何事情。有很多庫
可以直接使用，例如flask-sockets，flask-google-maps等，而且Flask框架支援MySQL、Postgresql、MongoDB等諸多資料庫。

我能想到的一些可以用Flask框架實現的web應用型別：部落格應用、聊天應用、儀表盤應用、REST API、管理頁面、郵件服務等。

1、安裝Flask

使用pip安裝Flask：

$ pip install flask

2、Hello,World

建立一個檔案app.py，然後只需要幾個簡單的步驟，就可以寫出Flask版本的Hello World

  1. 引入Flask類
from flask import Flask
  1. 建立Flask物件，我們將使用該物件進行應用的配置和執行：
app = Flask(__name__)

name

是Python中的特殊變數，如果檔案作為主程式執行，那麼__name__變數的值就是
__main__，如果是被其他模組引入，那麼__name__的值就是模組名稱。

  1. 編寫主程式

在主程式中，執行run()來啟動應用：

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

改名啟動一個本地伺服器，預設情況下其地址是localhost:5000，在上面的程式碼中，我們使用關鍵字
引數port將監聽埠修改為8080。

  1. 路由

使用app變數的route()裝飾器來告訴Flask框架URL如何觸發我們的檢視函式：

@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/了：

在這裡插入圖片描述

3、使用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：

在這裡插入圖片描述

拼接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：

在這裡插入圖片描述

4、使用表單

每個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>

5、資料庫整合：使用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()

6、模型-資料同步

使用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

在這裡插入圖片描述

原文連結：Flask框架web開發零基礎入門

相關推薦

Flask Web開發【零基礎入門】

Flask框架是Python開發的一個基於Werkzeug和Jinja 2的web開發微框架，它的優勢就是極其簡潔，但又非常靈活，而且容易學習和應用。因此Flask框架是Python新手快速開始web開發最好的選擇，此外，使用Flask框架的另一個好處在於你可以非常輕鬆地將基於Pytho

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

Flask框架是Python開發的一個基於Werkzeug和Jinja 2的web開發微框架，它的優勢就是極其簡潔，但又非常靈活，而且容易學習和應用。因此Flask框架是Python新手快速開始web開發最好的選擇，此外，使用Flask框架的另一個好處在於你可以非常輕鬆地將基於Python的機器學習演算法或資

【零基礎入門學習Python】001：我和Python的第一次親密接觸

課後作業 測試題： 0. Python 是什麼型別的語言？ 答：python是指令碼語言（Scripting language）。 指令碼語言是電腦程式語言，因此也能讓開發者藉以編寫出讓電腦聽命行事的程式。以簡單的方式快速完成某些複雜的事情通常是創造指令碼語言的重要

【零基礎入門學習Python筆記017】GUI的最終選擇：Tkinter

1.Canvas元件    1.1 在Canvas元件上繪製物件，可以用create_xxx()的方法（xxx表示物件型別，例如直線line,矩形rectangle和文字text等）from tkinter import * # 建立主視窗 root = Tk() w =

【零基礎入門學習Python筆記006】Python之常用操作符

算術操作符 +、-、*、/、%、**、// //是d版除號（Python3與Python2的不同之處，本文主要以Python3為主，因為個人認為這也是以後發展的方向，並且本人沒有學習過Python2系

【零基礎入門學習Python筆記005】閒聊之Python的資料型別

1.Python的一些數字型別 整型、浮點型、e記憶法、布林型別 有小數點的事整型；沒有小數點的是浮點型；e記憶法就是科學計數法，一般用於比較大的或者比較小的數；布林型別就是一種特殊的整數型，Ture

【零基礎向】軟考之路（第一章）計算機系統知識（第三節）

寫在前面：       本系列文章用於記錄本人軟考學習歷程，適用於零基礎人群，每天不定期更新，如果讀者哪裡不理解或者發現哪裡理解的有問題，歡迎評論，一起進步學習，祝大家都能順利通過考試~第三節 資料表示    本節主要是考察進位制轉換，也就是計算能力，需要熟記各個進位制之間的

hdu 1159 Common Subsequence 【LCS 基礎入門】

A subsequence of a given sequence is the given sequence with some elements (possible none) left out. Given a sequence X = <x1, x2, ..., xm> another

【零基礎教學】Unet區域網聯機的實現——最基礎的Unity聯網實現方式（1）

第一部分——Lobby場景的搭建 學習前說明： 專案原始碼：連結：https://pan.baidu.com/s/1g78L9QODXdRjoVcm-odRSg 密碼：0pzo 原始碼引用自Siki老師的Unet基礎系列教程，文章主要以解釋為主，後期會新增一些Si

【MFC基礎入門】OpenCV人臉檢測與馬賽克

這是OpenCV的程式碼，在這基礎上加了馬賽克。 void CFaceDetectionDlg::detect_and_draw( IplImage* img ) { //static CvScalar colors[] = //{ // {{0,

【JAVA零基礎入門系列】Day1 開發環境搭建

oracle 零基礎 ati 成功 官方 運行 根目錄 文件目錄 sys 一、安裝JDK java的sdk簡稱JDK ，去其官方網站下載最近的JDK即可。 http://www.oracle.com/technetwork/java/javase/downloads/jdk

【JAVA零基礎入門系列】Day2 Java集成開發環境IDEA

log rgs string 文件夾 ges jetbrains 技術 http clip 開發環境搭建好之後，還需要一個集成開發環境也就是IDE來進行編程。這裏推薦的IDE是IDEA，那個老掉牙的Eclipse還是先放一邊吧，（手動滑稽）。 IDEA的下載地址：http:

【Linux開發】Linux及Arm-Linux程式開發筆記（零基礎入門篇）

Linux及Arm-Linux程式開發筆記（零基礎入門篇）  目錄 一、Arm-Linux程式開發平臺簡要介紹... 3 1.1程式開發所需系統及開發語言... 3 1.2系統平臺搭建方式... 4 二、Linux開發平臺搭建... 5 2.1安裝虛擬工作站...

【JAVA零基礎入門系列】Day3 Java基本數據類型

大小 服務器開發 技術 容易 需求 .html 內存空間 安全性能 com 　　前兩篇已經將開發環境搭建完成，如果你已經按之前的教程按部就班的完成了部署，那麽世界上最優秀的編程語言之一和世界上最優秀的IDE之一已經出現在你的電腦上（此處應有掌聲），如果你還沒入門，或者正在臺

【JAVA零基礎入門系列】Day4 變量與常量

聲明變量 初學 不同 常量 此外 程序員 限制 如果 可維護 　　這一篇主要講解Java中的變量，什麽是變量，變量的作用以及如何聲明，使用變量。 　　那麽什麽是變量？對於初學者而言，可以將變量理解為盒子，這些盒子可以用來存放數據，不同類型的數據需要放在對應類型的盒子裏。那麽

【JAVA零基礎入門系列】Day12 Java類的簡單應用

object dsa tle 多行註釋 兩個 內容 ice public 所有 　　俗話說的好，實踐出真知，所以除了理論知識掌握紮實以外，更重要的是要多加操練，這樣才能掌握核心科技。 　　今天我們就用剛學會的類來實踐一下，目標便是完成上一篇中的剁手任務。 　　我們的商品類已

【JAVA零基礎入門系列】Day13 Java類的繼承與多態

總經理 system 變量賦值 電腦 pub 封裝 java類的繼承 onu def 　　繼承是類的一個很重要的特性，什麽？你連繼承都不知道？你是想氣死爸爸好繼承爸爸的遺產嗎？（滑稽） 　　開個玩笑，這裏的繼承跟我們現實生活的中繼承還是有很大區別的，一個類可以繼承另一個類，

【JAVA零基礎入門系列】Day14 Java對象的克隆

err 所有 引用類型 也會 cnblogs after 還需要 sys 聲明 　　今天要介紹一個概念，對象的克隆。本篇有一定難度，請先做好心理準備。看不懂的話可以多看兩遍，還是不懂的話，可以在下方留言，我會看情況進行修改和補充。 　　克隆，自然就是將對象重新復制一份，那為

【JAVA零基礎入門系列】Day15 對象的比較

nbsp override 法則 屬於 問題 設置 equal 以及 his 　　最近一直有事，博客也停筆了一段時間，十分抱歉。 　　這一篇主要講講對象的比較，什麽是對象的比較，我們知道兩個數值類型只需要用“==”符號即可進行相等判斷，但如果是兩個Goods對象呢？如何進行

Web前端丨Web開發丨Web代碼 html+css零基礎入門教程

strong 大型 打字 添加 瀏覽器 lock 效果 格式化文本 size 什麽是HTML文本格式化 HTML 可定義很多供格式化輸出的元素，比如粗體和斜體字。 如下代碼： <p>TThis text is normal</p><b>