mysql数据库配置2.2以上报错修改 （auth模块使用）（vuecli创建等vue目录作用）

1. 数据库配置
2. User表配置（基于auth）
3. 路飞前台搭建（vue ）
4. vue目录介绍（单页面开发）

 

 数据库配置

cmd打开数据库进行数据操作
# 项目依赖的数据库，luffyapi
    -create database luffyapi;
#查看数据库全部用户
    -select user,host from mysql.user;
# 创建数据库用户，并且授予luffyapi这个库的权限
    #配置任意ip都可以连入数据库的账户（远程连接）
    -grant all privileges on luffyapi.* to 'luffyapi'@'%' identified by 'Luffy123?';
    #支持本地权限连接（可能版本原因有些还是须再次配置此权限进行授予本地连接权限）
    -grant all privileges on luffyapi.* to 'luffyapi'@'localhost' identified by 'Luffy123?';
    #权限刷新
    -flush privileges;
 #配置后数据库的账户
    账户：luffyapi
    密码：Luffy123?
# 项目连接（项目中）
    -setting中配置
        DATABASES = {
            'default': {
                'ENGINE': 'django.db.backends.mysql',
                'NAME': 'luffyapi',   数据库名（day88）
                'USER':'luffyapi',    用户名
                'PASSWORD':'Luffy123?', 密码
                'HOST':'127.0.0.1',    ip
                'PORT':3306           端口
​
            }
        }
        import pymysql           （一般在__init__但是配置在配置文件中也可以只要运行到这即可）
        pymysql.install_as_MySQLdb()
     -用pymysql连接数据库
        -django超过：2.0.7
        -需要改源码，两个地方        

链接mysql参数（在这个__init__里）

　　

 

 

报错：解决方式

1.注释掉（其实就是判断版本）：

 

 

2.替换decode为encode即可

 

 

 

 

5 User表配置（基于auth）https://www.cnblogs.com/ouyangjintao/p/14965330.html

# 用户要基于auth的扩展字段user表，必须在数据库迁移命令之前操作好，后期如果再做，会出错
    -把所有app下的迁移文件，全删除
    -admin，auth app下的迁移(migrations内除__init__)文件删除 from django.contrib import auth(定位进去删除)
    -删库（数据一定要导出来navicat），重新迁移  （自己尝试一下）
    
# 继承AbstractUser（扩展这个表），增加两个字段，telephone，icon（依附于pillow）　　　　　　记得迁移数据

from django.contrib.auth.models import User,AbstractUser
    class User(AbstractUser)
        telephone=...
        icon=models.ImageField(upload_to='icon',default='icon/default.png')
# 在setting中配置
    MEDIA_URL='/media/'
    MEDIA_ROOT=os.path.join(BASE_DIR,'media')  #现在的BASEDIR是luffyapi下的luffyapi
　　　　　　　　　　　　app名|类名小写
    AUTH_USER_MODEL='user.user'   
# 路由，打开media文件夹　　　　　　(是一个开放的试图函数)
from django.views.static import serve
                名字必须叫path
from django.conf import settings                        暴露文件位置
re_path('media/(?P<path>.*)', serve,{'document_root':settings.MEDIA_ROOT}),
#media文件夹路径打开了

 

 

6 路飞前台搭建（vue   https://www.cnblogs.com/ouyangjintao/p/14965403.html）

#1 安装node，官网下载，一路下一步
    node -v
    v10.16.3
#2 安装模块
    npm install 模块名 #npm比较慢，用淘宝的cnpm来替换npm
#3 npm install -g cnpm --registry=https://registry.npm.taobao.org   
​
#4 创建vue的工程（需要一个vue脚手架）
    cnpm install -g @vue/cli
    
#5 如果出问题执行如下，重新走3,4
    npm cache clean --force
    
#5 命令行下敲
    vue 就会有提示
# 6 创建vue项目
vue create luffycity
选Manually
​
​
#7 用pycharm打开
    在terminal下敲：npm run serve
#8 配置pycharm

#6.创建vue项目流程（最新创建项目流程）

 是否保存下一次预设  no

 

 

 

vue目录介绍（单页面开发）

public
    -favicon.ico   # 小图标
    -index.html    #整个项目的单页面
src
    -assets  #静态文件，js，css，img
    -components # 小组件，头部组件，尾部组件
    -router     # 路由相关
    -store      # vuex相关，状态管理器，临时存储数据的地方
    -views      # 页面组件
    -App.vue    # 根组件
    -main.js    # 配置文件（跟django的setting一样）
    
    
    
#任何一个组件都有三部分
    <template>
        #html相关
    </template>
    <style>
        # css相关
    </style>
​
    <script>
        # js相关
    </script>