Django与Vue的前后端交互

需求

前端输入一个用户名，点击查询用户信息，并显示；若用户不存在，则显示用户不存在

表设计
user_table表字段：
username; varchar(20), unique
age; int
sex; tinyint
先在数据库中存储一些用户数据，然后通过前后端的交互来查询用户信息。
路由设计
GET /index 返回首页
GET /user/lauf/ 返回json响应

使用技术

前后端不分离
操作系统：windows
后端框架 django 3.2.9、开发工具python3.6 + vscode
前端Vue 2.6.14
异步请求axios
数据库sqlite3

代码实现

链接：项目代码
提取码：oolg

重难点

1. Vue中使用axios发送异步请求、this指向、Vue实例对象的数据代理
2. 前后端不分离时，django渲染模板与Vue插值语法冲突的问题
3. 针对axios异步请求，django返回json响应

 
上一篇：Django模板变量与Vue的插值语法冲突问题