0 .环境变量补充
1 相对导入和绝对导入
-相对导入必须从环境变量下开始导 sys.path
-如果报包找不到的错,确认环境变量
-绝对导入,以当前文件为基准导入
-它不能以脚本形式运行,只能当包用
2 导入包,pycharm提示错误,不一定真的有错,只要再环境变量中,就没有问题
-想让pycharm不报错,把你加入到环境变量的路径,设为source root
1 路飞后台配置之封装logger
每个项目,都需要记录日志
-后期可以通过日志排查问题,分析错误
-分析用户行为。。。
真实项目上线后,日志文件打印级别不能过低,因为一次日志记录就是一次文件io操作
在项目中集成日志
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': {
'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, # 是否让日志信息继续冒泡给其他的日志处理系统
},
}
}
utils/logging.py
2 路飞后台配置之封装全局异常
drf,处理了全局异常,只需要写个函数,配置在配置文件中,出了异常,这个函数就会执行
写一个函数,封装全局异常
-1 统一返回格式
-2 记录日志:出了异常,程序有问题,后期排查问题
** 新建一个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
dev.py
# 在配置文件中配置
REST_FRAMEWORK = {
# 以后,只要出异常,就会执行exception_handler
'EXCEPTION_HANDLER': 'utils.exceptions.exception_handler',
}
3 路飞后台配置之二次封装response
drf提供的Response对象,不能很方便的加入code和msg字段,自己封装一个Response类,以后都用我们自己封装的,方便咱们写code和msg
在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)
4 路飞数据库配置
-
数据库使用mysql,配置mysql
-
之前使用root用户作为项目的数据库用户,权限太高了,一般公司里,给项目单独建立一个用户,这个用户只对当前库有权限
-
在mysql中创建一个用户luffy_api,给用户授予luffy库的所有权限
- 1 链接mysql,创建一个luffy库
-命令行创建
-navicate客户端创建 - 2 查看有哪些用户
select user,host from mysql.user; - 3 创建一个luffy_api用户(之前有个root用户,权限很高)
- 1 链接mysql,创建一个luffy库
-
授权账号命令: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?’; -
以luffy_api用户登录,查看,只能看到luffy库
在项目中配置好使用mysql数据
-
1 在配置中:
user = os.environ.get(‘USER’, ‘luffy_api’)
password = os.environ.get(‘PWD’, ‘Luffy123?’)
DATABASES = {
‘default’: {
# ‘ENGINE’: ‘django.db.backends.sqlite3’,
# ‘NAME’: BASE_DIR / ‘db.sqlite3’,
‘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字节表示一个字符
5 User模块User表配置,开放media访问
- 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 两条命令迁移
- python manage.py makemigrations
- python manage.py makemigrations
5.1 开放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}),
6 路飞前台项目创建和配置
- 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
},
]
6.2 安装axios
-
1 安装
cnpm install axios -
2 配置 main.js中
import axios from ‘axios’
Vue.prototype.$axios=axios -
3 以后再任意组件中使用
this.$axios.get()
6.3 使用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
6.4 vue-cookies
- 1 安装
cnpm install vue-cookies -S - 2 配置:main.js中
import cookies from ‘vue-cookies’
Vue.prototype.$cookies=cookies - 3 使用:任意组件中
this.$cookies.set()
6.5 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({
: " j q u e r y " , j Q u e r y : " j q u e r y " , " w i n d o w . j Q u e r y " : " j q u e r y " , " w i n d o w . : "jquery", jQuery: "jquery", "window.jQuery": "jquery", "window. :"jquery",jQuery:"jquery","window.jQuery":"jquery","window.": “jquery”,
Popper: [“popper.js”, “default”]
})
]
}
};