前後端黃金組合：Django+Vue+Element UI，助你構建完美平臺！

這是一篇什麼文章？

一篇你對測試開發工作感興趣，想了解系統工作邏輯的文章。

一篇是你在開始動手搭建環境前需要了解各工具原理的文章。

這是一篇你真正開始前需要查閱的文章。

本文介紹了前後端工作原理，前後端搭建的流程、搭建過程中需要用到的技術以及開發環境版本

一、前後端如何工作

後端開發（Django+Rest Framework+MySQL）：

Django負責處理HTTP請求和響應，以及URL路由的配置。它接收來自前端的HTTP請求，並根據URL將請求分發給相應的檢視函式進行處理。

Rest Framework是Django的擴充套件，用於快速構建RESTful API介面。透過Rest Framework，可以定義API檢視和序列化器，實現資料的序列化和反序列化，從而方便地與前端進行資料互動。

MySQL是一個關係型資料庫，用於儲存後端的資料。

前端開發（Vue+Element UI）：

Vue是一種現代的JavaScript框架，用於構建使用者介面。Vue提供了豐富的元件和模組，可以幫助開發者構建互動式的單頁面應用（SPA）。

Element UI是一個基於Vue的UI元件庫，提供了豐富的預定義元件，用於快速搭建美觀的使用者介面。

前後端互動：

後端透過Django Rest Framework提供API介面，前端透過Vue發起HTTP請求呼叫這些API介面。

前端透過HTTP請求向後端傳送資料請求，後端根據請求進行相應的資料處理，並返回響應資料給前端。

前端接收到後端返回的資料，並根據資料更新頁面展示，實現與使用者的互動。

總體而言，這種前後端分離的開發模式有助於實現前後端開發的解耦，使得各自的開發工作更加專注。前端負責使用者介面的呈現和互動，後端負責資料處理和業務邏輯，透過API介面進行資料傳輸和互動，從而實現一個完整的Web應用。

二、搭建流程

2.1後端搭建流程

安裝相關包->建立工程->後端依賴（pipenv）建立虛擬環境->後端服務配置啟動->後端建立子應用->後端Rest Framework->資料庫配置

簡要說明：

安裝相關包：在開始之前，首先需要安裝Python和pip，然後安裝Django等相關包，可以使用pip命令來安裝。

建立工程：使用Django的命令列工具建立Django專案，例如：django-admin startproject projectname。

後端依賴（pipenv）建立虛擬環境：建議使用pipenv來建立和管理虛擬環境，以便隔離專案的依賴和環境。

後端服務配置啟動：在虛擬環境下，透過Django的manage.py啟動服務，例如：python manage.py runserver。

後端建立子應用：根據專案的需要，可以建立多個子應用（app）來管理不同的功能模組。

後端Rest Framework：使用Django Rest Framework來構建RESTful API，方便前端和其他應用呼叫後端介面。

資料庫配置：配置Django專案的資料庫連線，通常使用MySQL作為後端資料庫，可以在settings.py中進行配置。

2.2前端搭建流程

建立工程（模板）->前端依賴（npm install）->前端服務配置啟動

簡要說明：

建立工程（模板）：可以使用Vue腳手架工具或其他模板工具來建立Vue專案的初始結構。

前端依賴（npm install）：在專案目錄下執行npm install命令，安裝專案所需的前端依賴包，這些依賴包通常儲存在package.json檔案中。

前端服務配置啟動：在專案目錄下執行npm run serve命令，啟動前端開發伺服器，可以在瀏覽器中預覽專案。

三、關鍵技術介紹

1、後端為什麼要建立虛擬環境，建立虛擬環境可以達到什麼效果？

隔離專案依賴：透過建立後端虛擬環境，每個專案都擁有獨立的Python直譯器和包安裝目錄，這樣可以避免不同專案之間的依賴衝突。每個虛擬環境只包含該專案所需的依賴，使得專案可以在獨立的環境中執行，而不受其他專案的影響。

確保依賴一致性：虛擬環境通常會配合使用Pipenv等工具來管理專案的依賴，這樣可以確保專案在不同環境中安裝相同的依賴版本，從而避免由於依賴版本不一致而引發的錯誤。

提高專案可移植性：將專案的依賴放在虛擬環境中，可以使得專案在不同的計算機或伺服器上都能輕鬆地部署和執行，而不需要擔心依賴問題。

簡化依賴管理：虛擬環境可以將專案所需的依賴以及其版本資訊儲存在一個檔案中（例如Pipfile.lock），這樣可以方便地重現專案的開發環境，使得依賴的安裝和管理更加簡單和自動化。

2、Pipenv介紹

Pipenv是Python的一個包管理工具和虛擬環境管理工具，它是為了解決Python專案中依賴管理和虛擬環境建立的問題而開發的。Pipenv結合了pip（Python的包管理工具）和virtualenv（Python的虛擬環境管理工具）的功能，提供了更方便包管理和虛擬環境管理功能。

Pipenv的主要特點和功能包括：

自動建立虛擬環境：在使用Pipenv安裝專案依賴時，它會自動建立一個虛擬環境，確保專案的依賴不會與其他專案衝突。

管理依賴：Pipenv會自動地管理專案的依賴關係，並將依賴資訊儲存在Pipfile和Pipfile.lock檔案中，這樣可以確保專案在不同環境中安裝相同的依賴版本。

簡化依賴安裝：使用Pipenv安裝依賴非常簡單，只需要執行一個命令即可，而不需要手動管理依賴的安裝。

提供更友好的命令列介面：Pipenv提供了一組易於使用的命令，使得包管理和虛擬環境管理更加直觀和簡便。

支援開發模式：Pipenv支援將專案的開發依賴和執行時依賴分開，這樣可以減少專案打包時的冗餘依賴。

3、Django Rest Framework介紹

Django Rest Framework（簡稱DRF）是一個用於構建Web API的強大框架，它是基於Django（一個流行的Python Web框架）開發的。DRF提供了一系列工具和功能，使得構建RESTful API變得簡單、靈活和高效。

DRF的主要特點和功能包括：

序列化：DRF提供了序列化器，可以將資料物件轉換成JSON等格式，以便於在API中進行傳輸。同時，它也可以將傳入的JSON資料反序列化為資料物件，便於在後端進行處理。

檢視：DRF提供了各種檢視類，用於處理API請求，並返回適當的響應。包括基於函式的檢視和基於類的檢視，還有通用檢視和檢視集等。

路由：DRF提供了靈活的路由功能，用於將API請求對映到相應的檢視處理函式上。

認證和許可權：DRF支援各種認證和許可權控制方式，可以保護API的安全性。

分頁和過濾：DRF提供了分頁和過濾功能，便於處理大量資料和篩選查詢結果。

強大的請求和響應處理：DRF支援各種資料格式的請求和響應處理，包括JSON、XML、HTML等。

API文件生成：DRF自帶的Browsable API功能可以生成易於閱讀和理解的API文件，方便開發人員和團隊的協作。