使用Vue,Spring Boot,Flask,Django 完成Vue前後端分離開發(二)

weixin_34006468發表於2018-08-01
VueSpring BootFlaskDjango後端

使用Vue完成前後端分離開發（二）

Bravery never goes out of fashion.
勇敢永遠不過時。

前面簡單說了一下 Vue 專案的搭建和專案的大致頁面，這裡講一下 Django 環境的搭建，這裡用到的是 PyCharm

建立專案

這裡使用 venv 來建立一個獨立的python環境

檢視已經安裝的模組

這裡可以看到使用了 Django2.0.5

(neptune) ➜  neptune pip list
DEPRECATION: The default format will switch to columns in the future. You can use --format=(legacy|columns) (or define a format=(legacy|columns) in your pip.conf under the [list] section) to disable this warning.
Django (2.0.5)
pip (9.0.1)
pytz (2018.4)
setuptools (28.8.0)
You are using pip version 9.0.1, however version 10.0.1 is available.
You should consider upgrading via the 'pip install --upgrade pip' command.

安裝必要模組

  • mysqlclient
  • django-cors-headers

其中 mysqlclient 用來與資料庫進行互動, django-cors-headers 用來解決跨域請求問題

pip list 可以檢視當前環境中的模組

生成 requirements.txt

當我們處於團隊協作開發時，或者在多個電腦上開發時，可以生成 requirements.txt 來告訴其他開發者，這個專案需要什麼模組

pip freeze > requirements.txt

即可生成

當其他使用者clone下專案程式碼時，只需要 pip install -r requirements.txt 即可安裝相同的模組

修改資料庫

這裡使用的 MySQL 資料庫

預設配置使用的 sqlite3

[圖片上傳失敗...(image-d7cc2-1534407383500)]

這裡改為

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'neptune',
        'HOST': 'xxxx',
        'USER': 'xxxx',
        'PASSWORD': 'xxxx'
    }
}

執行專案

[圖片上傳失敗...(image-3dfaf2-1534407383500)]

建立表

在專案中

python manage.py migrate

即可建立表

當然這樣比較麻煩，PyCharm 提供了 Tools 來方便互動

[圖片上傳失敗...(image-967656-1534407383500)]

這樣只需在控制檯輸入 migrate 即可

[圖片上傳失敗...(image-39cbe4-1534407383500)]

參考

相關文章