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

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

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

瀏覽:107日期: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
相關文章:
主站蜘蛛池模板: 污水处理设备维修_污水处理工程改造_机械格栅_过滤设备_气浮设备_刮吸泥机_污泥浓缩罐_污水处理设备_污水处理工程-北京龙泉新禹科技有限公司 | 校园文化空间设计-数字化|中医文化空间设计-党建|法治廉政主题文化空间施工-山东锐尚文化传播公司 | 便携式表面粗糙度仪-彩屏硬度计-分体式粗糙度仪-北京凯达科仪科技有限公司 | 茶叶百科网-茶叶知识与茶文化探讨分享平台 | 青岛球场围网,青岛车间隔离网,青岛机器人围栏,青岛水源地围网,青岛围网,青岛隔离栅-青岛晟腾金属制品有限公司 | 理化生实验室设备,吊装实验室设备,顶装实验室设备,实验室成套设备厂家,校园功能室设备,智慧书法教室方案 - 东莞市惠森教学设备有限公司 | 南京泽朗生物科技有限公司-液体饮料代加工_果汁饮料代加工_固体饮料代加工 | 辐射仪|辐射检测仪|辐射巡测仪|个人剂量报警仪|表面污染检测仪|辐射报警仪|辐射防护网 | 电动车头盔厂家_赠品头盔_安全帽批发_山东摩托车头盔—临沂承福头盔 | 洛阳网站建设_洛阳网站优化_网站建设平台_洛阳香河网络科技有限公司 | 焊接烟尘净化器__焊烟除尘设备_打磨工作台_喷漆废气治理设备 -催化燃烧设备 _天津路博蓝天环保科技有限公司 | 建筑资质代办-建筑企业资质代办机构-建筑资质代办公司 | 液压扳手-高品质液压扳手供应商 - 液压扳手, 液压扳手供应商, 德国进口液压拉马 | 山东太阳能路灯厂家-庭院灯生产厂家-济南晟启灯饰有限公司 | 合肥防火门窗/隔断_合肥防火卷帘门厂家_安徽耐火窗_良万消防设备有限公司 | 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 - 杭州标识标牌|文化墙|展厅|导视|户内外广告|发光字|灯箱|铭阳制作公司 | 蒜肠网-动漫,二次元,COSPLAY,漫展以及收藏型模型,手办,玩具的新媒体.(原变形金刚变迷TF圈) | 浙江筋膜枪-按摩仪厂家-制造商-肩颈按摩仪哪家好-温州市合喜电子科技有限公司 | 自恢复保险丝_贴片保险丝_力特保险丝_Littelfuse_可恢复保险丝供应商-秦晋电子 | 动物解剖台-成蚊接触筒-标本工具箱-负压实验台-北京哲成科技有限公司 | 哈希PC1R1A,哈希CA9300,哈希SC4500-上海鑫嵩实业有限公司 | 浙江富广阀门有限公司 | 防爆型气象站_农业气象站_校园气象站_农业四情监测系统「山东万象环境科技有限公司」 | 精密五金冲压件_深圳五金冲压厂_钣金加工厂_五金模具加工-诚瑞丰科技股份有限公司 | 挤出机_橡胶挤出机_塑料挤出机_胶片冷却机-河北伟源橡塑设备有限公司 | 铁素体测量仪/检测仪/铁素体含量测试仪-苏州圣光仪器有限公司 | 机械加工_绞车配件_立式离心机_减速机-洛阳三永机械厂 | 自动部分收集器,进口无油隔膜真空泵,SPME固相微萃取头-上海楚定分析仪器有限公司 | 山东臭氧发生器,臭氧发生器厂家-山东瑞华环保设备 | 细沙回收机-尾矿干排脱水筛设备-泥石分离机-建筑垃圾分拣机厂家-青州冠诚重工机械有限公司 | 电销卡 防封电销卡 不封号电销卡 电话销售卡 白名单电销卡 电销系统 外呼系统 | 合同书格式和范文_合同书样本模板_电子版合同,找范文吧 | 打造全球沸石生态圈 - 国投盛世| 直流电能表-充电桩电能表-导轨式电能表-智能电能表-浙江科为电气有限公司 | 广东西屋电气有限公司-广东西屋电气有限公司 | 工业铝型材-铝合金电机壳-铝排-气动执行器-山东永恒能源集团有限公司 | 3A别墅漆/3A环保漆_广东美涂士建材股份有限公司【官网】 | SRRC认证_电磁兼容_EMC测试整改_FCC认证_SDOC认证-深圳市环测威检测技术有限公司 | 长春网站建设,五合一网站设计制作,免费优化推广-长春网站建设 | 合肥宠物店装修_合肥宠物美容院装修_合肥宠物医院设计装修公司-安徽盛世和居装饰 | 警用|治安|保安|不锈钢岗亭-售货亭价格-垃圾分类亭-移动厕所厂家-苏州灿宇建材 |