Flask 網站架設教學

閱讀時間約 5 分鐘
這是一篇有關於使用 Flask 架設網站的教學型文章,介紹了從安裝套件、建立網站專案、撰寫程式、執行測試到實際撰寫的步驟和過程。


在進行 Flask 網站架設之前,我們首先要完成以下步驟:

一. 安裝套件 - Flask 套件

為了使用 Flask 架設網站,首先需要安裝 Flask 套件。你可以在命令列中執行以下指令來進行安裝:

bash複製程式碼 pip install Flask

二. 建立網站專案

在電腦中的任意位置建立一個專案資料夾,這個資料夾將包含你的 Flask 網站程式碼以及其他相關檔案。

三. 撰寫程式

使用 Python 語言來撰寫網站的後端程式。這包括撰寫網站的主要邏輯、路由設定等。

四. 執行測試 - 啟動網站

在命令列中執行 Python 程式,即可啟動你的 Flask 網站。這將啟動一個本地伺服器,讓你可以在瀏覽器中測試你的網站。

五. 執行測試 - 測試網站

將網址貼到瀏覽器的網址列中,以測試網站的運作是否符合預期。


實際撰寫 - Flask 網站程式

網站程式特性

Flask 網站程式具有以下特性:

  • 必須24小時運作,程式不能中斷,否則網站將無法運作。
  • 中斷後,網站就無法連上,這將導致瀏覽器無法訪問網站。
  • 測試時間可以隨時中斷,但正式上線運作後,網站必須持續運行,讓使用者可以持續訪問網頁。

網站程式碼

使用 Flask 框架撰寫網站的後端程式碼,程式碼範例如下:

python複製程式碼# 匯入 Flask 模組

from flask import Flask

# 建立 Flask 應用程式物件

app = Flask(__name__)

# 路由設定 - 根路徑

# "/" 代表網站的根目錄,127.0.0.1:5000 代表網站的主機/根目錄

@app.route("/")

def home():

# 連線到我們的 Python 程式,我們的 Python 程式就回應 "Hello Flask 2" (回應給瀏覽器,顯示在使用者的螢幕上)

return "Hello Flask 2"

# 路由設定 - 測試路徑

# 當使用者連線到 "/test" (127.0.0.1:5000/test),交給以下函式處理

@app.route("/test")

def test():

# 返回文字內容 "This is Test" 給客戶端

return "This is Test"

# 主程式判斷

if __name__ == "__main__":

# 如果這個程式是被當成主程式來執行,會啟動 Flask 應用程式伺服器

app.run()

啟動網站

當你準備好後端程式碼後,可以直接按執行或者在命令列中執行 Python 程式,以啟動你的 Flask 網站。例如,在命令列中執行以下指令:

bash複製程式碼 python Python_Flask_網站開發_基礎環境建置教學.py

執行後,會看到 http://127.0.0.1:5000/ (測試用的網址),可以點開網址來測試與自己寫的是否一致。

建立網站

我們建立了一個網站,這個網站的程式碼就是 Python_Flask_網站開發_基礎環境建置教學.py。這隻程式就是網站的伺服器,會一直開著不會關閉,背後一直在執行。網站的網址為:http://127.0.0.1:5000/

改變程式,就要重新執行

當你修改了程式碼後,請記得重新執行程式以使修改生效。具體步驟如下:

  1. 使用 CTRL + C 來關閉目前正在執行的程式,這將強制結束程式。
  2. 再重新執行一次程式,這將使你的修改生效。
  3. 重新整理瀏覽器頁面,以查看更新後的網站內容。
bash複製程式碼 127.0.0.1 - - [07/May/2024 14:25:28] "GET / HTTP/1.1" 200 -
avatar-img
14會員
12內容數
歡迎來到我的部落格!這裡是個佛系經營的角落,我會在這裡分享我的學習及心路歷程,及不定時生活大小事分享,包括科技、閱讀、星座、金融、好物等。 希望分享的內容能夠幫助大家,與大家一同學習成長,無論是知識的豐富還是心靈的提升。歡迎留言、討論,分享你的看法和經驗。如文章內容有誤,請不吝指教,我會虛心接受並改進! 什麼都發~
留言0
查看全部
avatar-img
發表第一個留言支持創作者!
你可能也想看
Google News 追蹤
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
如果你也想發展個人自媒體,推薦不妨也先從擁有一個自己的網站開始吧!你是不是想架設一個自己的網站,卻不知道該如何開始呢?很多人也好奇自己架設網站要錢嗎?這裡就也來分享常見的幾種自媒體架站方式,讓你可以更清楚瞭解喔!
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始,逐步完成一個基本的網站,並且涵蓋所需的主要步驟。 1. 計劃與構思 在開始技術工作之前,首先要明確網站的目的和目標受眾。問問自己以下問題: 這個網站的主要目的是什么?(例如,博客、電子商務、個人作品集等) 目標受
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
優秀的網站架構不僅關係到使用者的操作體驗,同時也能幫你進行搜尋引擎優化(SEO)強化。不過,可能許多人在網站架設的初期規劃階段就感到迷茫了。不用擔心,我們為你提供了完整的網站建設指南!從網站流程圖規劃階段開始,帶你選擇適合的網站架構工具,一起了解網站設計的每個環節!
想要開始Python語言的開發環境,有兩種常見方式,一種是下載安裝到本機端,另一種是直接在雲端執行。本文將介紹三個常見的開發工具及其安裝步驟。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
網站設計怎麼做?你會嗎?直接教你把握關鍵重點!從基礎網站設計方法開始,4 步學規劃網站佈局、網站設計必備要素、做好互動與動畫效果,直接用工具來打造精美又吸引人的網站設計,留住客戶其實很簡單!快跟我們一起掌握網站設計技巧,提升顧客轉化率!
Thumbnail
嘿,大家新年快樂~ 新年大家都在做什麼呢? 跨年夜的我趕工製作某個外包設計案,在工作告一段落時趕上倒數。 然後和兩個小孩過了一個忙亂的元旦。在深夜時刻,看到朋友傳來的解籤網站,興致勃勃熬夜體驗了一下,覺得非常好玩,或許有人玩過了,但還是想寫上來分享紀錄一下~
Thumbnail
如果你也想發展個人自媒體,推薦不妨也先從擁有一個自己的網站開始吧!你是不是想架設一個自己的網站,卻不知道該如何開始呢?很多人也好奇自己架設網站要錢嗎?這裡就也來分享常見的幾種自媒體架站方式,讓你可以更清楚瞭解喔!
架設第一個網站是一個令人興奮且具有挑戰性的過程。這篇文章將詳細介紹如何從零開始,逐步完成一個基本的網站,並且涵蓋所需的主要步驟。 1. 計劃與構思 在開始技術工作之前,首先要明確網站的目的和目標受眾。問問自己以下問題: 這個網站的主要目的是什么?(例如,博客、電子商務、個人作品集等) 目標受
Thumbnail
你好,在下最近在學習開發web,學了html css js,也得出一些心得,由於網路上已有許多教學,所以我會著重在如何開發出to do List,以及解釋我寫的程式碼。相關的教學我會直接貼網址。如果我有什麼地方出錯,或者是可以寫得更好,歡迎在下方留言,討論。 首先先介紹我的開發環境: 我用了vs
Thumbnail
前面已經安裝好IIS後,並且也新建站台了,那麼接下來這篇就會分享如何使用它
優秀的網站架構不僅關係到使用者的操作體驗,同時也能幫你進行搜尋引擎優化(SEO)強化。不過,可能許多人在網站架設的初期規劃階段就感到迷茫了。不用擔心,我們為你提供了完整的網站建設指南!從網站流程圖規劃階段開始,帶你選擇適合的網站架構工具,一起了解網站設計的每個環節!
想要開始Python語言的開發環境,有兩種常見方式,一種是下載安裝到本機端,另一種是直接在雲端執行。本文將介紹三個常見的開發工具及其安裝步驟。
Thumbnail
在網站建設的世界中,WordPress 架站一直是新手和專業人士的首選。它以其靈活性、易用性和龐大的社區支持而聞名。對於那些想要快速入門並建立自己的網站的人來說,WordPress 是一個理想的選擇。
Thumbnail
本文章介紹了建立網頁的整個流程,包括設置 Templates, Views, Urls 等步驟。透過這些步驟,大家便能創建一個新的網頁,並成功測試。
Thumbnail
建立自己的網站需要考慮許多因素,包括網站類型、架站軟體的選擇、素材的準備、網域名稱的購買、主機空間的租用、網站設計的進行以及網站被收錄的步驟。透過這些步驟,你可以自己建立一個符合需求的網站,展示你的企業形象、進行電子商務或建立社交媒體平臺等。
Thumbnail
網站設計怎麼做?你會嗎?直接教你把握關鍵重點!從基礎網站設計方法開始,4 步學規劃網站佈局、網站設計必備要素、做好互動與動畫效果,直接用工具來打造精美又吸引人的網站設計,留住客戶其實很簡單!快跟我們一起掌握網站設計技巧,提升顧客轉化率!