Vscode+Pycharm+Vue.js+WEUI+django火锅(五)Django的API

如果只是嫌弃Djanggo的前台不好,用vue替换,只要在Djanggo项目里面创建一个Vue项目文件夹,然后

1.修改urls.py 修改路由

2.修改settings.py中,增加templates内容指向vue文件夹

3.静态文件staticfile_dir中也添加vue文件夹

但因为我想用VUE做手机移动端,类似C/S架构,所以就只能通过调用API的方式了。虽然是很小的功能,倒要真真切切地前后端分离,Vue这边提供入口,然后调用Django的API。

Django端的修改其实也简单,只要把原来的httpresponse输出到模板改成JsonRespoonse。Django获得Vue抛过来的数据,最后把结果数据通过Json格式抛给Vue

1.新建一个python文件checkapi.py,把这部分单独写,避免影响原有的功能,别给猪圈开另外一个门的时候,把猪圈给整塌了。

2.urls.py文件中引入import checkapi

3.urls.中添加路由指向API函数(登录验证)

def get_maxpackage(request)

if request.method == 'GET':

return JsonResponse({"packageno":"1211","msg":"Success"})

else:

return JsonResponse({"packageno":"0","msg":'fail'})

def add_package(request):

if request.method == 'POST':

packageno = request.POST.get('packageno','')

return JsonResponse({'code':1,'msg':'Success'})

else:

return JsonResponse({'code':0,'msg':'fail'})

接下来就是VUE去接这部分数据了。

相关推荐
Trae1ounG2 分钟前
Vue Iframe
前端·javascript·vue.js
爱上妖精的尾巴43 分钟前
8-1 WPS JS宏 String.raw等关于字符串的3种引用方式
前端·javascript·vue.js·wps·js宏·jsa
史丹利复合田1 小时前
【无标题】vscode远程连接,服务器端配置
ide·vscode·编辑器
web打印社区1 小时前
vue页面打印:printjs实现与进阶方案推荐
前端·javascript·vue.js·electron·html
daols882 小时前
vue2 甘特图 vxe-gantt 一行渲染多个子任务的配置
vue.js·甘特图·vxe-table
pas1363 小时前
39-mini-vue 实现解析 text 功能
前端·javascript·vue.js
qq_532453533 小时前
使用 GaussianSplats3D 在 Vue 3 中构建交互式 3D 高斯点云查看器
前端·vue.js·3d
陶甜也5 小时前
Vue.js 多项目同端口部署实战:上下文路径配置指南
前端·javascript·vue.js·nginx
席万里6 小时前
基于Go和Vue快速开发的博客系统-快速上手Gin框架
vue.js·golang·gin
毕设源码_黄师姐6 小时前
2026毕设ssm+vue基于HTML5运动会项目管理系统论文+程序
vue.js·课程设计·html5