付費限定

[11] Create Django project

發佈於Vue+Django+MongoDB+Nginx 從網頁全端開發到架站一次教給你

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

Create project

那來建立 django 專案吧

django-admin startproject back_end

django 的專案結構長這個樣子

settings.py 是 django 專案的設定檔，之後會常常提到
urls.py 是設定路由
wsgi.py 和 asgi.py 是正式部署後端時相關的檔案
manage.py 是部署開發模式時或要操作這個 django 專案會用到

部署開發模式的後端

python manage.py runserver

這樣就會架在 localhost:8000

如果想指定 host，就在 runserver 後面加上想指定的 ip 和 port 就好了

python manage.py runserver [ip]:[port]

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

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

#python

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

張哲嘉的沙龍

9會員

49內容數

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

留言0

查看全部

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

張哲嘉的沙龍的其他內容

[10] Django getting started

Introduction 如果以 python 為後端，那最常見而且我覺得也比較穩定的框架是 django 和 flask 適合 flask 的使用場景是如果你只是簡單想要一個 py 檔可以做為一個 api 被前端呼叫使用，不想要太多其他設定，最好是兩三行 code 就建立一個後端，那就用 flas

#python

[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

#網頁開發

[10] Django getting started

#python