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>
```
原文地址:https://www.cnblogs.com/0B0S/p/13618026.html