当前位置: 首页 > 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.lryc.cn/news/443766.html

相关文章:

  • HCIA--实验十七:EASY IP的NAT实现
  • 彻底解决:QSqlDatabase: QMYSQL driver not loaded
  • leetcode02——59. 螺旋矩阵 II、203. 移除链表元素
  • Matlab Simulink 主时间步(major time step)、子时间步(minor time step)
  • docker 升级步骤
  • 828华为云征文 | 云服务器Flexus X实例:one-api 部署,支持众多大模型
  • 2024 SNERT 预备队招新 CTF 体验赛-Web
  • 亲测全网10大“免费”论文降重神器!论文写作必备!
  • 二分算法——优选算法
  • Kafka 的基本概念
  • 《粮油与饲料科技》是什么级别的期刊?是正规期刊吗?能评职称吗?
  • Python之一些列表的练习题
  • MoFA: 迈向AIOS
  • c语言中define使用方法
  • 尚品汇-秒杀商品定时任务存入缓存、Redis发布订阅实现状态位(五十一)
  • 第十一章 【后端】商品分类管理微服务(11.4)——spring-boot-devtools
  • MySQL篇(索引)(持续更新迭代)
  • 通用接口开放平台设计与实现——(31)API服务线程安全问题确认与修复
  • 2011-2022年数字金融与企业ESG表现:效应、机制与“漂绿”检验(内含原始数据+处理代码)
  • mysql配置相关命令
  • 【自用软件】IDM下载器 Internet Download Manager v6.42 Build 10
  • Kafka集群扩容(新增一台kafka节点)
  • 作文笔记15 点面结合
  • Spring Boot-国际化(I18N)问题
  • 8. 防火墙
  • C语言循环学习
  • 职业技能大赛-自动化测试笔记(Unitest)分享-3
  • rocky9.2的lvs的NAT模式下的基本使用的详细示例
  • AI健身之俯卧撑计数和姿态矫正-角度估计
  • Java ETL - Apache Beam 简介