161-路飞02前后端配置&user表&日志&跨域问题解决

昨日回顾

1 软件开发规范
2 pip换源
	1、文件管理器文件路径地址栏敲：%APPDATA% 回车，快速进入 C:\Users\电脑用户\AppData\Roaming 文件夹中
    2、新建 pip 文件夹并在文件夹中新建 pip.ini 配置文件
    3、新增 pip.ini 配置文件内容 
3 虚拟环境（以后再写新项目，直接用虚拟环境，尽量一个项目一个虚拟环境）
	1 配置
    	-windows下
            -pip3 install virtualenv   # 虚拟环境模块
            -pip3 install virtualenvwrapper-win # workon命令，会产生一个可执行文件virtualenvwrapper.bat
            -环境变量：WORKON_HOME: D:\Virtualenvs
         -Linux,mac
        	-pip3 install virtualenv   # 虚拟环境模块
            -pip3 install virtualenvwrapper   # virtualenvwrapper.sh
			# 在 ~/.bash_profile 完成配置，virtualenvwrapper的默认默认存放虚拟环境路径是 ~/.virtualenvs
            # WORKON_HOME=自定义存放虚拟环境的绝对路径，需要自定义就解注
            VIRTUALENVWRAPPER_PYTHON=/usr/local/bin/python3
            source /usr/local/bin/virtualenvwrapper.sh
            # 在终端让配置生效：
            source ~/.bash_profile
    2 命令
    mkvirtualenv -p python3.6 虚拟环境名称
    
4 路飞后台
	-django-admin命令创建项目
    -目录调整
    luffyapi
        -manage.py   # 脚本文件（数据迁移，测试运行...）
        -scripts     # 测试脚本
        -logs
    	-luffyapi
            -urls.py  # 总路由，setting中配置
            -settings
                -dev.py # 开发阶段用的配置文件
                -pro.py # 上线阶段用的配置文件
            -libs      # 第三方的库
            -utils      # 自己写的公共方法
            -wsgi.py    # 上线阶段的启动文件
            -apps       # 所有的app
                -user   # user app
                -course
                -home
    -调整完能运行
    	-django启动是依据settings.py启动，配置文件路径配置正确
        -wsgi.py 后期上线要改
        -把项目根路径加入环境变量（导入模块，基于小luffyapi文件加导入）
        -把apps文件夹加入到环境变量（再配置文件中，注册app时候，直接写名字即可）
        -pycharm中导入报错（实质没错），把加入环境变量的文件加作为了source root
5 数据库配置
	-创建数据库用户，授予luffy这个库的所有权限，创建luffy用户，密码是Luffy123?
     grant all privileges on luffy.* to 'luffy'@'%' identified by 'Luffy123?';
     grant all privileges on luffy.* to 'luffy'@'localhost' identified by 'Luffy123?';
     flush privileges;  #修改落到硬盘上了，把权限，用户更新到内存
        
        
     -再django配置文件中
        import os
	    user=os.environ.get('db_user','root')
        password=os.environ.get('db_password','123')
    	DATABASES = {
            'default': {
                'ENGINE': 'django.db.backends.mysql',
                'NAME': 'luffy', # 库名
                'USER': user, # 用户名
                'PASSWORD': password, 
                'HOST': 'localhost',
                'PORT': 3306
                }
            }
        import pymysql
        pymysql.install_as_MySQLdb()
	-使用环境变量配置数据库的用户名和密码
    	import os
		user=os.environ.get('db_user')
        password=os.environ.get('db_password')
        
6 前端创建项目
	-vue create luffycity
    -配置运行
	

今日内容

0 路飞前台配置

1 node_models 文件夹内放了一堆当前项目的依赖（删掉：传git，给别人）
2 如果项目中没有这个文件夹
	cnpm install （pip3 istall -r requements.txt）
3 目录介绍
	luffycity  # 项目
    	-node_modules  # 项目依赖，可以删除 执行npm install 会安装
        -public
            -index.html  # 项目整个index.html  单要么开发
            -favicon.ico  # favicon图标
        -src
            main.js     # 整个项目的入口js文件（django的setting.py）
            components  # 组件
            views       # 页面组件
            assets      # 静态资源，图片...
            store       # vuex:状态管理器的相关配置和使用，cookie，localstorage，sessionstorage（https://www.cnblogs.com/pengc/p/8714475.html）
            router      # 路由相关：不同组件之间跳转
            App.vue     # 根组件（<div id='box'></div>）

        babel.config.js
        package.json      # 相当于咱么的requements.txt,项目依赖，配置。。。不能删
        package-lock.json  # 
        .gitignore
        .editorconfig
        README.md

router的使用

1 再要跳转的位置加（等同于原来的a标签）
   <router-link to="/">首页</router-link> |
2 roueter文件夹 index.js

前台配置

0 全局样式，配置文件
安装需要的包
1 axios
2 vue-cookies
3 elementui

1 User表配置

user/models.py

from django.db import models
from django.contrib.auth.models import AbstractUser
class User(AbstractUser):
    mobile = models.CharField(max_length=11, unique=True)
    # 需要pillow包的支持
    icon = models.ImageField(upload_to='icon', default='icon/default.png')

    class Meta:
        db_table = 'luffy_user'
        verbose_name = '用户表'
        verbose_name_plural = verbose_name

    def __str__(self):
        return self.username

dev.py

INSTALLED_APPS = [
    # ...
    'user',
]

# 自定义User表
AUTH_USER_MODEL = 'user.User'

2 封装全局response对象和全局异常

1 原来使用
    def get_logger(name):
        '''log日志
        '''
        logging.config.dictConfig(setting.LOGGING_DIC)  # 导入上面定义的logging配置
        logger = logging.getLogger(name)  # 生成一个log实例
        return logger

2 djaong中更实用
    import logging
    logger = logging.getLogger('django')

3 配置日志

dev.py

# 真实项目上线后，日志文件打印级别不能过低，因为一次日志记录就是一次文件io操作
LOGGING = {
    'version': 1,
    'disable_existing_loggers': False,
    'formatters': {
        'verbose': {
            'format': '%(levelname)s %(asctime)s %(module)s %(lineno)d %(message)s'
        },
        'simple': {
            'format': '%(levelname)s %(module)s %(lineno)d %(message)s'
        },
    },
    'filters': {
        'require_debug_true': {
            '()': 'django.utils.log.RequireDebugTrue',
        },
    },
    'handlers': {
        'console': {
            # 实际开发建议使用WARNING
            'level': 'DEBUG',
            'filters': ['require_debug_true'],
            'class': 'logging.StreamHandler',
            'formatter': 'simple'
        },
        'file': {
            # 实际开发建议使用ERROR
            'level': 'INFO',
            'class': 'logging.handlers.RotatingFileHandler',
            # 日志位置,日志文件名,日志保存目录必须手动创建，注：这里的文件路径要注意BASE_DIR代表的是小luffyapi
            'filename': os.path.join(os.path.dirname(BASE_DIR), "logs", "luffy.log"),
            # 日志文件的最大值,这里我们设置300M
            'maxBytes': 300 * 1024 * 1024,
            # 日志文件的数量,设置最大日志数量为10
            'backupCount': 10,
            # 日志格式:详细格式
            'formatter': 'verbose',
            # 文件内容编码
            'encoding': 'utf-8'
        },
    },
    # 日志对象
    'loggers': {
        'django': {
            'handlers': ['console', 'file'],
            'propagate': True, # 是否让日志信息继续冒泡给其他的日志处理系统
        },
    }
}

4 跨域问题及解决

1 同源策略:浏览器的安全策略，不允许向不同的域发送请求获取数据
    http://127.0.0.1:8080/
    http://127.0.0.1:8000/
    这俩不是同一个域（地址，端口不一样，就不是一个域），发送请求，能发出去，数据也回来了
    但是被浏览器的同源策略阻止了
2 前后端分离后，会存在跨域
	-前端项目和后端项目跑在不同的端口上
3 解决跨域问题
	-第一种：前端解决（通过代理解决）
    -第二种：自己解决（自己写代码解决）
	-第三种：借助第三方模块（pip install django-cors-headers）
    	-下载
        -app中注册：corsheaders
        -配置中间件：
        	'corsheaders.middleware.CorsMiddleware',
        -修改配置文件
        	CORS_ALLOW_CREDENTIALS = True
            CORS_ORIGIN_ALLOW_ALL = True
            CORS_ORIGIN_WHITELIST = (
                'http://127.0.0.1:8080',
            )
            CORS_ALLOW_METHODS = (
                'DELETE',
                'GET',
                'OPTIONS',
                'PATCH',
                'POST',
                'PUT',
                'VIEW',
            )

            CORS_ALLOW_HEADERS = (
                'XMLHttpRequest',
                'X_FILENAME',
                'accept-encoding',
                'authorization',
                'content-type',
                'dnt',
                'origin',
                'user-agent',
                'x-csrftoken',
                'x-requested-with',
                'Pragma',
            )
    

5 前后端打通

mounted() {
  // this.$axios.get('http://127.0.0.1:8000/user/test/')
  this.$axios.get(this.$settings.base_url+'/user/test/').then(res=>{
      console.log(res.data)
  })
},

拓展

1 Python 获取环境变量的几种方式(django项目中配置文件，数据库用户和密码通过环境变量获取)
2 cookie，localstorage，sessionstorage区别（https://www.cnblogs.com/pengc/p/8714475.html）
3 pyechars的使用（研究一下）
4 2.2.2需要改源码的原因，你使用了pymysql来操作mysql数据库
	-如果使用mysqlclient操做mysql，就不需要改源码了，并且
    import pymysql
	pymysql.install_as_MySQLdb()
    -mysqlclient安装麻烦，解决起来：http://liuqingzheng.top/python/%E5%85%B6%E4%BB%96/01-%E5%90%84%E4%B8%BB%E6%B5%81Linux%E7%B3%BB%E7%BB%9F%E8%A7%A3%E5%86%B3pip%E5%AE%89%E8%A3%85mysqlclient%E6%8A%A5%E9%94%99/