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

相关推荐
我的xiaodoujiao2 分钟前
从 0 到 1 搭建 Python 语言 Web UI自动化测试学习系列 15--二次开发--封装公共方法 3
python·学习·测试工具
AI视觉网奇3 分钟前
pyqt 触摸屏监听
开发语言·python·pyqt
香菜+15 分钟前
python脚本加密之pyarmor
开发语言·python
Gazer_S23 分钟前
【前端状态管理技术解析:Redux 与 Vue 生态对比】
前端·javascript·vue.js
Brian Xia25 分钟前
# tchMaterial-parser 入门指南
python·ai
小光学长36 分钟前
基于Vue的图书馆座位预约系统6emrqhc8(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。
前端·数据库·vue.js
啃啃大瓜37 分钟前
常用库函数
开发语言·python
Y学院1 小时前
vue的组件通信
前端·javascript·vue.js
楼田莉子1 小时前
python学习:爬虫+项目测试
后端·爬虫·python·学习
总有刁民想爱朕ha1 小时前
Python自动化从入门到实战(17)python flask框架 +Html+Css开发一个实用的在线奖状生成器
python·flask·自动化·在线奖状生成器