02-Vue - 项目搭建

• 1启动虚拟环境

source ~/.bashrc
workon  得到虚拟环境
workon VueShop

• 进入虚拟交互模式后 pip list 是安装所有的mac下vue django的对应的版本

(VueShop) ➜  ~ 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.
certifi (2017.11.5)
chardet (3.0.4)
coreapi (2.3.3)
coreschema (0.0.4)
diff-match-patch (20121119)
Django (1.11.7)
django-crispy-forms (1.7.0)
django-filter (1.1.0)
django-formtools (2.1)
django-guardian (1.4.9)
django-import-export (0.6.1)
django-reversion (2.0.11)
djangorestframework (3.7.7)
et-xmlfile (1.0.1)
future (0.15.2)
httplib2 (0.9.2)
idna (2.6)
itypes (1.1.0)
jdcal (1.3)
Jinja2 (2.10)
Markdown (2.6.10)
MarkupSafe (1.0)
mysqlclient (1.3.12)
odfpy (1.3.6)
olefile (0.44)
openpyxl (2.4.9)
Pillow (4.3.0)
pip (9.0.1)
pytz (2017.3)
PyYAML (3.12)
requests (2.18.4)
setuptools (38.2.5)
six (1.10.0)
tablib (0.12.1)
unicodecsv (0.14.1)
uritemplate (3.0.0)
urllib3 (1.22)
wheel (0.30.0)
xlrd (1.1.0)
XlsxWriter (1.0.2)
xlwt (1.3.0)
(VueShop) ➜  ~ 

• 一 创建虚拟环境和安装

The following packages are optional:
*   [coreapi](http://pypi.python.org/pypi/coreapi/) (1.32.0+) - Schema generation support.
*   [Markdown](http://pypi.python.org/pypi/Markdown/) (2.1.0+) - Markdown support for the browsable API.
*   [django-filter](http://pypi.python.org/pypi/django-filter) (1.0.1+) - Filtering support.
*   [django-crispy-forms](https://github.com/maraujop/django-crispy-forms) - Improved HTML display for filtering.
*   [django-guardian](https://github.com/django-guardian/django-guardian) (1.1.1+) - Object level permissions support.

一 :创建虚拟环境VueShop  
1 : 创建虚拟环境  mkvirtualenv VueShop    
2:  安装djangorestframework (VueShop) ➜  ~ pip install djangorestframework
3 : 安装Djanjo   (VueShop) ➜  ~ pip install -i https://pypi.douban.com/simple django
4 : 安装 markdown    pip install markdown
5 : 安装django-filter   pip install django-filter
6 : 安装django-guardian
7 : 安装coreapi

• 二:创建项目配置

  • 1 : 打开项目
  • 2 : 选择Djanjo
  • 3 : 命名项目名称 MxShop
  • 4 : 选择更多 找到之前创建的虚拟环境VueShop
  • 5 : 取消admin选项框
  • 6: 创建项目
  • 7 : 创建好项目后,Run也许会报错 在urlpatterns
    配置说admin找不到,不要慌,由于我们在创建项目的时候取消了admin的创建 在报错的地方给注释掉就可以了

• 三: 配置mysql

在setting中写入
下面的配置要和mysql配置一致
DATABASES = {
'default': {
# 'ENGINE': 'django.db.backends.sqlite3',
# 'NAME': os.path.join(BASE_DIR, 'db.sqlite3'),
'ENGINE': 'django.db.backends.mysql',
'NAME': 'mxshop',
'USER': 'root',
'PASSWORD': 'root',
'HOST': '127.0.0.1',
'OPTIONS': {'init_command': 'SET storage_engine=INNODB;' }
}
}

• 四 配置url

from django.conf.urls import url
import xadmin
urlpatterns = [
    url(r'^xadmin/', xadmin.site.urls),
]

• 五 配置数据库

  • 1 : 在navicat premium创建数据连接本地myq 在myq中创建mxshop数据库

  • 2 : 如果这个时候运行会报错 如下: [www.lfd.uci.edu/~gohlke/pythonlibs/](http://www.lfd.uci.edu/~gohlke/pythonlibs/)
    上面是window安装容易出错的包解决方案
    django.core.exceptions.ImproperlyConfigured: Error loading MySQLdb module. Did you install mysqlclient?
    要安装mysqlclient,打开命令,在(VueShop)虚拟环境中先执行以下 ln -s /usr/local/mysql/bin/mysql_config /usr/local/bin/mysql_config (目的是将mysql_config链接到/usr/local/bin目录下)
    然后 pip install -i https://pypi.douban.com/simple mysqlclient 即mysqlclient安装成功

  • 3 : 在启动后发现django数据库配置抛出异常
    **django.db.utils.OperationalError:** (**1193**, **"Unknown system variable 'storage_engine'"**)
    django连接数据库时,配置
    "OPTIONS"**:**{"init_command"**:**"SET storage_engine=INNODB;"}
    如果mysql数据库的版本是5.6,这句话会抛出如下异常
    **django.db.utils.**OperationalError**:** (1193, "Unknown system variable 'storage_engine'")
    解决办法
    "OPTIONS"**:**{"init_command"**:**"SET default_storage_engine=INNODB;"}

  • 4: 安装pillow(图片处理)
    pip install -i https://pypi.douban.com/simple pillow

• 六 整理项目结构

  • 1 : 创建package -> apps 保存所有的app
  • 2 : 创建package -> extra_apps 第三方的包(xadmin....) 放在这里的好处是可以修改源码,不会到虚拟环境中,可以随项目一起打包
  • 3 : 创建文件夹Directory media 上传的图片等资源
  • 4 : 创建文件夹Directory db_tools python文件 和python脚本 数据库的初始化
  • 5 : 把apps和extra_apps mark 成sources root 在import会带来一些便捷
  • 6 : 在setting中把apps和extra_apps 加入根搜索路劲下

import os
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'))

• 七 : 创建项目App
  • 1:startapp goods 商品
  • 2:startapp trade 交易
  • 3:startapp user_operation 用户操作 留言 收藏等