1. 程式人生 > 實用技巧 >路飛學城專案前後端初步搭建

路飛學城專案前後端初步搭建

1 pip換源

1 pip3 install pymysql   國外很慢
2 pip3 install pymysql -i  地址
3 配置,以後pip3 install全走配好的源
	-來到C:\Users\oldboy\AppData\Roaming      %APPDATA% 
    -建立一個pip資料夾
    -新建一個檔案pip.ini
    -寫入
        [global]
        index-url = http://pypi.douban.com/simple
        [install]
        use-mirrors =true
        mirrors =http://pypi.douban.com/simple/
        trusted-host =pypi.douban.com

2 虛擬環境搭建

1 不同的專案依賴不同的模組版本,不能共用一套環境,虛擬環境
2 在系統的python環境中安裝
	-下載
	pip3 install virtualenv
    pip3 install virtualenvwrapper-win
	-修改環境變數
    	WORKON_HOME: D:\Virtualenvs
    -python安裝路徑,scripts檔案下執行virtualenvwrapper.bat
3 使用:
	-workon  #列出有的虛擬環境(aaa)
    -workon aaa  #使用這個虛擬環境 
    -mkvirtualenv -p python3 luffy # 建立虛擬環境
    -rmvirtualenv 虛擬環境名字 # 刪除虛擬環境
4 安裝django環境
	pip install django==2.2.2
5 基於虛擬環境建立專案(不要再pycharm中選擇虛擬環境了)

3 路飛後臺建立,配置修改,目錄變更

# 在控制檯直接指向專案 python manage.py runserver ---》manage.py的內容要改
  os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')
# 專案上線,走的不是manage.py---》uwsgi.py,需要修改
os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'luffyapi.settings.dev')

# 國際化

# 建立app:startapp在哪執行,就把app建立在哪

	python ../../manage.py startapp home
# 註冊app
	-


4 資料庫配置

# 專案依賴的資料庫,luffyapi
	-create database luffyapi;
# 建立資料庫使用者,並且授予luffyapi這個庫的許可權
	-grant all privileges on luffyapi.* to 'luffyapi'@'%' identified by 'Luffy123?';
    -grant all privileges on luffyapi.* to 'luffyapi'@'localhost' identified by 'Luffy123?';
    -flush privileges;
    
# 專案連線
	-setting中配置
    	DATABASES = {
            'default': {
                'ENGINE': 'django.db.backends.mysql',
                'NAME': 'luffyapi',
                'USER':'luffyapi',
                'PASSWORD':'Luffy123?',
                'HOST':'127.0.0.1',
                'PORT':3306

            }
        }
        import pymysql
		pymysql.install_as_MySQLdb()
     -用pymysql連線資料庫
    	-django超過:2.0.7
        -需要改原始碼,兩個地方

5 User表配置

# 使用者要基於auth的user表,必須在資料庫遷移命令之前操作好,後期如果再做,會出錯
	-把所有app下的遷移檔案,全刪除
    -admin,auth app下的遷移檔案刪除
    -刪庫(資料一定要匯出來),重新遷移  (自己嘗試一下)
    
# 繼承AbstractUser,增加兩個欄位,telephone,icon(依附於pillow)
# 在setting中配置
    MEDIA_URL='/media/'
    MEDIA_ROOT=os.path.join(BASE_DIR,'media')  #現在的BASEDIR是luffyapi下的luffyapi
    AUTH_USER_MODEL='user.user'
# 路由,開啟media資料夾
re_path('media/(?P<path>.*)', serve,{'document_root':settings.MEDIA_ROOT}),

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
	

目錄介紹

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>