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)文章
您可以在幾分鐘內(nèi)編寫一段 Python腳本和讓桌面擁有令人難以置信的相當(dāng)漂亮的 GUI應(yīng)用程序。這篇文章向您展示如何使用一 Python-著稱的 GUI 庫wxPython，來做到這一點的。向您的朋友和鄰居介紹！2008-10-10
這篇文章主要介紹了python基礎(chǔ)教程之縮進介紹,本文以if語句為例講解python中的縮進,需要的朋友可以參考下2014-08-08
Monkey測試是Android平臺自動化測試的一種手段，通過Monkey程序模擬用戶觸摸屏幕、滑動Trackball、按鍵等操作來對設(shè)備上的程序進行壓力測試，檢測程序多久的時間會發(fā)生異常2016-12-12
Python是一種非常動態(tài)的語言，函數(shù)定義中完全沒有類型約束。下面這篇文章主要給大家詳細介紹了Python中類型檢查的相關(guān)資料，需要的朋友可以參考借鑒，下面來一起看看吧。2017-02-02
pandas中DataFrame提供了一個靈活高效的groupby功能,它使你能以一種自然的方式對數(shù)據(jù)集進行切片、切塊、摘要等操作,下面這篇文章主要給大家介紹了關(guān)于Python?groupby函數(shù)詳解的相關(guān)資料,需要的朋友可以參考下2022-07-07
Python tkinter實現(xiàn)桌面軟件流程詳解
這篇文章主要介紹了Python tkinter做一個好用的桌面軟件，100%你會愛上它，文中的示例代碼講解詳細，快跟小編一起動手試一試吧2022-10-10
在本篇文章里小編給大家整理了關(guān)于python中count函數(shù)簡單的實例講解，有興趣的朋友們可以參考下。2020-02-02
這篇文章主要來和大家分享一個Python提高運維效率的腳本，文中的示例代碼講解詳細，具有一定的學(xué)習(xí)價值，感興趣的小伙伴可以參考下2023-05-05
Python 利用pandas和mysql-connector獲取Excel數(shù)據(jù)寫入到MySQL數(shù)據(jù)庫
在實際應(yīng)用中,我們可能需要將Excel表格中的數(shù)據(jù)導(dǎo)入到MySQL數(shù)據(jù)庫中,以便于進行進一步的數(shù)據(jù)分析和處理,本文將介紹如何使用Python將Excel表格中的數(shù)據(jù)插入到MySQL數(shù)據(jù)庫中,需要的朋友可以參考下2023-10-10
這篇文章主要介紹了Django解決frame拒絕問題的方法，文中通過示例代碼介紹的非常詳細，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-12-12