Django安装
安装
pip install django
Django创建项目
创建django项目
django-admin startproject vue_django
输入
code .
在VSCode中打开当前这个项目
修改settings.py配置文件
TEMPLATES
里面指定稍后呈现的文件模板在哪,创建一个目录templates
在根目录下面,用于存放后续的模板文件
并修改语言和时区
运行基本项目
python manage.py runserver
创建应用book,并修改配置文件
python manage.py startapp book
修改配置文件,将book应用注册到整个项目的APP
新建应用路由文件
在book目录下新建urls.py
文件,
将应用地址文件写入项目地址文件,book应用的路由地址统一由book/
开头
编写视图函数,返回功能页面
需要写三个地方,后台逻辑views.py
+路由urls.py
+前端页面template
(依序见下图)
效果
使用Vue
准备数据
写一个接口,实现获取所有图书,此处采用手动写模拟数据
接口请求结果
引入Vue
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
在前端页面中使用Vue
页面效果
易错
django和vue默认都是{{ }}
的绑定插值语法,所以会有冲突,所以需要在vue对象里面声明一个分隔符,用[[ ]]
替换{{ }}
,这样就避免了前端的语法和后端的django模板冲突