iT邦幫忙

鐵人檔案

2022 iThome 鐵人賽
回列表
Modern Web

Vue+Django+MongoDB+Nginx 全端開發 系列

比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。

而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。

我將以 Vue 為前端框架, Django 為後端, 資料庫使用 MongoDB,最後以 Nginx 部署 web server,實作完整的 web 開發。

鐵人鍊成 | 共 30 篇文章 | 18 人訂閱 訂閱系列文 RSS系列文
DAY 11

Create Django project

Create project 那來建立 django 專案吧 django-admin startproject back_end django 的專案結構長...

DAY 12

Django app

Create app django 的架構是這樣的,在專案底下有 app,你的 api 會寫在 app 底下,這樣好處就是可以分門別類,不同功能寫在不同 app...

DAY 13

Compare axios, ajax, fetch

接下來要講前後端怎麼溝通,最常見應該都是用 axios, ajax 或 fetch 來 call api。先講結論,個人推薦使用 axios,那他們又有什麼優缺...

DAY 14

用 GET 串起前後端

前端和後端溝通,最常用就是 get 和 post,所以我只打算講一下這兩個在 vue 和 django 要怎麼用,其實我比較想講的是架站以及安全方面,前面十幾天...

DAY 15

用 POST 串起前後端

講完 get 來講 post,那這兩個 call api 的方法有什麼差別呢?先記得一個原則,要傳遞機密的資料用 post,如果要傳遞的參數被別人知道也無所謂就...

DAY 16

Json web token authentication --part1: JWT introduction

session & token 驗證機制早期是用 session,server 這裡會發一個 session 給 client,並在資料庫記錄這個 se...

DAY 17

Json web token authentication --part2: Django

django 這邊需要使用 Django REST framework (drf) 及 drf 官方推薦實作 JWT 的 Django-rest-framewo...

DAY 18

Json web token authentication --part3: Vue

State management 首先我們先來寫一些前台存 token 和刪除 token 的方法在 vuex sate management,檔案位置在 sr...

DAY 19

Json web token authentication --part4: interceptor & api authentication

前言 只要把後端對外,或者網站對外,就一定會被攻擊,有自己用自己的電腦當 server 架站過就一定知道,只要一對外,每天都會收到一些隨機的攻擊,最常見就是別人...

DAY 20

MongoDB getting started

Introduction MongoDB 應該是目前 NoSQL 陣營中最大家的資料庫,另外 Redis 也蠻多人使用,兩者主要區別是,Redis 更高效能,但...