Web平臺(tái)之環(huán)境準(zhǔn)備

時(shí)間：2023-07-22 22:36:01 | 來源：網(wǎng)站運(yùn)營

時(shí)間：2023-07-22 22:36:01 來源：網(wǎng)站運(yùn)營

Web平臺(tái)之環(huán)境準(zhǔn)備：前言

如今的測試行業(yè)，各種測試平臺(tái)盛行，比如自動(dòng)化的有接口自動(dòng)化平臺(tái)、UI自動(dòng)化平臺(tái)、Mock平臺(tái)、造數(shù)平臺(tái)，性能方面的還有壓測平臺(tái)、監(jiān)控平臺(tái)。

這些平臺(tái)一方面大大解放了功能測試的雙手，提高了測試效率，同時(shí)也成為測試人員升職加薪的籌碼。因此，學(xué)習(xí)并掌握Web平臺(tái)的開發(fā)還是很有必要的。

說到Web平臺(tái)，很多人第一印象就是頭疼的html、css、JavaScript、jquery，這些東西難道要一個(gè)個(gè)手動(dòng)來敲嗎？樣式要一個(gè)個(gè)手動(dòng)來調(diào)嗎？做出來的東西很丑陋怎么辦？

如果現(xiàn)在對(duì)你說，遠(yuǎn)沒有你想象的那么復(fù)雜，Vue和Element UI中有很多美觀方便的前端組件供我們使用，復(fù)制粘貼改改邏輯就行，你只需要做一個(gè)CV工程師，那么何不一起來試試！

授人以魚不如授人以漁，這幾篇文章不會(huì)教你做個(gè)完整功能的Web平臺(tái)出來，但會(huì)將比較基礎(chǔ)且核心的技術(shù)傳遞給你。

有了這個(gè)基礎(chǔ)，你可以游刃有余的在這個(gè)地基上修建你的高樓大廈，前端組件何其多，想用哪個(gè)用哪個(gè)，而對(duì)于后端，無非就是使用Django和Rest Framework定義CURD的接口，寫得多了自然會(huì)熟能生巧。

環(huán)境準(zhǔn)備

后端采用的是Django+Rest Framework+MySQL架構(gòu)，因此需要安裝如下版本的軟件和包：

#軟件

python：3.7

mysql：5.7.19

git：2.26.1

#python包

Django：3.2.9

django-filter：21.1

djangorestframework：3.12.4

djangorestframework-simplejwt：5.0.0

django-cors-headers：3.11.0

mysqlclient：2.0.3

前端使用的是Vue+Element UI，因此先要安裝npm：

npm：6.14.4

此外你還需要一個(gè)Python IDE，如PyCharm或VSCode。

三. 工程搭建

(一). 前端工程的搭建

1、在電腦的任意一個(gè)盤下(我選的是 D 盤)創(chuàng)建一個(gè) web-development 的空目錄。

2、前端的框架我們使用現(xiàn)成的，直接去gitee上去找。訪問：https://gitee.com/panjiachen，發(fā)現(xiàn)有兩個(gè)項(xiàng)目：一個(gè)是 vue-element-admin，另一個(gè)是 vue-admin-template，第一個(gè)項(xiàng)目比較全面，里面非常多的組件，作者不建議直接在上面做二次開發(fā)，因此提供了第二個(gè)項(xiàng)目，這個(gè)是前者的極簡版，我們今天使用的是第二個(gè)。

3、進(jìn)入 web-development 目錄，使用 git clone 將第二個(gè)前端項(xiàng)目模板克隆下來。

(二). 后端工程的搭建

1、同樣是在web-development目錄下，打開cmd，使用命令django-admin startproject命令創(chuàng)建后端工程。我們的后端工程名叫backend。運(yùn)行完成后發(fā)現(xiàn)目錄下多了一個(gè)backend目錄，這個(gè)就是自動(dòng)生成的后端工程。

2、使用 pycharm 打開 web-development 工程，可以看到前后端工程都加載出來了。

四. 依賴安裝

(一). 前端依賴的安裝

1.進(jìn)入前端目錄vue-admin-template下，所有前端的依賴都放在該目錄下的package.json文件中，我們使用npm install安裝所有依賴(注意：作者不建議使用cnpm install安裝，因?yàn)闀?huì)出現(xiàn)一些奇奇怪怪的問題，如果npm install安裝比較慢，可以換一個(gè)淘寶鏡像)。

2、安裝完成后，如果沒有報(bào)錯(cuò)，會(huì)出現(xiàn)提示，added xxx packages from xxx contributors in xxx。

(二). 后端依賴的安裝

1、后端建議使用 pipenv 創(chuàng)建虛擬環(huán)境來做環(huán)境隔離，pipenv 的安裝使用方法可以百度。這里直接講怎么創(chuàng)建虛擬環(huán)境，進(jìn)入虛擬環(huán)境安裝我們需要的依賴包。首先進(jìn)入backend 目錄，使用 pipenv install 創(chuàng)建一個(gè)虛擬環(huán)境。創(chuàng)建的過程中會(huì)提示我們使用哪個(gè)版本的 python 創(chuàng)建的虛擬環(huán)境，以及最終創(chuàng)建的虛擬環(huán)境的路徑。

……

由于作者版權(quán)要求，僅展示文章的一部分，如需閱讀完整版文章，可以私信我獲取。

文章首發(fā)于：Atstudy網(wǎng)校：測試開發(fā)基礎(chǔ)，教你做一個(gè)完整功能的Web平臺(tái)之環(huán)境準(zhǔn)備