当前位置: 首页 > news >正文

django+vue

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

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

3. 安装django

pip install django

4. 创建新项目

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')

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

from django.urls import include, path

urlpatterns = [

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

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

]

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

myproject/static

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

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

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

13. 修改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

13. 执行django

python manage.py runserver


http://www.mrgr.cn/news/33297.html

相关文章:

  • MySQL高阶1917-Leetcodify好友推荐
  • [图解]静态关系和动态关系
  • 使用GPU 加速 Polars:高效解决大规模数据问题
  • js之遍历方法
  • 【多模态大模型】Qwen2-VL基本原理和推理部署实战
  • 为什么 AVIF 将成为下一代图片格式之王
  • 基于Python的自然语言处理系列(16):TorchText + CNN + Teacher Forcing
  • 照片EXIF数据统计与可视化
  • [数据结构与算法·C++] 笔记 1.5类与对象
  • 力扣之183.从不订购的客户
  • 软件测试APP测试过程中的关键步骤、工具使用及常见问题处理方法。
  • MySQL篇(事务 - 基础)
  • 【LLM】Ollama:本地大模型使用
  • 从编辑器到自动化脚本,提高编程效率的必备工具秘籍
  • 【C语言】const char*强制类型转换 (type cast)的告警问题
  • Qt 每日面试题 -2
  • react:React Hook函数
  • 华为OD机试真题-IPv4地址转换成整数-2024年OD统一考试(E卷)
  • 打开C嘎嘎的大门:你好,C嘎嘎!(2)
  • 语言RPA流程组件介绍--获取网页信息