背景:前端
07-26 週五的時候 想到 看看網上有沒有什麼開源的項目,能將本身目前學到的知識,作個整合。vue
搜索下 通過對比篩選,選擇了api_automatic_testnode
http://www.javashuo.com/article/p-ezkvrklo-ed.htmlpython
http://www.javashuo.com/article/p-moasdbre-hh.htmlmysql
開源項目地址:webpack
開源自動化測試平臺:https://testerhome.com/opensource_projects/37git
github地址:https://github.com/githublitao/api_automation_testgithub
1.suit 項目下載到本地時,打開,報找不到suit ,開始覺得suit是一個單獨的第三方包,後來發現不是,解決辦法見步驟5web
2.home路徑
#當前登陸用戶的目錄
import os
print(os.environ.keys())#查看有哪些key
print(os.environ['USERNAME'])
print(os.environ['USERPROFILE'])
# print (os.environ['HOMEPATH'])sql
3.查看下載了哪些包-第三方庫列表。
pip list 或 pip freeze
pip freeze > package_list.txt 將輸出的文件存到文件中
4.生成遷移文件、生成遷移表
python manage.py makemigrations
python manage.py migrate
5. File "F:\Download\GoogleChrome\api_automation_test-master\api_test\apps.py", line 2, in <module>
from suit.apps import DjangoSuitConfig
ModuleNotFoundError: No module named 'suit'
緣由可能 是django-suit與django 版本要匹配
django-suit==2.0a1 要與Django==1.10.6 這個版本一塊兒用才能夠
解決辦法: pip install https://github.com/darklow/django-suit/tarball/v2
下載後的 django-suit版本爲:django-suit==2.0a1 此時django版本2.0.2
6.生成遷移文件可能會報錯:
問題:python manage.py makemigrations 執行這個報錯
django.core.exceptions.ImproperlyConfigured: mysqlclient 1.3.3 or newer is required; you have 0.7.11.None
解決辦法:解決辦法:
找到Python安裝路勁下的Python36-32\Lib\site-packages\django\db\backends\mysql\base.py文件
將文件中的以下代碼註釋
7.建立超級用戶
python manage.py createsuperuser
username api
passwoed DDWang123456
8.安裝vue環境,下載的Node.js的並配置環境,下載NPM包管理器,安裝VUE腳手架用於生成VUE工程模板
npm install --global vue-cli
npm: Nodejs下的包管理器。
webpack: 它主要的用途是經過CommonJS的語法把全部瀏覽器端須要發佈的靜態資源作相應的準備,好比資源的合併和打包。
vue-cli: 用戶生成Vue工程模板。(幫你快速開始一個vue的項目,也就是給你一套vue的結構,包含基礎的依賴庫,只須要 npm install就能夠安裝)
9安裝vue環境:
先查看本地windows 下是否安裝node ,cmd 命令行下 輸入 node
查看node 版本 node -v
安裝完node.js 以後,npm 也就自動安裝了
檢查版本 node -v 和 npm -v
npm install --global vue-cli
10.cmd進入前端目錄下,運行npm install安裝相關依賴包 (進入到項目的frontend 目錄下,執行 npm install )
執行過程報錯了 而後我又繼續執行npm run build(打包) 仍是報錯了
解決辦法:
編譯失敗,打包失敗的,執行下下面這個命令:
npm rebuild node-sass
11啓動項目:
python manage.py runserver 0.0.0.0:8000
12.如今就能夠訪問http://127.0.0.1:8000進行登陸,
http://127.0.0.1:8000/admin爲後臺管理平臺
(注:若是登陸不了的話,多是接口請求地址錯誤,修改api_automation_test /frontend/src/api/api.js註釋其餘IP,保留127.0.0.1)
13.請問建立好用戶後,站點登陸爲何一直提示帳號或密碼錯誤???
緣由 : (1)npm run build 執行的時候報錯 被忽略了
(2)npm install 安裝依賴包的時候報錯,請求登陸,打開f12,看console,是否是提示缺乏依賴包之類的。
解決辦法:
依次執行如下語句
npm cache clean --force
npm install -g npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
npm audit fix --force
npm run build -----報錯了
解決辦法:https://www.jianshu.com/p/3f8f60e01797
縷縷命令,按照順序執行
pip install -r requirements.txt pip install https://github.com/darklow/django-suit/tarball/v2
修改settings下數據庫鏈接的用戶名和密碼 python manage.py makemigrations #生成遷移文件 python manage.py migrate #生成表 python manage.py createsuperuser #建立超級用戶
安裝node.js環境(相似於JVM,windows下下載安裝包,安裝完node以後,npm就自動安裝了,注意檢查對應版本) npm install --global vue-cli #安裝腳手架用於生成VUE工程模板 npm install #安裝依賴包 ,先進入到frontend目錄下 npm run build #打包 python manage.py runserver 0.0.0.0:8000 #運行django項目
----以上命令基於在每個步驟不報錯的狀況下,順序執行後可打開項目
若是在安裝依賴包的過程當中報錯,執行如下命令
npm cache clean --force #npm install 報錯後執行該命令 npm install -g npm #npm i module_name -g 全局安裝
npm install -g cnpm --registry=https://registry.npm.taobao.org #使用淘寶鏡像
npm audit fix --force
npm run build
執行npm run build報錯,見步驟14,可正常解決。
從新執行npm run build ,並執行python manage.py runserver 0.0.0.0:8000 #運行django項目
附上幾張項目成功訪問的圖片: