电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

您的位置:首頁技術文章
文章詳情頁

Django vue前后端分離整合過程解析

瀏覽:105日期:2022-10-24 16:04:12

最近接到一個任務,就是用django后端,前段用vue,做一個普通的簡單系統,我就是一搞后端的,聽到vue也是比較震驚,之前壓根沒接觸過vue.

看了vue的一些文檔,還有一些項目,先說一下django與vue的完美結合吧!

首先是創建一個django項目

django-admin startproject mysite # 創建mysite項目django-admin startapp blog # 創建blog應用

一、接下來就是安裝關于vue 的東西了

1、首先安裝node.js,官網地址: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項目中創建vue項目

首先,進去django項目的項目目錄中,執行:

vue-init webpack firstvue## firstvue為前端項目的名稱,可自定義。創建的項目會跟django中的app一樣的目錄登記。類似一個前端app一樣。

mysite 文件夾 blog 文件夾 和 firstvue文件夾 要在同一目錄級別

在創建時,會彈出很多選擇項,根據自己需求自定義修改。也可以全部回車,使用默認的。這里我就直接全部回車。

三、編寫vue前端項目,直接編寫就是,調試則可以執行。也可先不編寫,跳過這一步

cd firstvue## 進入到上一部創建的firstvue項目中 cnpm install ## 安裝需要的依賴模塊 cnpm run dev ## 運行調式的服務,會啟動一個web服務,訪問localhost:8080 即可調式

四、vue項目寫完后,打包vue項目,然后修改django配置,將vue集成到django中

cnpm run build ## 打包vue項目,會將所有東西打包成一個dist文件夾

五、接下來就是配置django中的setting文件了:

Django vue前后端分離整合過程解析

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

Django vue前后端分離整合過程解析

七、啟動django服務,訪問localhost:8000 則可以出現vue的首頁。

Django vue前后端分離整合過程解析

python manage.py runserver

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: Vue
相關文章:
主站蜘蛛池模板: 不锈钢酒柜|恒温酒柜|酒柜定制|酒窖定制-上海啸瑞实业有限公司 | 杭州中央空调维修_冷却塔/新风机柜/热水器/锅炉除垢清洗_除垢剂_风机盘管_冷凝器清洗-杭州亿诺能源有限公司 | 纸布|钩编布|钩针布|纸草布-莱州佳源工艺纸布厂 | 超声波清洗机_大型超声波清洗机_工业超声波清洗设备-洁盟清洗设备 | 泰国试管婴儿_泰国第三代试管婴儿费用|成功率|医院—新生代海外医疗 | PCB接线端子_栅板式端子_线路板连接器_端子排生产厂家-置恒电气 喷码机,激光喷码打码机,鸡蛋打码机,手持打码机,自动喷码机,一物一码防伪溯源-恒欣瑞达有限公司 假肢-假肢价格-假肢厂家-河南假肢-郑州市力康假肢矫形器有限公司 | 砍排机-锯骨机-冻肉切丁机-熟肉切片机-预制菜生产线一站式服务厂商 - 广州市祥九瑞盈机械设备有限公司 | 刘秘书_你身边专业的工作范文写作小秘书 | 喷播机厂家_二手喷播机租赁_水泥浆洒布机-河南青山绿水机电设备有限公司 | 破碎机锤头_耐磨锤头_合金锤头-鼎成机械一站式耐磨铸件定制服务 微型驱动系统解决方案-深圳市兆威机电股份有限公司 | 酒瓶_酒杯_玻璃瓶生产厂家_徐州明政玻璃制品有限公司 | 无线联网门锁|校园联网门锁|学校智能门锁|公租房智能门锁|保障房管理系统-KEENZY中科易安 | 缠绕机|缠绕膜包装机|缠绕包装机-上海晏陵智能设备有限公司 | 四川成人高考_四川成考报名网 | 东莞注册公司-代办营业执照-东莞公司注册代理记账-极刻财税 | 胀套-锁紧盘-风电锁紧盘-蛇形联轴器「厂家」-瑞安市宝德隆机械配件有限公司 | 彭世修脚_修脚加盟_彭世修脚加盟_彭世足疗加盟_足疗加盟连锁_彭世修脚技术培训_彭世足疗 | 挤出机_橡胶挤出机_塑料挤出机_胶片冷却机-河北伟源橡塑设备有限公司 | 筛分机|振动筛分机|气流筛分机|筛分机厂家-新乡市大汉振动机械有限公司 | 金属抛光机-磁悬浮抛光机-磁力研磨机-磁力清洗机 - 苏州冠古科技 | LED灯杆屏_LED广告机_户外LED广告机_智慧灯杆_智慧路灯-太龙智显科技(深圳)有限公司 | UV固化机_UVLED光固化机_UV干燥机生产厂家-上海冠顶公司专业生产UV固化机设备 | 澳门精准正版免费大全,2025新澳门全年免费,新澳天天开奖免费资料大全最新,新澳2025今晚开奖资料,新澳马今天最快最新图库-首页-东莞市傲马网络科技有限公司 | 室内室外厚型|超薄型|非膨胀型钢结构防火涂料_隧道专用防火涂料厂家|电话|价格|批发|施工 | arch电源_SINPRO_开关电源_模块电源_医疗电源-东佑源 | EPDM密封胶条-EPDM密封垫片-EPDM生产厂家| 南汇8424西瓜_南汇玉菇甜瓜-南汇水蜜桃价格 | 屏蔽泵厂家,化工屏蔽泵_维修-淄博泵业| 噪声治理公司-噪音治理专业隔音降噪公司 | 光伏家 - 太阳能光伏发电_分布式光伏发电_太阳能光伏网 | YT保温材料_YT无机保温砂浆_外墙保温材料_南阳银通节能建材高新技术开发有限公司 | 阜阳在线-阜阳综合门户 | 商标转让-商标注册-商标查询-软著专利服务平台 - 赣江万网 | 闸阀_截止阀_止回阀「生产厂家」-上海卡比阀门有限公司 | 湖南教师资格网-湖南教师资格证考试网 | 博医通医疗器械互联网供应链服务平台_博医通 | 工业设计,人工智能,体验式3D展示的智能技术交流服务平台-纳金网 J.S.Bach 圣巴赫_高端背景音乐系统_官网 | 青岛侦探_青岛侦探事务所_青岛劝退小三_青岛婚外情取证-青岛王军侦探事务所 | 回转支承-转盘轴承-回转驱动生产厂家-洛阳隆达轴承有限公司 | 博博会2021_中国博物馆及相关产品与技术博览会【博博会】 | 烽火安全网_加密软件、神盾软件官网 |