python django vue_vue结合django全过程

本文详细介绍了如何将Python的Django框架与前端Vue.js进行整合,包括创建Django app、初始化Vue项目、配置URL、模板路径、解决跨域问题、使用Django REST framework实现数据交互等关键步骤,帮助读者理解并实践前后端分离的开发模式。
摘要由CSDN通过智能技术生成

怎么说,网上找的例子真的不是一般的坑,根本就是少了很多流程让人故意看不懂

第一步,创建好我们的app

django-admin startproject weeklyapp 这是创建我们的整个系统app

第二步,进入我们的app,weeklyapp

cdweeklyapp

python manage.py startapp weeklypython

第三步,创建我们的vue,这个你可以另外前端去写,因为前后端完全分离

vue-init webpack weeklyvue

cdweeklyvue

npm install

npm run build #这样会生成dist文件

第四步,就是vue和django的结合

from django.contrib import admin

from django.views.generic.base import TemplateView #一定要记得去引入,很多坑就在这里

from django.conf.urls import include, url

urlpatterns = [

url(r‘^admin/‘, admin.site.urls),

url(r‘^user/‘, include(‘weeklypython.urls‘, namespace=‘user‘)),

url(r‘‘,TemplateView.as_view(template_name=‘index.html‘)), #这个是直接访问到我们的vue项目的首页

]

第五步,配置模板搜索路径

TEMPLATES = [

{

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值