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

相关推荐
猩兵哥哥2 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
EMT3 小时前
在 Vue 项目中使用 URL Query 保存和恢复搜索条件
javascript·vue.js
我是日安3 小时前
从零到一打造 Vue3 响应式系统 Day 9 - Effect:调度器实现与应用
前端·vue.js
鹏多多4 小时前
深入解析vue的keep-alive缓存机制
前端·javascript·vue.js
用户516816614584120 小时前
Vue Router 路由懒加载引发的生产页面白屏问题
vue.js·vue-router
前端缘梦20 小时前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
Simon_He20 小时前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown
王同学QaQ1 天前
Vue3对接UE,通过MQTT完成通讯
javascript·vue.js
华仔啊1 天前
基于 RuoYi-Vue 轻松实现单用户登录功能,亲测有效
java·vue.js·后端
艾小码1 天前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js