django與vue的完美結(jié)合_實現(xiàn)前后端的分離開發(fā)之后在整合的方法
最近接到一個任務(wù),就是用django后端,前段用vue,做一個普通的簡單系統(tǒng),我就是一搞后端的,聽到vue也是比較震驚,之前壓根沒接觸過vue.
看了vue的一些文檔,還有一些項目,先說一下django與vue的完美結(jié)合吧!
首先是創(chuàng)建一個django項目
django-admin startproject mysite # 創(chuàng)建mysite項目 django-admin startapp blog # 創(chuàng)建blog應(yīng)用
一、接下來就是安裝關(guān)于vue 的東西了
1、首先安裝node.js,官網(wǎng)地址:https://nodejs.org/zh-cn/download/
2、使用npm淘寶鏡像,避免npm下載速度過慢的問題 npm install -g cnpm --registry=https://registry.npm.taobao.org
3、使用cnpm 下載vue-cli cnmp install -g cue-cli
二、在django項目中創(chuàng)建vue項目
首先,進去django項目的項目目錄中,執(zhí)行:
vue-init webpack firstvue## firstvue為前端項目的名稱,可自定義。創(chuàng)建的項目會跟django中的app一樣的目錄登記。類似一個前端app一樣。
mysite 文件夾 blog 文件夾 和 firstvue文件夾 要在同一目錄級別
在創(chuàng)建時,會彈出很多選擇項,根據(jù)自己需求自定義修改。也可以全部回車,使用默認的。這里我就直接全部回車。
三、編寫vue前端項目,直接編寫就是,調(diào)試則可以執(zhí)行。也可先不編寫,跳過這一步
cd firstvue## 進入到上一部創(chuàng)建的firstvue項目中 cnpm install ## 安裝需要的依賴模塊 cnpm run dev ## 運行調(diào)式的服務(wù),會啟動一個web服務(wù),訪問localhost:8080 即可調(diào)式
四、vue項目寫完后,打包vue項目,然后修改django配置,將vue集成到django中
cnpm run build ## 打包vue項目,會將所有東西打包成一個dist文件夾
五、接下來就是配置django中的setting文件了:

六、修改django的主目錄的urls文件:

七、啟動django服務(wù),訪問localhost:8000 則可以出現(xiàn)vue的首頁。
python manage.py runserver

以上這篇django與vue的完美結(jié)合_實現(xiàn)前后端的分離開發(fā)之后在整合的方法就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
python 使用poster模塊進行http方式的文件傳輸?shù)椒?wù)器的方法
今天小編就為大家分享一篇python 使用poster模塊進行http方式的文件傳輸?shù)椒?wù)器的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-01-01
淺談keras的深度模型訓(xùn)練過程及結(jié)果記錄方式
今天小編就為大家分享一篇淺談keras的深度模型訓(xùn)練過程及結(jié)果記錄方式,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2020-01-01

