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應用型別：部落格應用、聊天應用、儀表盤應用、RESTAPI、管理頁面、郵件服務等。

安裝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/了：

hello world

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：

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

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

orm

匯智網翻譯整理，轉載請標明出處。原文連結：Flask框架web開發：零基礎入門

相關推薦

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

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

Flask Web開發【零基礎入門】

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

Flask框架web開發 Flask的上下文管理：Werkzeug庫的local模組

1、Flask入門：介紹與簡單使用 2、Flask框架：路由和檢視 3、Flask的上下文管理：Werkzeug庫的local模組 4、Flask元件之wtforms 5、Flask中訊號的使用 6、Flask元件之Flask-SQLAlchemy 7、Flask元件之Flask-RESTful

Python爬蟲開發（一）：零基礎入門

0×00 介紹 本人對於Python學習建立了一個小小的學習圈子，為各位提供了一個平臺，大家一起來討論學習Python。歡迎各位到來Python學習群：960410445一起討論視訊分享學習。Python是未來的發展方向，正在挑戰我們的分析能力及對世界的認知方式，因此，我們與時俱進，迎接變化，並

Flask框架web開發

rms cnblogs restful 路由 tps wtforms www 簡單使用 res 1、Flask入門：介紹與簡單使用 2、Flask框架：路由和視圖 3、Flask的上下文管理：Werkzeug庫的local模塊 4、Flask組件之wtforms 5、Fla

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

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

零基礎入門學習Web開發（HTML5&CSS3）007<noscript><script>

驗證 文件 入門 指向 腳本文件 mime syn 使用 javascrip 0.<script> HTML <script> 標簽 定義和用法 <script> 標簽用於定義客戶端腳本，比如 JavaScript。 script

《零基礎入門學習Python》第063講：論一隻爬蟲的自我修養11：Scrapy框架之初窺門徑

上一節課我們好不容易裝好了 Scrapy，今天我們就來學習如何用好它，有些同學可能會有些疑惑，既然我們懂得了Python編寫爬蟲的技巧，那要這個所謂的爬蟲框架又有什麼用呢？其實啊，你懂得Python寫爬蟲的程式碼，好比你懂武功，會打架，但行軍打仗你不行，畢竟敵人是千軍萬馬，縱使你再強，

小猿圈web前端開發講師：零基礎自學html5開發方法

指導 參考 alt ESS 早已 時間 目前 不必要 -o web前端開發目前市場使用率隨著需求逐年遞增。越來越多的年輕人轉行進入了web前端開發領取。html5強大的功能是有目共睹的，本屬自身獨特的優勢讓這一技術越來越受歡迎，相比於原生APP，html5已經逐漸在用戶體驗

百度雲盤分享：MySQL零基礎入門視頻教程！

百度雲盤分享：MySQL零基礎入門視頻教程！ 首先給大家介紹一下數據庫工程師，數據庫工程師(Database Engineer)，是從事管理和維護數據庫管理系統(DBMS) 的相關工作人員的統稱，他屬於運維工程師的一個分支，主要負責業務數據庫從設計、測試到部署交付的全生命周期管理。數據庫工程

幹貨分享：MySQL零基礎入門視頻教程！

維護 mysq dml 工程 inno 基礎 基本 engine pan 首先給大家介紹一下數據庫工程師，數據庫工程師(Database Engineer)，是從事管理和維護數據庫管理系統(DBMS) 的相關工作人員的統稱，他屬於運維工程師的一個分支，主要負責業務數據庫從設

【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:

Netty入門（一）：零基礎“HelloWorld”詳細圖文步驟

-a 多線程 obj chan blog 接口文檔 syn 幫助 final 因為接下來的項目要用到netty,所以就了解一下這個程序，奈何網上的教程都是稍微有點基礎的，所以，就寫一篇對於netty零基礎的，順便也記錄一下。 先扔幾個參考學習的網頁： netty 官方

Vue2.5開發去哪兒網App 從零基礎入門到實戰項目

eset 通過 計算 拆分 lan 修復 周末 模塊 blank 第1章 課程介紹本章主要介紹課程的知識大綱，學習前提，講授方式及預期收獲。第2章 Vue 起步本章將快速講解部分 Vue 基礎語法，通過 TodoList 功能的編寫，在熟悉基礎語法的基礎上，擴展解析 MVV

《Flask Web開發：基於Python的Web應用開發實戰》pdf 免費下載

需求 png 入行 14. 導入 框架 錯誤 pla 引用 《Flask Web開發：基於Python的Web應用開發實戰》pdf 免費下載鏈接: https://u253469.ctfile.com/fs/253469-292665036 第一部分　Flask

《Flask Web開發：基於Python的Web應用開發實戰》pdf 完整版免費下載

項目 工廠 技術分享 各類 視圖 第2章 靜態文件 閱讀 擁有 《Flask Web開發：基於Python的Web應用開發實戰》.pdf pdf 完整版免費下載: https://u253469.ctfile.com/fs/253469-292665036 更多電子書下

React16.4 開發簡書項目 從零基礎入門到實戰

ref 什麽 參數 開發環境搭建 mut 搜索 react conf router 第1章 課程導學本章主要介紹學習react的重要性，課程的知識大綱，學習前提，講授方式及預期收獲。1-1 課程導學 第2章 React初探本章主要講解React項目的開發環境搭建，工程代碼結

Vue2.5開發去哪兒網App 從零基礎入門到實戰項目

基礎配置 可能 lan 第2章 方式 路由 表單 加載 基礎入門 第1章 課程介紹本章主要介紹課程的知識大綱，學習前提，講授方式及預期收獲。1-1 課程簡介 第2章 Vue 起步本章將快速講解部分 Vue 基礎語法，通過 TodoList 功能的編寫，在熟悉基礎語法的基礎上

Web開發：常用框架

web架構 image pac blank www tor sta get 之前 1、Web編程：WSGI 　　WSGI將Web服務分為兩個部分：服務器和應用程序。WSGI服務器只負責與網絡相關的兩件事：接收瀏覽器的HTTP請求、向瀏覽器發送HTTP應答；而對HTTP請求的