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

相关推荐
Ulyanov21 分钟前
Python实现6-DOF刚体仿真器(下)——环境扰动与控制闭环
开发语言·python·算法·系统仿真·雷达电子对抗·导引头
小小的木头人40 分钟前
Python 批量解析 Excel 经纬度,调用高德地图 API 获取中文地址
开发语言·python·excel
金銀銅鐵1 小时前
[Python] 为 Vole 机器语言实现图形化界面
python·程序员
Listen·Rain1 小时前
Vue3中组件间通信详解
前端·javascript·vue.js
小林ixn1 小时前
Python基础全梳理:从注释到函数,这些细节你都掌握了吗?
python·编程语言
Listen·Rain2 小时前
Vue3中customRef详解
前端·javascript·vue.js
濮水大叔2 小时前
Hooks 之后,为什么前端仍需要“包裹”能力?
vue.js·react.js·前端框架
今天AI了吗2 小时前
Hermes Agent 搭建全流程:从本机试跑到可持续运行的个人 AI Agent
java·人工智能·python·学习·embedding
山东点狮信息科技有限公司3 小时前
企业级开源OA系统推荐
vue.js·spring boot·性能优化·系统架构·开源
为啥全要学3 小时前
自注意力中随着根号dk的增大,qk点积的方差为什么也会增大
python·深度学习