luffy项目(二)

今日内容概要

• 关于环境变量的问题
• 路飞后台配置之封装logger
• 路飞后台配置之封装全局异常
• 路飞后台配置之二次封装response
• 路飞数据库配置
• User模块User表配置，开放media访问
• 路飞前端项目创建和配置

今日内容详细

关于环境变量的问题

1. 相对导入和绝对导入
    相对导入必须从环境变量下开始导sys.path
        如果报包找不到的错，确认环境变量

    绝对导入，以当前文件为基准导入
        它不能以脚本形式运行，只能当包用

2. 导入包，pycharm提示错误，不一定真的有错，只要在环境变量中，就没有问题
    想让pycharm不报错，把你加入到环境变量的路径，设为source root

路飞后台配置之封装logger

# 每个项目都需要记录日志
    后期可以通过日志排查问题，分析错误
    分析用户行为

# 之前学过logging模块，django就是基于原生的logging模块

# 在项目中集成日志，如何做：
1. 复制代码，放到配置文件中
# 日志相关配置
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,  # 是否让日志信息继续冒泡给其他的日志处理系统
        },
    }
}
2. 在logs中新建luffy.log txt文件记录日志

3. 在utils中新建common_logger.py
import logging
# 通过配置问中的名字拿到logger对象，以后只需要导入，直接使用对象写日志即可
logger=logging.getLogger('django')
4. 在想用的地方，导入（注意路径），直接使用logger.info....

路飞后台配置之封装全局异常

drf处理了全局异常，只需要写个函数，配置在配置文件中，出了异常，这个函数就会执行

# 写一个函数，封装全局异常作用：
1. 统一返回格式
2. 记录日志：出了异常，程序有问题，后期排查问题

# 使用步骤
1. 在utils中新建一个exceptions.py
from rest_framework.views import exception_handler as drf_exception_handler
from rest_framework.response import Response
from utils.common_logger import logger


def exception_handler(exc, context):
    # 程序出了异常，会走到这,我们都要记录日志
    # 请求地址，请求方式，请求时间，请求哪个视图函数，如果登录了，记录一下用户id
    request = context.get('request')
    try:
        user_id = request.user.pk
        if not user_id:
            user_id = '匿名用户'
    except:
        user_id = '匿名用户'
    view = context.get('view')
    logger.error('用户：【%s】，使用：【%s】 请求，请求：【%s】 地址，视图函数是：【%s】，出错了，错误是：【%s】' % (
        user_id, request.method, request.get_full_path(), str(view), str(exc)
    ))
    # 第一步：执行一下原来的异常处理:它只处理drf的异常，django的异常没有处理
    # res如果有值是Response的对象，说明是drf的异常
    # res如果是None，说明是django的异常
    res = drf_exception_handler(exc, context)
    # 在这里，可以通过状态码，把异常分的更细一些：比如有数据的异常，除以0的异常，列表越界异常。。。。
    if res:
        # drf异常
        # res=Response(data={'code':999,'msg':'服务器出错，请联系系统管理员'})
        res = Response(data={'code': 999, 'msg': res.data.get('detail', '服务器出错，请联系系统管理员')})
    else:
        # django的异常，状态码是888，错误信息是  exc异常对象转成字符串
        res = Response(data={'code': 888, 'msg': str(exc)})
    return res

2. 在配置文件中配置
REST_FRAMEWORK = {
    # 以后，只要出异常，就会执行exception_handler
    'EXCEPTION_HANDLER': 'utils.exceptions.exception_handler',
}

路飞后台配置之二次封装response

# drf提供的Response对象，不能很方便的加入code和msg字段，自己封装一个Response类，以后都用我们自己封装的，方便咱们写code和msg

# 封装步骤：
1. 在utils中新建一个response.py
from rest_framework.response import Response

class APIResponse(Response):
    def __init__(self, code=100, msg='成功', status=None, headers=None, **kwargs):
        data = {'code': code, 'msg': msg}
        if kwargs:
            data.update(kwargs)
        super().__init__(data=data, status=status, headers=headers)
2. 以后再视图类中，导入使用即可
    return APIResponse(token='asfdasfd')
    return APIResponse(token='asfdasfd',status=201,code=101)

路飞数据库配置

# 数据库使用mysql，配置mysql
# 之前使用root用户作为项目的数据库用户，权限太高了，一般公司里，给项目单独建立一个用户，这个用户只对当前库有权限

# 在mysql中创建一个用户luffy_api，给用户授予luffy库的所有权限
1. 连接mysql，创建一个luffy库
    命令行创建
    navicate客户端创建
2. 查看有哪些用户
    select user,host from mysql.user;
3. 创建一个luffy_api用户(之前有个root用户，权限很高)
    # 授权账号命令：grant 权限(create, update) on 库.表 to '账号'@'host' identified by '密码'
     # 把luffy库下所有表的权限都授予luffy_api这个用户，允许远程链接
    grant all privileges on luffy.* to 'luffy_api'@'%' identified by 'Luffy123?';
    # 把luffy库下所有表的权限都授予luffy_api这个用户，允许本地链接
    grant all privileges on luffy.* to 'luffy_api'@'localhost' identified by 'Luffy123?';
4. 以luffy_api用户登录，查看，只能看到luffy库

# 在项目中配置好使用mysql数据
1 在配置中：
    DATABASES = {
        'default': {
            'ENGINE': 'django.db.backends.mysql',
            'NAME': 'luffy',
            'USER': user,
            'PASSWORD': password,
            'HOST': '127.0.0.1',
            'PORT': 3306
        }
    }

2 运行项目会报错，django默认使用mysqlDB操作mysql，mysqlDB这个模块，在python2可以的，在python3中不支持，于是咱们使用pymysql替换，到了django2.0.7以后，如果使用pymysql替换，需要改django的源代码，后期使用mysqlclient，替换pymysql，mysqlclient是mysqlDB的python3.x版本
-如果使用pymysql，需要改源码，需要执行
import pymysql
    pymysql.install_as_MySQLdb() # 猴子补丁，把里面所有mysqlDB的对象，都替换成pymysql
-猴子补丁是：在程序运行过程中得动态替换技术:https://www.liuqingzheng.top/python/Python%E5%B9%B6%E5%8F%91%E7%BC%96%E7%A8%8B/24-%E5%8D%8F%E7%A8%8B%E4%B9%8Bgevent%E6%A8%A1%E5%9D%97/
-以后在django中不使用pymysql了，使用mysqlclient，不需要再执行任何补丁了
-win，linux，mac，这个模块不太好装，看人品，有时候很顺利，有时候装不上

3 只需要装 mysqlclient，一切都解决了

# 目前咱们配置文件中，直接写死了mysql的用户名和密码
-可能存在的风险---》如果我的源代码泄露了---》数据库用户名密码就泄露---》黑客可以远程登录---》脱库

# 补充：
mysql的utf8编码和utf8mb4的区别？
-utf8：一个字符，占两个字节（byte--->1个byte是8个比特位  10101010）
-utf8mb4：一个字符，占4个字节，表情符号
-咱们学的utf-8：可变长可以1---4字节表示一个字符

User模块User表配置，开放media访问

# 配置好mysql了，咱们项目的用户表是，会用Auth的User表，扩写字段

# 使用步骤
-1 创一个用户app：python ../../manage.py startapp user
-2 user 的app的models.py中扩写用户表
    class UserInfo(AbstractUser):
        mobile = models.CharField(max_length=11, unique=True)
        # 需要pillow包的支持 ImageField继承了 FileField只存储图片
        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
-3 配置文件配置，注册app，安装pillow模块
    # 用户表的配置
    AUTH_USER_MODEL='user.UserInfo'
-4 两条命令迁移

开放media访问

# 步骤
1 在配置文件中配置
    MEDIA_URL = '/media/'
    MEDIA_ROOT = os.path.join(BASE_DIR, 'media')
2 新建media文件夹，icon文件夹，放一张图片进去
3 路由中加入：
    path('media/<path:path>', serve, kwargs={'document_root': settings.MEDIA_ROOT}),

路飞前端项目创建和配置

# 1 创建项目
# 2 删除一些不用的
-App.vue中只保留
<template>
<div id="app">
<router-view/>
</div>
</template>
# 3 HomeView.vue
<template>
<div class="home">
<h1>首页</h1>
</div>
</template>
<script>
export default {
    name: 'HomeView',
}
</script>
# 4 router/index.js
const routes = [
    {
        path: '/',
        name: 'home',
        component: HomeView
    },
]

安装axios

# 1 安装
cnpm install axios

# 2 配置 main.js中
import axios from 'axios'
Vue.prototype.$axios=axios

# 3 以后再任意组件中使用
this.$axios.get()

安装elementui

# vue2 使用elementui
-安装：cnpm i element-ui -S

-配置：main.js中
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

-使用：在任意组件中复制粘贴（template，script，style）

#vue3 使用 element-plus

安装bootstrap，jquery

# 咱的项目没使用，但是引入，以后可以用
# bootstrap基于jquery

# 使用步骤：
1 安装
cnpm install jquery -S
cnpm install bootstrap@3 -S

2 配置：main.js
import 'bootstrap'
import 'bootstrap/dist/css/bootstrap.min.css'

3 vue.config.js配置
const webpack = require("webpack");
module.exports = {
    configureWebpack: {
        plugins: [
            new webpack.ProvidePlugin({
                $: "jquery",
                jQuery: "jquery",
                "window.jQuery": "jquery",
                "window.$": "jquery",
                Popper: ["popper.js", "default"]
            })
        ]
    }
};

安装vue-cookies

# 1 安装
cnpm install vue-cookies -S
# 2 配置：main.js中
import cookies from 'vue-cookies'
Vue.prototype.$cookies=cookies
# 3 使用：任意组件中
this.$cookies.set()

拓展

mysql 使用localhost连接和使用ip地址链接有什么区别？

1. localhost、IP

• localhost
  localhost 代表了本主机，通过使用localhost可以访问自己主机的网络服务，http://localhost，将会显示运行这个浏览器的计算机上所服务的网站的主页。使用localhost的时候，使用的是回环网络接口，这会绕过本地网络接口硬件，独立于任何网络配置（不受网络防火墙和网卡相关的的限制）
  windows 将 localhost 解析为 127.0.0.1（IPv4）、 ::1（IPv6）
• localhost 与 127.0.0.1 的区别

localhost    正确的解释是  本地服务器
127.0.0.1    正确的解释是  本机地址(本机服务器)

localhot     不经网卡传输，它不受网络防火墙和网卡相关的的限制。
127.0.0.1    通过网卡传输，依赖网卡，并受到网络防火墙和网卡相关的限制

• IP
  IP地址是由网络地址与主机地址两部分所组成

网络地址

网络地址可用来识别设备所在的网络，网络地址位于IP地址的前段。当组织或企业申请IP地址时，所获得的并非IP地址，而是取得一个唯一的、能够识别的网络地址。
同一网络上的所有设备，都有相同的网络地址。IP路由的功能是根据IP地址中的网络地址，决定要将IP信息包送至所指明的那个网络。

主机地址

主机地址位于IP地址的后段，可用来识别网络上设备。同一网络上的设备都会有相同的网络地址，而各设备之间则是以主机地址来区别。

2. 本地连接与IP连接

MySQL有两种连接方式，一种是网络监听TCP/IP端口的模式，还有一种是socket模式。

• socket模式
  在Linux下，socket是一种特殊的文件，也叫做套接字，是应用层与TCP/IP协议族通信的中间软件抽象层。虽然性能会比较好，但是这种socket模式仅限本机使用，其他机器无法通过网络链接连接到socket文件
• TCP/IP端口模式
  这个就是为了让远程的应用连接到MySQL数据库的服务。
  在MySQL配置中mysqld节中，可以设置绑定的对应的IP和端口，需要重启服务

如果有使用-h指定主机的都是使用远程登录的方式，如果没有就是使用socket的方式

1. mysql -h 127.0.0.1 的时候，使用TCP/IP连接, mysql server 认为该连接来自于127.0.0.1或者是 localhost.localdomain
2. mysql -h localhost 的时候，是不使用TCP/IP连接的，而使用 Unix socket。此时，mysqlserver则认为该 client 是来自 localhost
3. mysql权限管理中的"localhost"有特定含义:
   注意:虽然两者连接方式有区别，但当localhost为默认的127.0.0.1时，两种连接方式使用的权限记录都是以下的1.row的记录(因为记录在前，先被匹配)

mysql utf8和utf8mb4有什么区别?

对于这两种编码，区别在于：
    MySQL在5.5.3版本以后增加了utf8mb4编码，其中mb4是most bytes 4的含义，用来兼容四个字节的Unicode（万国码）。utf8mb4是utf8的一个扩展。

通常，计算机在存储字符时，会根据不同类型的字符以及编码方式分配存储空间。例如以下几种编码方式：
①ASCII编码中，一个英文字母（不分大小写）占用一个字节的空间，一个中文汉字占用两个字节的空间。一个二进制的数字序列，在计算机中作为一个数字单元存储时，一般为8位二进制数，换算为十进制。最小值0，最大值255。
②UTF-8编码中，一个英文字符占用一个字节的存储空间，一个中文（含繁体）占用三个字节的存储空间。
③Unicode编码中，一个英文占用两个字节的存储空间，一个中文（含繁体）占用两个字节的存储空间。
④UTF-16编码中，一个英文字母字符或一个汉字字符存储都需要占用2个字节的存储空间（Unicode扩展区的一些汉字存储需要4个字节）。
⑤UTF-32编码中，世界上任何字符的存储都需要占用4个字节的存储空间。

既然utf8能兼容绝大部分的字符，为什么要扩展utf8mb4？
    随着互联网的发展，产生了许多新类型的字符，例如emoji这种类型的符号，也就是我们通常在聊天时发的小黄脸表情，这种字符的出现不在基本多平面的Unicode字符之中，导致无法在MySQL中使用utf8存储，MySQL于是对utf8字符进行了扩展，增加了utf8mb4这个编码。
所以，设计数据库时如果想要允许用户使用特殊符号，最好使用utf8mb4编码来存储，使得数据库有更好的兼容性，但是这样设计会导致耗费更多的存储空间。