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/