Django vue在騰訊雲上搭建前後端分離專案

2022-05-31 16:39:11 字數 2542 閱讀 9962

最近打算用django+vue搭建乙個個人主站,在此記錄一下搭建專案的整個過程。

一 開發環境:

python                3.7

django                2.1.7

vue.js                  2.9.6

mysql                  5.7

二 建立django專案:

1.在指定路徑來建立django專案:

命令:django-admin startproject website

這樣django專案就建立成功了,當然,還有好多配置沒有配,不急,等我們把vue前端專案也建立完成後一起配 

三 建立vue前端專案

下面來建立乙個前端專案:

1.在使用vue時需要先安裝node.js:

命令:wget

解壓:命令:tar zxvf node-v8.5.0-linux-x64.tar.gz

配置node環境變數(將這兩行加到 /etc/profile中):

命令:vim /etc/profile

path=$path:/usr/local/node-v9.3.0

export path

過載使該檔案生效:

命令:source /etc/profile

2. 建立vue專案:

cd到django專案根目錄下:

命令:vue-init webpack myvue 

建立專案時會有許多選項,一路回車+ 「y」即可。

3.安裝依賴包:

cd到vue前端專案myvue中:

安裝依賴包:npm install

4.打包vue專案(將所有東西打包成乙個dist資料夾,以後的static和templates都在這裡邊):

在myvue中執行命令: 

cnpm run build

這樣前端vue專案建立完成:

四 整合django和vue

前後端專案都建立完成後我們來進行整合:

在django專案根目錄下,有乙個和專案同名的資料夾website,這個資料夾中有乙個settings.py,是用來配置整個django專案的。

2. 更改資料庫,django專案預設使用自帶的sqllit3資料庫,這裡我們要換成mysql,同樣也是在settings.py中操作:

因為我們用的是python3,python3提供操作mysql的庫是pymysql,但是django預設的是mtsqldb,所以如果只在settings中更改資料庫,到時候專案會報錯.

還要改這裡:在和django專案同名的資料夾下有乙個__init__.py,在這個檔案中加上這麼兩句:

import pymysql  

pymysql.install_as_mysqldb()

就ok了:

3.更改模板templates位置: 在紅框位置天前端專案的dist資料夾路徑          

4. 更改static靜態檔案路徑: 在settings中新增這個:指向靜態檔案static資料夾

5. 配置urls:

在django專案同名資料夾下有乙個urls.py  這裡邊是整個django專案的路由設定。

還記得在前端vue專案的dist資料夾下有乙個index.html 嗎?這個html就是vue專案的主介面,

現在我們在urls中新增這麼一句: path('', templateview.as_view(template_name="index.html")),

這表示當我們啟動專案後在ip+埠後什麼都不寫時,就會跳轉到這個vue主介面中來:

到這裡,利用django+vue搭建個人站點的專案建立過程就結束了。

關於phpmailer在騰訊雲上傳送郵件報錯的問題

看了網上很多說什麼 fsockopen 和pfsockopen 經常被伺服器端關閉 嘗試了解決方案都不行。最後看到phpmailer需php的socket擴充套件支援,而phpmailer鏈結qq網域名稱郵箱時需要ssl加密方式,而我正好用的是qq郵箱,固還需要開啟openssl擴充套件。開啟擴充套...

在騰訊雲伺服器上安裝Mysql

1.第一步,安裝前,我們可以檢測系統是否自帶安裝 mysql 命令rpm qa grep mysql 3.第三步,安裝mysql源 命令sudo rpm ivh mysql community release el7 5.noarch.rpm 5.第四步,安裝mysql 命令sudo yum ins...

在騰訊雲上安裝mysql遇到的問題

解除安裝mysql 1 sudo apt get autoremove purge mysql server 5.5 5.5 是資料庫版本,mysql v 顯示版本資訊 2 sudo apt get remove mysql server 3 sudo apt get autoremove mysq...