4 資料庫配置

# 專案依賴的資料庫，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
        -需要改原始碼，兩個地方     

1.註釋掉（其實就是判斷版本）：

2.替換decode為encode即可

5 User表配置（基於auth）

# 使用者要基於auth的user表，必須在資料庫遷移命令之前操作好，後期如果再做，會出錯
    -把所有app下的遷移檔案，全刪除
    -admin，auth app下的遷移(migrations內除__init__)檔案刪除 from django.contrib import auth(定位進去刪除)
    -刪庫（資料一定要匯出來navicat），重新遷移  （自己嘗試一下）
    
# 繼承AbstractUser（擴充套件這個表），增加兩個欄位，telephone，icon（依附於pillow）
    class User(AbstractUser)
        telephone=...
        icom=models.ImageField(upload_to='icon',default='icon/default.png')
# 在setting中配置
    MEDIA_URL='/media/'
    MEDIA_ROOT=os.path.join(BASE_DIR,'media')  #現在的BASEDIR是luffyapi下的luffyapi
    AUTH_USER_MODEL='user.user'
# 路由，開啟media資料夾
from django.views import serve
                名字必須叫path
from django.conf import settings                        暴露檔案位置
re_path('media/(?P<path>.*)', serve,{'document_root':settings.MEDIA_ROOT}),
#media資料夾路徑打開了

6 路飛前臺搭建

#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專案流程（最新建立專案流程）

目錄介紹（單頁面開發）

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>