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去接这部分数据了。

相关推荐
小云小白17 分钟前
用 VSCode + Claude Code 搭一套专利编写 AI 辅助环境
vscode·ai写作·专利
coderSong25681 小时前
【Ubuntu】ctrl+shift+f 繁体中文切换、VScode全集搜索
linux·vscode·ubuntu
溪语流沙2 小时前
【Web全栈进阶】文件上传与图片展示:早报站的第一张图片
前端·vue.js·python·fastapi
摇滚侠2 小时前
使用 VSCode 开发 Java 经验分享
java·经验分享·vscode
流烟默1 天前
SSE 实战:在 SpringBoot + Vue 项目中零依赖实现轻量级实时消息推送
vue.js·spring boot·后端·sse
执子念的飞鱼1 天前
纯前端预览 275 种文件格式是怎么做到的
前端·vue.js·react.js
vx_Biye_Design1 天前
PHP中医养生馆预约系统60841-计算机课程设计、毕业设计
vue.js·spring boot·后端·mysql·php·课程设计·express
gc_22991 天前
Vue框架学习(1:环境搭建)
vue.js
我的div丢了肿么办2 天前
element-plus表格使用:filter-method过滤导致出现无数据
前端·javascript·vue.js
贾公子2 天前
AI 内容检测 API 接入实战——异步任务、幂等键与轮询的正确写法
vue.js