pip换源、虚拟环境搭建、

## 1 pip换源

```python
1 pip3 install pymysql   国外很慢
2 pip3 install pymysql -i  地址
3 配置，以后pip3 install全走配好的源
   -来到C:UsersoldboyAppDataRoaming      %APPDATA% 
    -创建一个pip文件夹
    -新建一个文件pip.ini
    -写入
        [global]
        index-url = http://pypi.douban.com/simple
        [install]
        use-mirrors =true
        mirrors =http://pypi.douban.com/simple/
        trusted-host =pypi.douban.com
```


## 2 虚拟环境搭建

```python
1 不同的项目依赖不同的模块版本，不能共用一套环境，虚拟环境
2 在系统的python环境中安装
   -下载
   pip3 install virtualenv
    pip3 install virtualenvwrapper-win
   -修改环境变量
       WORKON_HOME: D:Virtualenvs
    -python安装路径，scripts文件下执行virtualenvwrapper.bat
3 使用：
   -workon  #列出有的虚拟环境（aaa）
    -workon aaa  #使用这个虚拟环境 
    -mkvirtualenv -p python3 luffy # 创建虚拟环境
    -rmvirtualenv 虚拟环境名字 # 删除虚拟环境
4 安装django环境
   pip install django==2.2.2
5 基于虚拟环境创建项目（不要再pycharm中选择虚拟环境了）
```



## 3 后台创建，配置修改，目录变更

```python
# 在控制台直接指向项目 python manage.py runserver ---》manage.py的内容要改
  os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')
# 项目上线，走的不是manage.py---》uwsgi.py,需要修改
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')

# 国际化

# 创建app：startapp在哪执行，就把app创建在哪

   python ../../manage.py startapp home
# 注册app
   -


```


## 4 数据库配置

```python
# 项目依赖的数据库，luffyapi
   -create database luffyapi;
# 创建数据库用户，并且授予luffyapi这个库的权限
   -grant all privileges on luffyapi.* to 'luffyapi'@'%' identified by 'Luffy123?';
    -grant all privileges on luffyapi.* to 'luffyapi'@'localhost' identified by 'Luffy123?';
    -flush privileges;
    
# 项目连接
   -setting中配置
       DATABASES = {
            'default': {
                'ENGINE': 'django.db.backends.mysql',
                'NAME': 'luffyapi',
                'USER':'luffyapi',
                'PASSWORD':'Luffy123?',
                'HOST':'127.0.0.1',
                'PORT':3306

            }
        }
        import pymysql
      pymysql.install_as_MySQLdb()
     -用pymysql连接数据库
       -django超过：2.0.7
        -需要改源码，两个地方

```


## 5 User表配置

```python
# 用户要基于auth的user表，必须在数据库迁移命令之前操作好，后期如果再做，会出错
   -把所有app下的迁移文件，全删除
    -admin，auth app下的迁移文件删除
    -删库（数据一定要导出来），重新迁移  （自己尝试一下）
    
# 继承AbstractUser，增加两个字段，telephone，icon（依附于pillow）
# 在setting中配置
    MEDIA_URL='/media/'
    MEDIA_ROOT=os.path.join(BASE_DIR,'media')  #现在的BASEDIR是luffyapi下的luffyapi
    AUTH_USER_MODEL='user.user'
# 路由，打开media文件夹
re_path('media/(?P<path>.*)', serve,{'document_root':settings.MEDIA_ROOT}),

```

## 6 前台搭建

```python
#1 安装node，官网下载，一路下一步
    node -v
    v10.16.3
#2 安装模块
   npm install 模块名 #npm比较慢，用淘宝的cnpm来替换npm
#3 npm install -g cnpm --registry=https://registry.npm.taobao.org   

#4 创建vue的工程（需要一个vue脚手架）
   cnpm install -g @vue/cli
    
#5 如果出问题执行如下，重新走3,4
   npm cache clean --force
    
#5 命令行下敲
   vue 就会有提示
# 6 创建vue项目
vue create luffycity
选Manually


#7 用pycharm打开
   在terminal下敲：npm run serve
#8 配置pycharm
   
```

![1594885972907](assets/1594885972907.png)

![1594886030468](assets/1594886030468.png)

![1594886054361](assets/1594886054361.png)

![1594886643419](assets/1594886643419.png)

## 目录介绍

```python
public
    -favicon.ico   # 
    -index.html    #整个项目的单页面
src
    -assets  #静态文件，js，css，img
    -components # 小组件，头部组件，尾部组件
    -router     # 路由相关
    -store      # vuex相关，状态管理器，临时存储数据的地方
    -views      # 页面组件
    -App.vue    # 根组件
    -main.js    # 配置文件（跟django的setting一样）
    
    
    
#任何一个组件都有三部分
   <template>
       #html相关
   </template>
    <style>
      # css相关
   </style>

    <script>
      # js相关
    </script>
```