張哲嘉的沙龍

付費限定

[10] Django getting started

更新於 2024/10/06發佈於 2022/10/06閱讀時間約 1 分鐘

Introduction

如果以 python 為後端，那最常見而且我覺得也比較穩定的框架是 django 和 flask

適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用，不想要太多其他設定，最好是兩三行 code 就建立一個後端，那就用 flask

如果你想要一個完整的後端服務，那不用選了，就是 django

virtual environment

以行動支持創作者！付費即可解鎖

本篇內容共 565 字、0 則留言，僅發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你你目前無法檢視以下內容，可能因為尚未登入，或沒有該房間的查看權限。

張哲嘉的沙龍Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你

張哲嘉的沙龍

9會員

49內容數

比起詳細教學單一技能，網路上或者市面上整合多項技能的教學相對少很多，但要真的完成一項專案往往不是只靠一項技能便能做到。而且教科書式的完整教學也比較枯燥乏味，因此我想以自身的經驗為例，以全端開發各項技能中最常用到的部分進行講解，讓讀者能夠快速上手掌握全端技能。

留言0

查看全部

發表第一個留言支持創作者！

張哲嘉的沙龍的其他內容

[9] State management

狀態管理有點像是 cookie 或 localStorage，可是又多了更多操作可以用，讓你再切換頁面時可以使用相同的變數。用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能，但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧所有的狀態管理設定

[8] Vue Router

Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由，name 如果你沒有要用路由傳參，不寫也沒關係，component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像，用法是像

[7] Vue: Life cycle

今天來介紹 vue 的生命週期，什麼是生命週期呢？講簡單一點就是從你用瀏覽器打開網頁開始，到網頁內的元件一個一個生成，到整個完整的網頁建立的過程就叫生命週期，完整過程如下圖是不是眼花撩亂啊？讓我簡化一下，其實主要順序就是如下圖在加上 setup 語法糖的 script 標籤內做的事相當於在 be

[6] Vue 指令

v-bind v-bind 可以讓 template 內的標籤去綁定 script 內定義的變數，舉個例子可以改寫成這樣最後效果是一樣的，在標籤內 v-bind 可以簡寫成 : v-model 上一篇已經提到了，就是可以透過網頁上的操作去改變資料的值，比方說表單、輸入欄等等。 v-for 迴圈，

[5] 寫一個 Vue 頁面

定義路由首先先來定義路由，先把上一篇寫的 home.vue 定義在根路由。打開 src/router/index.ts，在 routes 內定義 path 定義 url，component 定義要指向哪個 vue 頁面，component:()=>import('@/components/hom

[4] Vue 頁面結構

在寫頁面之前，先來介紹 Vue 頁面結構。首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像，一樣是分成寫網頁內容、script、style，三個部分，只是 html 標籤換成了 template。 template 就是相當於原生 html 檔

[9] State management

狀態管理有點像是 cookie 或 localStorage，可是又多了更多操作可以用，讓你再切換頁面時可以使用相同的變數。用來使用這個功能的套件叫做 vuex 以下不是狀態管理全部的功能，但是最常在用的其實就是這些 state 首先先來定義一個可以在各個網頁頁面取用的變數吧所有的狀態管理設定

[8] Vue Router

Basic config 最基本的寫法就是在 src/router/index.ts 的 routes 內設定像這樣 path 是設定路由，name 如果你沒有要用路由傳參，不寫也沒關係，component 是對應到哪個你寫的 vue 頁面 router-link 跟 <a></a> 很像，用法是像

[7] Vue: Life cycle

今天來介紹 vue 的生命週期，什麼是生命週期呢？講簡單一點就是從你用瀏覽器打開網頁開始，到網頁內的元件一個一個生成，到整個完整的網頁建立的過程就叫生命週期，完整過程如下圖是不是眼花撩亂啊？讓我簡化一下，其實主要順序就是如下圖在加上 setup 語法糖的 script 標籤內做的事相當於在 be

[6] Vue 指令

v-bind v-bind 可以讓 template 內的標籤去綁定 script 內定義的變數，舉個例子可以改寫成這樣最後效果是一樣的，在標籤內 v-bind 可以簡寫成 : v-model 上一篇已經提到了，就是可以透過網頁上的操作去改變資料的值，比方說表單、輸入欄等等。 v-for 迴圈，

[5] 寫一個 Vue 頁面

定義路由首先先來定義路由，先把上一篇寫的 home.vue 定義在根路由。打開 src/router/index.ts，在 routes 內定義 path 定義 url，component 定義要指向哪個 vue 頁面，component:()=>import('@/components/hom

[4] Vue 頁面結構

在寫頁面之前，先來介紹 Vue 頁面結構。首先先在 src/components 底下建立一個 home.vue 跟寫一個 html 頁面很像，一樣是分成寫網頁內容、script、style，三個部分，只是 html 標籤換成了 template。 template 就是相當於原生 html 檔

你可能也想看

Google News 追蹤

VK科技閱讀時間

美股定期定額從國泰世華 CUBE App 輕鬆開始

*合作聲明與警語：本文係由國泰世華銀行邀稿。證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科

#國泰世華 #美股 #定期定額

竹塹老屋故事屋

10月13日(周日)開幕活動

在舊城區的一棟老建築內 (南門街64號) 四樓, 我們將舉辦第一場故事活動, 共分成三個階段: (一) 淑貞 Kiwi 的說故事~ 下午三點開始 (二) 淑貞 Kiwi 的親子手作活動 ~ 下午三點半開始, 需報名 (三) 真人圖書館: 下午四點開始, 不須報名可直接前來~

#圖書館 #建築

傑瑞聊AI的沙龍

10/6【看一眼 AI 】｜大學生上AI課程還能賺10萬

台灣教育部規劃的大專校院 AI 課程招不到學生｜AI 熱潮讓科技富翁財富飆升

#AI #Nvidia #Dell

10/6 新聞聯播

兩個多月最長漲勢！中東戰爭前景擴大國際油價連三日大漲布蘭特衝上75美元 https://news.cnyes.com/news/id/5730856 重點整理油價連三日上漲：布蘭特原油上漲 1.3%，西德州原油上漲 1.4%，分別達到每桶 75 美元和 71 美元。中東局勢升溫：以色

Sheryl's Notes 雪柔的閱讀筆記

10月，應該啟動告別...

我一直把10月用來「啟動告別」。開始告別不值得的人際關係；開始告別不開心的事；開始告別不再需要的東西。

#除斷 #捨離

傑瑞聊AI的沙龍

10/5【看一眼 AI 】｜AI 正在幫助改善乳癌預防和復原身體癱瘓

AI 幫助身體癱瘓患者恢復部分活動能力｜歐洲核子研究組織將 AI 應用於醫療領域｜世界上最偉大的在世數學家認為 AI 無法真正取代人類

#AI #CERN #ChatGPT

10件50歲以前知道還不錯的事

即將從50+畢業，未來會不會回到媒體業也很難說。回顧當記者這將近9年的時間，的確是人生中很有意思的一段經歷。雖然薪資跟其他產業不能比，但我從這份工作當中學到的道理受用一生。仿效雞湯文寫作格式，以下是10件我認為50歲以前知道比較好的事：

Davinci的沙龍

10個讓你網站脫穎而出的網頁設計秘訣

在數位時代，網頁設計不僅是美學，更是企業成功的關鍵，一個出色的網站能讓您的品牌在競爭中脫穎而出，設計一個令人驚艷的網站不僅僅是選擇漂亮的圖片和顏色，而是涉及到深思熟慮的佈局和直觀的導航。

#網頁設計公司 #網頁設計 #網頁設計推薦

分埔少年的沙龍

[台中] 10多年心願成真！大安區首座市民活動中心啟用盧市長：台中市集會場所平均數量六都最多

2024.06.07 台中市政府台中市大安區人口高齡化，長輩活動空間與照護需求日益增加，對此，台中市政府斥資總經費逾5,116萬元，全新打造大安區首座三層樓市民活動中心，除1樓作為長者上課與休憩場域，2、3樓更結合日照中心提供長照服務。市長盧秀燕今(7)日出席完工典禮，感謝中央與地方民代協力完成

#台中 #民政

We Are Young Family 的沙龍

10 LAWS TO RAISE YOUR FREQUENCY（轉）

又到了提昇頻率的時刻。可能有所重覆提醒。我知道，我得更安靜。身為投射者，我太快把焦點轉移到摯友至親，而罔顧他人根本不在聆聽的狀態。告訴自己不要只顧表達關切，remain silent ❤️。 10 LAWS TO RAISE YOUR FREQUENCY 1. Learn t

Hippo Big的沙龍

10 己矛破己盾

“正四面體……費波那契數列……”雲老自言自語的說道“這次的事件可不簡單啊，正四面體是空間中構成最簡單的正多面體，費波那契數列又是數學乃至自然界中最古老神秘又最簡潔的一組數列，但大道至簡，簡單的表像背後往往隱藏著深奧的玄機。” “這老爺子還是這麼神神叨叨，從來說話不直接……哎呦”豐哥正小聲叨咕，突然

#原創 #小説 #神秘

VK科技閱讀時間

美股定期定額從國泰世華 CUBE App 輕鬆開始

*合作聲明與警語：本文係由國泰世華銀行邀稿。證券服務係由國泰世華銀行辦理共同行銷證券經紀開戶業務，定期定額(股)服務由國泰綜合證券提供。剛出社會的時候，很常在各種 Podcast 或 YouTube 甚至是在朋友間聊天，都會聽到各種市場動態、理財話題，像是：聯準會降息或是近期哪些科

#國泰世華 #美股 #定期定額

竹塹老屋故事屋

10月13日(周日)開幕活動

在舊城區的一棟老建築內 (南門街64號) 四樓, 我們將舉辦第一場故事活動, 共分成三個階段: (一) 淑貞 Kiwi 的說故事~ 下午三點開始 (二) 淑貞 Kiwi 的親子手作活動 ~ 下午三點半開始, 需報名 (三) 真人圖書館: 下午四點開始, 不須報名可直接前來~

#圖書館 #建築

傑瑞聊AI的沙龍

10/6【看一眼 AI 】｜大學生上AI課程還能賺10萬

台灣教育部規劃的大專校院 AI 課程招不到學生｜AI 熱潮讓科技富翁財富飆升

#AI #Nvidia #Dell

10/6 新聞聯播

兩個多月最長漲勢！中東戰爭前景擴大國際油價連三日大漲布蘭特衝上75美元 https://news.cnyes.com/news/id/5730856 重點整理油價連三日上漲：布蘭特原油上漲 1.3%，西德州原油上漲 1.4%，分別達到每桶 75 美元和 71 美元。中東局勢升溫：以色

Sheryl's Notes 雪柔的閱讀筆記

10月，應該啟動告別...

我一直把10月用來「啟動告別」。開始告別不值得的人際關係；開始告別不開心的事；開始告別不再需要的東西。

#除斷 #捨離

傑瑞聊AI的沙龍

10/5【看一眼 AI 】｜AI 正在幫助改善乳癌預防和復原身體癱瘓

AI 幫助身體癱瘓患者恢復部分活動能力｜歐洲核子研究組織將 AI 應用於醫療領域｜世界上最偉大的在世數學家認為 AI 無法真正取代人類

#AI #CERN #ChatGPT

10件50歲以前知道還不錯的事

即將從50+畢業，未來會不會回到媒體業也很難說。回顧當記者這將近9年的時間，的確是人生中很有意思的一段經歷。雖然薪資跟其他產業不能比，但我從這份工作當中學到的道理受用一生。仿效雞湯文寫作格式，以下是10件我認為50歲以前知道比較好的事：

Davinci的沙龍

10個讓你網站脫穎而出的網頁設計秘訣

在數位時代，網頁設計不僅是美學，更是企業成功的關鍵，一個出色的網站能讓您的品牌在競爭中脫穎而出，設計一個令人驚艷的網站不僅僅是選擇漂亮的圖片和顏色，而是涉及到深思熟慮的佈局和直觀的導航。

#網頁設計公司 #網頁設計 #網頁設計推薦

分埔少年的沙龍

[台中] 10多年心願成真！大安區首座市民活動中心啟用盧市長：台中市集會場所平均數量六都最多

2024.06.07 台中市政府台中市大安區人口高齡化，長輩活動空間與照護需求日益增加，對此，台中市政府斥資總經費逾5,116萬元，全新打造大安區首座三層樓市民活動中心，除1樓作為長者上課與休憩場域，2、3樓更結合日照中心提供長照服務。市長盧秀燕今(7)日出席完工典禮，感謝中央與地方民代協力完成

#台中 #民政

We Are Young Family 的沙龍

10 LAWS TO RAISE YOUR FREQUENCY（轉）

又到了提昇頻率的時刻。可能有所重覆提醒。我知道，我得更安靜。身為投射者，我太快把焦點轉移到摯友至親，而罔顧他人根本不在聆聽的狀態。告訴自己不要只顧表達關切，remain silent ❤️。 10 LAWS TO RAISE YOUR FREQUENCY 1. Learn t

Hippo Big的沙龍

10 己矛破己盾

“正四面體……費波那契數列……”雲老自言自語的說道“這次的事件可不簡單啊，正四面體是空間中構成最簡單的正多面體，費波那契數列又是數學乃至自然界中最古老神秘又最簡潔的一組數列，但大道至簡，簡單的表像背後往往隱藏著深奧的玄機。” “這老爺子還是這麼神神叨叨，從來說話不直接……哎呦”豐哥正小聲叨咕，突然

#原創 #小説 #神秘