Python • 無限: 12月 2021

Flask MVC 架構的應用 (二)

學習目標：

Flask MVC 架構的應用 -- 建立樣板目錄 templates

專案目錄結構：

flaskproject
|- app
|--- templates
|------ index.html
|--- __init__.py
|--- router.py
|main.py

Flask MVC 架構實作

將專案 flaskproject/app 目錄下，新增 templates 資料夾：
```
mkdir flaskproject/app/templates
```

將專案 flaskproject/app/templates 目錄下，新增 index.html 檔案：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    This is my web site!!
</body>
</html>

修改 flaskproject/app/router.py 檔案：

from flask import render_template
from app import app

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

重新啟動 Flask ：
```
flask run
```
開啟瀏覽器，網址： http://127.0.0.1:5000

Flask MVC 架構的應用 (一)

學習目標：

Flask MVC 架構的應用 -- 獨立出 router 的部份

專案目錄結構：

flaskproject
|- app
|--- __init__.py
|--- router.py
|main.py

Flask MVC 架構實作

將專案 flaskproject 目錄下，新增 app 資料夾：
```
mkdir flaskproject/app
```

將專案 flaskproject 目錄下，新增 main.py ：

from app import app

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

將專案 flaskproject 目錄下，將 app.py 移至 app 資料夾下並改名稱為 __init__.py ：
```
mv app.py app/__init__.py
```

修改在 app 資料夾下的 __init__.py 檔案：

from flask import Flask

app = Flask(__name__)

# 導入其他的程式模組
from app import router

在 app 資料夾下，新增 router.py 檔案：

from app import app

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

在 Terminal 視窗下，執行 flask ：
```
set FLASK_APP=main.py
flask run
```
開啟瀏覽器，網址： http://127.0.0.1:5000

Flask 齊步走

學習目標：

安裝 Flask 模組套件！
執行第一支 Flask 程式！

安裝與使用 Flask 模組

使用 pip 安裝 Flask 模組：
```
pip install flask
```
建立專案資料夾，方便開發專案：
```
mkdir flaskproject
cd flaskproject
```

建立第一個 flask 專案的檔案 app.py：

from flask import Flask

app = Flask(__name__)

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

啟動 Flask ：
```
flask run
```
開啟瀏覽器，網址： http://127.0.0.1:5000

2021年12月5日 星期日

Flask MVC 架構的應用 (二)

Flask MVC 架構的應用 (一)

Flask 齊步走

2021年12月5日星期日