Vue+Django REST framework 打造生鮮電商項目（學習筆記一）

1.環境搭建

所需軟件的版本：

1)pycharm（使用professional版本）

2)mysql、navicat

安裝好的mysql后需要給root權限，不然只能通過localhost訪問本地的mysql。

# root為用戶名，yxh1990為密碼
GRANT ALL PRIVILEGES ON *.* TO 'root'@'%' IDENTIFIED BY 'yxh1990' WITH GRANT OPTION;
FLUSH PRIVILEGES;

3)vitualenv和virtualenvwrapper

4)vue

 

虛擬環境的安裝與配置

虛擬環境最大的好處就是將每個環境互相隔離而互不影響

國內的pythoner強烈建議使用豆瓣的pypi源https://pypi.douban.com/simple/ 

1.安裝虛擬環境的安裝包

pip install virtualenv

新建虛擬環境scrapytest：virtualenv scrapytest

 

命令窗口進入Scripts目錄運行activate.bat，進入虛擬環境

 

 命令窗口進入Scripts目錄運行deactivate.bat，退出虛擬環境

 

 

使用虛擬環境管理包：virtualenvwrapper-win

1>安裝包：pip install virtualenvwrapper-win

2>創建虛擬環境：mkvirtual --python=python venv（注意--python=python中后一個python為你使用的python，如果使用的是python3此處替換為python3）

3>列出虛擬環境：workon

4>切換環境：workon [env]

5>退出環境：deactivate

6>刪除環境：rmvirtualenv venv

pip freeze #查看當前安裝庫版本
#創建 requirements.txt 文件，其中包含了當前環境中所有包及 各自的版本的簡單列表
#保持部署相同，一鍵安裝所有包
pip install -r requirements.txt
pip freeze > requirements.txt 
lsvirtualenv    #列舉所有的環境
cdvirtualenv    #導航到當前激活的虛擬環境的目錄中，相當於pushd 目錄
cdsitepackages   # 和上面的類似，直接進入到 site-packages 目錄
lssitepackages     #顯示 site-packages 目錄中的內容

目前新建的虛擬環境在用戶目錄下，如果想要放到別的目錄，則配置環境變量：WORKON_HOME=D:\Python\Envs

2.使用豆瓣源安裝django

pip install -i https://pypi.douban.com/simple/  django

3.安裝vue相關軟件

node.js

npm(cnpm)

 

2.model設計和資源導入

2-1.項目初始化

1.新建python虛擬環境

mkvirtualenv D:\Python\Python36\python.exe VueShop

2.安裝django和django rest framework

可以直接安裝django rest framework（官網：https://www.django-rest-framework.org/），會自動安裝django

# 安裝django
pip install django

# 安裝django rest framework
pip install djangorestframework

# Markdown support for the browsable API.
pip install markdown  

# Filtering support     
pip install django-filter  

 

3.使用PyCharm創建Django工程 

創建完成后，直接運行，會報錯，如下圖所示：（原因是創建的時候去掉了Enable Django admin，但是程序沒有將path('admin/', admin.site.urls)注釋）所以手動注釋即可，后面我們將使用xadmin創建后台系統。

 

 

 

 

 

 

4.修改數據庫配置setting.py

DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'shop',
        'USER': 'root',
        'PASSWORD': 'yxh1990',
        'HOST': '127.0.0.1',
        # 如果數據庫拋異常django.db.utils.OperationalError: (1193, "Unknown system variable 'storage_engine'")
        # 需要修改storage_engine為default_storage_engine
        'OPTIONS': {'init_command': 'SET default_storage_engine=INNODB;'},
    }
}

5.MySQL數據中新建shop數據庫

6.在python虛擬環境VueShop中安裝連接數據的驅動mysqlclient

pip install mysqlclient

7.在python虛擬環境VueShop中安裝另外的包pillow（圖片處理的包）

pip install pillow

8.

新建apps包和extra_apps包，將User整個文件夾移動到apps包中（后面所有app均放入此包）；

新建文件夾media和db_tools。

將apps和extra_apps文件夾Mark Directory As->Sources Root

修改setting.py文件

import sys

sys.path.insert(0, BASE_DIR)
sys.path.insert(0, os.path.join(BASE_DIR, 'apps'))
sys.path.insert(0, os.path.join(BASE_DIR, 'extra_apps'))

附：

1.https://www.lfd.uci.edu/~gohlke/pythonlibs/