补充: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 -p2.创建数据库: 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', }