Flask實作_基礎_01_建立第一個app
文章推薦指數: 80 %
tags: python flask. 在Flask中,要建置一個網頁或是api並不是難事,難的事通常不會是這個,而 ...
Published
LinkedwithGitHub
Like4
Bookmark
Subscribe
#Flask實作_基礎_01_建立第一個app
######tags:`python``flask`
在Flask中,要建置一個網頁或是api並不是難事,難的事通常不會是這個,而是其它的事,我們從一個最簡單的範例開始進入Flask的世界。
在進入Flask進行,我們先瞭解一下部份用語,我試著利用一張圖來說明:
![](https://i.imgur.com/AxdbOYA.png)
##作業說明
新增一個python文件,命名為`hello_flask.py`
*filename:hello_flask.py
```python=
fromflaskimportFlask
app=Flask(__name__)
```
基本上,把第二行的語法當做一個約定俗成的用法,就是這樣,沒有其它的用意,如此flask才會知道你的root在何處!
flask利用裝飾器`@app.route`來定義路由,其表達式為`@app.route(你的url)`:
```python=
@app.route('/')
defindex():
return'helloman'
```
`@app.route(你的url)`的後面所接的,也一定是一個要執行的function,透過這樣子的設置,當你連接到'/'的時候,路由就知道要執行後面的function了。
設置好路由,接下來就可以執行這個app
```python=
if__name__=='__main__':
app.debug=True
app.run()
```
執行專案,程式會告知你連結網址為`http://127.0.0.1:5000`,開啟你的瀏灠器(或直接點擊畫面連結),你已經成功的建置一個網頁了。
![](https://i.imgur.com/aaRiW8V.png)
![](https://i.imgur.com/Zerx19W.png)
##總結
這是一個非常簡單的範例,範例中我們瞭解了初始化flask的方式,也知道利用裝飾器`@app.route(你的url)`來定義路由,最後成功的將我們的測試訊息渲染在網頁上,這是一個好的開始,現在你的心中很多疑問,我們後面會一一說明。
**上一話:**[Flask實作_基礎_00_前言](/https://hackmd.io/s/rkgXYoBeG)
**下一話:**[Flask實作_基礎_02_透過url傳值](https://hackmd.io/s/H1CMTVheG)
4
×
Signin
Email
Password
Forgotpassword
or
Byclickingbelow,youagreetoourtermsofservice.
SigninviaFacebook
SigninviaTwitter
SigninviaGitHub
SigninviaDropbox
SigninviaGoogle
NewtoHackMD?Signup
延伸文章資訊
- 1使用Python 和Flask 建立AI Web 應用程式- Learn - Microsoft ...
學習目標. 在本課程模組中,您將使用Flask 和認知服務以建置翻譯文字的網站。 了解如何設定 ...
- 2Flask實作_基礎_01_建立第一個app
tags: python flask. 在Flask中,要建置一個網頁或是api並不是難事,難的事通常不會是這個,而 ...
- 3Visual Studio 中的了解Flask 教學課程步驟1,Flask 基本概念
使用Flask Web Project 範本,建立具有多個頁面與回應式設計的應用程式(步驟4) 。 在這些步驟中,您會建立單一Visual Studio 方案,其中包含兩個不同的 ...
- 4Welcome to Flask — Flask Documentation (2.0.x)
The rest of the docs describe each component of Flask in detail, with a full reference in the API...
- 5pallets/flask: The Python micro framework for building ... - GitHub
Flask is a lightweight WSGI web application framework. It is designed to make getting started qui...