路飞项目--02

补充：axios封装

# 普通使用：安装  ，导入使用

const filmList=reactive({result:[]})
axios.get().then()
async function load(){
      let response=await axios.get('')
      filmList.result=response.data.results
}

# 封装示例：请求发出去之前和响应回来以后，请求头中会携带格式

import axios from "axios";
axios.defaults.baseURL = "http://127.0.0.1:8001/api/v1"
const request = axios.create({
    timeout: 5000,
    headers: {
        'Content-Type': "application/json; charset=utf-8"
    }
})

# 请求拦截器：每次发送请求，请求头都会带：Authorization

request.interceptors.request.use(config => {
    config.headers['Authorization'] = localStorage.getItem("token")
    return config
})

# 响应拦截器：

request.interceptors.response.use(
    response => {
        console.log("response ->" + response)
        let res = response.data // 真正响应头
        if (res.code === 100) { //自己定制的状态码
            return response.data
        } else {
            Element.Message.error('系统异常，请联系系统管理员')
            return Promise.reject(response.data.msg)
        }
    }
)

# 把对象导出:

export default request

# main.js 

import http from './lib/http'
Vue.prototype.$http = http

# 在某些组件中使用:

this.$http.get("/user/user/", {
        params: { // get请求参数
          username: this.searchForm.username,
          page: this.page,
          size: this.size
        }
      }).then(res => {
        this.tableData = res.results
        this.total = res.count
      })
    }

后端项目目录调整

# 目录调整成如下结构:

├── luffy_api
    ├── logs/                # 项目运行时/开发时日志目录 - 包
    ├── manage.py            # 脚本文件
    ├── luffy_api/          # 项目主应用，开发时的代码保存 - 包
        ├── apps/              # 开发者的代码保存目录，以模块[子应用]为目录保存 - 包
        ├── libs/              # 第三方类库的保存目录[第三方组件、模块] - 包
        ├── settings/          # 配置目录 - 包
            ├── dev.py       # 项目开发时的本地配置
            └── prod.py      # 项目上线时的运行配置
        ├── urls.py            # 总路由
        └── utils/             # 多个模块[子应用]的公共函数类库[自己开发的组件]
    └── scripts/               # 保存项目运营 开发时的脚本文件 - 文件夹

# 创建app：需要来到apps目录下--->以后创建的app，就在apps目录下了

        cd luffy_api/apps
        python ../../manage.py startapp user

# 注册app：在配置文件中注册app名字即可

         把配置文件放到了settings下，命名为 dev.py

         需要把 apps目录，在settings中加入环境变量：     

import sys
import os
sys.path.insert(0, str(BASE_DIR))
path = os.path.join(BASE_DIR, 'apps')
sys.path.insert(0, path)

# 修改其他代码：

# manage.py 内的代码：
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffy_api.settings.dev')
# 项目上线，使用wsig.py 跑，现在先改好【目前用不到】
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffy_api.settings.pro')
# asgi.py 也是关于项目上线，也改好【目前用不到】
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffy_api.settings.pro')

# 如果项目不能运行了：
    用命令运行看看：python manage.py runserver

    如果不能运行，就是有问题
    如果命令能运行，绿色箭头运行不了，删除，再重新建一个即可  

创建mysql用户

# 使用mysql：
    root账号和密码，万一泄露，整个数据库就不安全了
    创建个用户，这个用户只对当前项目和库有权限
# mysql 创建用户并授权---》5.7
    1.管理员连接数据库 : mysql -uroot -p

    2.创建数据库: create database luffy default charset=utf8;

    3.查看用户: select user,host from mysql.user;

    
4.创建用户，设置权限账号密码：
        grant 权限(create, update) on 库.表 to '账号'@'host' identified by '密码'
  配置任意ip都可以连入数据库的账户
        grant all privileges on luffy.* to 'luffy'@'%' identified by 'Luffy123?';
  由于数据库版本的问题，可能本地还连接不上，就给本地用户单独配置
        grant all privileges on luffy.* to 'luffy'@'localhost' identified by 'Luffy123?';    
   刷新权限 : flush privileges;

 如果加root用户允许远程链接:
    grant all privileges on *.* to 'root'@'%' identified by '1234';

5.使用新创建的用户，登录mysql:   mysql -uluffy -p---Luffy123？

用户表创建

# 扩写 auth的user表:

# setting/dev.py 配置用户表
AUTH_USER_MODEL = '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包的支持 pip install pillow
    icon = models.ImageField(upload_to='icons', default='icons/default.png')

    class Meta:
        db_table = 'luffy_user'  # 修改表名，无论哪个app里都是luffy_user
        verbose_name = '用户表'
        verbose_name_plural = verbose_name  # 在后台管理显示的表名

    def __str__(self):
        return self.username

# 迁移：一定不要忘了注册app    有可能会找不到manage.py 快捷工具
python manage.py makemigrations
python manage.py migrate

# 配置使用mysql数据库:

   直接使用mysqlclient，就不需要任何操作  pip install mysqlclient

    也可以使用pymysql，但是需要打补丁

# 保护用户名密码   os.environ,机器系统的环境变量
# 如果取不到，使用默认值
user = os.environ.get('MS_USER','luffy')
pwd = os.environ.get('MS_PWD','Luffy123?')
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'luffy',
        'USER': user,
        'PASSWORD': pwd,
        'HOST': 'localhost',
        'PORT': 3306
    }
}

导包爆红问题

#  导入路径：

已经把三个目录加入到环境变量---项目根路径，小luffy_api，apps

from luffy_api.apps.user.models import User
from apps.user.models import User
from user.models import User  #这样写没问题，但是pycharm提示错误

# 解决Pycharm 导包爆红问题：
    在文件夹上点右键，做成 source root
 # 总结
      如果在app内部，就用相对导入
      如果在app外部，就从apps路径导起---最短路径

封装logger

#  setting/dev.py  日志的配置
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': {
        # 打印在控制台上，用的simple
        'console': {
            # 实际开发建议使用WARNING
            'level': 'DEBUG',  # 日志级别
            'filters': ['require_debug_true'],
            'class': 'logging.StreamHandler',
            'formatter': 'simple'
        },
        # 打印在文件中，用的verbose
        'file': {
            # 实际开发建议使用ERROR
            'level': 'ERROR',
            '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,  # 是否让日志信息继续冒泡给其他的日志处理系统
        },
    }
}

# utils/common_logger.py
import logging
logger = logging.getLogger('django')    

# 以后再用的位置：
from utils.common_logger import logger
class TestLoggerView(APIView):
    def get(self, request):
        logger.info("info级别")
        logger.error('error级别')
        return Response('测试日志')

封装全局异常处理

# utills/common_exceptions.py
from rest_framework.views import exception_handler as drf_exception_handler
from rest_framework.response import Response
from .common_logger import logger


def exception_handler(exc, context):
    # 只要执行到这，一定意味着程序出了异常，记录日志
    resquest = context.get('request')
    user = resquest.user.id or '未登录用户'
    path = resquest.get_full_path()
    view = str(context.get('view'))
    ip = resquest.META.get('REMOTE_ADDR')
    error = str(exc)
    logger.error('用户：[%s],访问路径：[%s],视图类是：[%s],客户端地址：[%s],出错了，错误信息是：[%s]' % (user, path, view, ip, error))  # 尽量详细

    res = drf_exception_handler(exc, context)
    # 后续咱们可以更新细粒度的区分异常：  887   886  833 分别代表什么
    if res:  # drf 异常
        detail = res.data.get('detail') or res.data or '系统异常，请稍后再试'
        return Response({'code': 999, 'msg': detail})
    else:  # 非drf异常
        return Response({'code': 888, 'msg': '系统异常：%s' % str(exc)})

# setting/dev.py   全局异常处理
REST_FRAMEWORK = {
    'EXCEPTION_HANDLER': 'utills.common_exceptions.exception_handler',
}

总配置文件dev.py

from pathlib import Path
import os
import sys

# BASE_DIR已经不是项目根路径了--->项目路径下的luffy_api
BASE_DIR = Path(__file__).resolve().parent.parent

# 把小luffy_api目录加入环境变量
sys.path.insert(0, str(BASE_DIR))

# 把apps目录加入环境变量
path = os.path.join(BASE_DIR, 'apps')
sys.path.insert(0, path)

SECRET_KEY = 'django-insecure-ulid+q0&6jc&*+hdz*)ruv_j4$a3_mhz3635qpq8)2_1)3au(t'

DEBUG = True

ALLOWED_HOSTS = []

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'rest_framework',
    'user',
    'home',
]

MIDDLEWARE = [
    'django.middleware.security.SecurityMiddleware',
    'django.contrib.sessions.middleware.SessionMiddleware',
    'django.middleware.common.CommonMiddleware',
    'django.middleware.csrf.CsrfViewMiddleware',
    'django.contrib.auth.middleware.AuthenticationMiddleware',
    'django.contrib.messages.middleware.MessageMiddleware',
    'django.middleware.clickjacking.XFrameOptionsMiddleware',
]

ROOT_URLCONF = 'luffy_api.urls'

TEMPLATES = [
    {
        'BACKEND': 'django.template.backends.django.DjangoTemplates',
        'DIRS': [BASE_DIR / 'templates']
        ,
        'APP_DIRS': True,
        'OPTIONS': {
            'context_processors': [
                'django.template.context_processors.debug',
                'django.template.context_processors.request',
                'django.contrib.auth.context_processors.auth',
                'django.contrib.messages.context_processors.messages',
            ],
        },
    },
]

WSGI_APPLICATION = 'luffy_api.wsgi.application'

# 保护用户名密码
user = os.environ.get('MS_USER', 'luffy')
pwd = os.environ.get('MS_PWD', 'Luffy123?')
DATABASES = {
    'default': {
        'ENGINE': 'django.db.backends.mysql',
        'NAME': 'luffy',
        'USER': user,
        'PASSWORD': pwd,
        'HOST': 'localhost',
        'PORT': 3306,
    }
}

AUTH_PASSWORD_VALIDATORS = [
    {
        'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
    },
    {
        'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
    },
]

LANGUAGE_CODE = 'en-us'

TIME_ZONE = 'UTC'

USE_I18N = True

USE_L10N = True

USE_TZ = True

STATIC_URL = '/static/'

DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

# 配置用户表
AUTH_USER_MODEL = 'user.User'

# 日志的配置
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': {
        # 打印在控制台上，用的simple
        'console': {
            # 实际开发建议使用WARNING
            'level': 'DEBUG',  # 日志级别
            'filters': ['require_debug_true'],
            'class': 'logging.StreamHandler',
            'formatter': 'simple'
        },
        # 打印在文件中，用的verbose
        'file': {
            # 实际开发建议使用ERROR
            'level': 'ERROR',
            '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,  # 是否让日志信息继续冒泡给其他的日志处理系统
        },
    }
}


# 全局异常处理
REST_FRAMEWORK = {
    'EXCEPTION_HANDLER': 'utills.common_exceptions.exception_handler',
}

今日思维导图：