django+vue

devtools/2024/9/22 12:02:25/

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.ppmy.cn/devtools/115446.html

相关文章

股指期货的详细玩法功能与应用解析

股指期货作为一种重要的金融衍生工具,为投资者提供了多样化的投资和风险管理手段。本文将详细探讨股指期货的三大主要功能:风险规避、价格发现和资产配置。 第一,风险规避功能 1.套期保值:股指期货的风险规避功能主要通过套期保值…

Netty+HTML5+Canvas 网络画画板实时在线画画

采用Html5的canvas做前端画画板&#xff0c;发送数据到后端Netty服务&#xff0c;实时转发笔迹数据&#xff0c;在线实时同步画笔轨迹&#xff0c;单击绿色小方块&#xff0c;保存画板的图片 页面&#xff1a; <!-- index.html --><!DOCTYPE html> <html> …

怎么让Nginx可以访问某一IP的每个后台controller接口

http { upstream backend { server 192.168.1.10; # 后端服务器IP } server { listen 80; location /controller1/ { ##proxy_pass http://localhost:801; proxy_pass http://backend/controller1/; # 后端controller1…

工业一体机在汽车零部件工厂ESOP系统中的关键作用

在当今竞争激烈的汽车市场中&#xff0c;汽车零部件工厂的高效生产和严格质量控制至关重要。而工业一体机在汽车零部件工厂的 ESOP&#xff08;电子标准化作业程序&#xff09;系统中发挥着关键作用。 一、汽车零部件工厂面临的挑战 汽车零部件的生产过程复杂且要求严格&#…

C++ 知识要点:其它

八. 其它 调试程序的方法&#xff1f; gdb 遇到 coredump 要怎么调试&#xff1f;模板的用法与适用场景用过 C11&#xff1f; 新特性&#xff1f;auto,decltype、explicit、lambda、final 函数调用的压栈过程sizeof 和 strlen 的区别&#xff1f; 运算符与函数计算的对象编译时…

鸿蒙 ArkUI组件二

ArkUI组件&#xff08;续&#xff09; 文本组件 在HarmonyOS中&#xff0c;Text/Span组件是文本控件中的一个关键部分。Text控件可以用来显示文本内容&#xff0c;而Span只能作为Text组件的子组件显示文本内容。 Text/Span组件的用法非常简单和直观。我们可以通过Text组件来显…

【深度学习】聊一聊正则化

在机器学习中&#xff0c;正则化是一种常用的技术&#xff0c;用于控制模型的复杂度&#xff0c;减少过拟合的风险。它通过在损失函数中引入额外的项来对模型的参数进行约束或惩罚&#xff0c;使模型更加简单、平滑或稀疏。我们在实际应用中&#xff0c;经常使用的是L1和L2正则…

使用dom-to-image截图html区域为一张图

第一步安装&#xff1a;npm i dom-to-image 第二步引入&#xff1a;import domToImage from dom-to-image; 第三步截图&#xff1a; // 截图 function screenshot() {return new Promise((resolve, reject) > {const images document.querySelectorAll(.isCrossOrigin); /…