Flask的Hello World程序

1. Flask的Hello World程序

1.0 Flask開發環境部署

1.0.1 在PyCharm中設置UTF-8編碼自動創建

實際開發中，根據項目需要選擇適當的編碼方案。這裏以UTF-8編碼爲例。

設置步驟如下：
（1）執行File|Settings命令，如圖所示。

（2）執行Editor|File and Code Templates命令，找到Python Scrip。在彈出的窗口中進行設置，如圖所示。

（3）點開Python Script，在如圖所示區域填寫#encoding:utf-8。

（4）寫好以後，單擊OK按鈕保存設置。然後重新啓動PyCharm，再在工程中新建立一個test.py文件，就可以看到自動創建的#encoding:utf-8代碼。

1.0.1 在PyCharm中使用已經設置好的虛擬環境

在認識Flask一文中，我們在F:\flask-venv\venv\目錄中建有並配置好了一個虛擬環境。現在要啓用這個設置好的虛擬環境，在PyCharm中新建一名稱爲test的工程，找到Project Interpreter設置面板，步驟如下：
（1）執行File|Settings|Project:test|Project Interpreter命令，如圖所示。

注意：Project:test中的test表示工程名，讀者可以根據自己的工程名來選擇。
（2）單擊面板右側如圖所示的按鈕。

(3)點擊設置圖標轉變成Add圖標，如圖所示。

（4）單擊Add圖標，彈出如圖所示窗口。選中Existing environment單選按鈕，找到虛擬環境所在路徑F:\flask-venv\venv,單擊瀏覽按鈕。

（5）要開始使用虛擬環境，其需要被激活，在cmd中輸入cd F:\flask-venv\venv\Scripts，然後回車，再輸入dir後回車，如圖所示。


（6）在圖中雙擊venv文件夾，找到F:\flask-venv\venv\Scripts\python.exe路徑中的python.exe文件，單擊OK圖標，如圖所示。

（7）如出現如圖所示窗口，表示修改成功。

1.1安裝Flask框架的2種方式

要使用Flask框架，必須先安裝Flask。安裝主要方式有兩種。讀者可以根據自己的喜好來選擇安裝方式。
【細心的話，如果學習類似的框架怎麼學？按照我寫的流程來，學法大差不差哈哈】

1．用pip方式安裝Flask。此法較常用。
【重要提示：切換到虛擬環境的目錄裏安裝】

**這麼操作就錯了，爲啥？**還記得之前創建的虛擬環境嗎？它的用武之地是醬紫：
我的虛擬環境地址爲F:\flask-venv\venv，在cmd下按以下步驟操作：

執行完這3個命令後，表示成功激活當前虛擬環境。在（venv）F:\flask-venv\venv\Scripts>下輸入pip install Flask，即：

2．在PyCharm中安裝Flask【4步】
（1）File——>Settings

（2）找到Project:testapi（testapi爲項目名，要根據實際的工程名來選擇）——>Project Interpreter

（3）單擊圖中的“+”號按鈕後，彈出步驟5對話框，在輸入框中輸入Flask，然後回車。


（4）安裝成功以後

注意·：這種將大問題拆分成小問題的方法，叫分而治之的思想，大佬們常說將複雜問題拆分成若干個簡單的問題，是編程中重要的解決問題的方法之一。讀者可以這樣理解：
解題方法 = 分而治之 = 步驟化
先記住，以後會慢慢形成自己的思想。

1.2 在Flask中輸出Hello World

在PyCharm中新建一個名稱爲hello world的工程（新建工程注意使用已經存在的“虛擬環境”），如圖所示。

app.py的內容:

### 從Flask框架中導入Flask類
from flask import Flask
### 傳入__name__初始化一個Flask實例
app = Flask(__name__)

### 這個路由將根URL映射到hello_world函數上
@app.route('/')

def hello_world():			### 定義視圖函數
    return 'Hello World!'   ### 返回響應對象

if __name__ == '__main__':
### 指定默認主機是127.0.0.1，port是5000
    app.run(debug = True,host = "127.0.0.1",port = 5000)

運行程序，結果如圖所示。

問題
如果自己開了兩個Flask項目，可能端口號重複【衝突】，那麼做如下修改：
（1）執行Run|Edit Configurations命令，如圖所示。

（2）彈出如圖所示對話框。

或者

方法的目的是一致的。改端口號。
（3）在Additional options輸入框中輸入“--host=192.168.1.105 --port=5001”（192.168.1.105爲我的計算機的IP地址），當然這裏你也可以輸入“--host=127.0.0.1 --port=5001”。接下來，在瀏覽器地址欄可以輸入http://192.168.1.105:5001/訪問網頁，192.168.1.105一個網段內的局域網計算機也可以通過http://192.168.1.105:8888/訪問到此網頁的內容。