django+vue

  1. diango 只能加载静态js,和flask一样

  2. 关于如何利用vue创建web,请查看flask + vue-CSDN博客

  3. 安装django

pip install django

  1. 创建新项目

django-admin startproject myproject

5.django 中可以包含多个app

5.1 创建一个app

cd myproject

python manage.py startapp myapp

5.2 在目录myapp下,创建目录templates

6.添加myapp到django中,修改settings.py

INSTALLED_APPS = [

...

'myapp',

...

]

7.在 myapp/urls.py中,添加如下内容

from . import views

urlpatterns = [

path('', views.index, name='index'),

]

8.在myapp/views.py中添加如下内容

def index(request):

return render(request, 'index.html')

  1. 在myproject/urls.py中,添加如下内容

from django.urls import include, path

urlpatterns = [

path('admin/', admin.site.urls),

path('', include('myapp.urls')),

]

  1. 在myproject目录下创建static目录

myproject/static

Note:static目录跟myap和子myproject目录同级

  1. 复制web/dist/js web/dist/css 目录到myproject/static中

  2. 复制web/dist/index.html web/dist/favicon.ico 到myapp/templates中

  3. 修改myapp/templates/index.html中的src的路径,在下边的路径前加'/static'

/js/chunk-vendors.b956e054.js

/js/app.34b81487.js

/css/app.2cf79ad6.css

修改后的值为

/static/js/chunk-vendors.b956e054.js

/static/js/app.34b81487.js

/static/css/app.2cf79ad6.css

  1. 执行django

python manage.py runserver

相关推荐
i220818 Faiz Ul15 分钟前
计算机毕业设计|基于springboot + vue鲜花商城系统(源码+数据库+文档)
数据库·vue.js·spring boot·后端·课程设计
哈里谢顿18 分钟前
Django 应用 OOM(Out of Memory)故障的定位思路和排查方法
python·django
甄心爱学习44 分钟前
【python】获取所有长度为 k 的二进制字符串
python·算法
tuotali20262 小时前
氢气压缩机技术规范亲测案例分享
人工智能·python
嫂子的姐夫2 小时前
030-扣代码:湖北图书馆登录
爬虫·python·逆向
a1117762 小时前
EasyVtuber(或其衍生/增强版本)的虚拟主播(Vtuber)面部动画生成与直播解决方案
python·虚拟主播
lintax2 小时前
计算pi值-积分法
python·算法·计算π·积分法
小凯123453 小时前
pytest框架-详解(学习pytest框架这一篇就够了)
python·学习·pytest
逻极3 小时前
pytest 入门指南:Python 测试框架从零到一(2025 实战版)
开发语言·python·pytest