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

相关推荐
Csvn1 小时前
Vue 3 defineModel 翻车实录:多个 v-model 绑定到底怎么写?
前端·vue.js
Momo__4 小时前
VueUse createReusableTemplate —— 单文件组件内的模板复用神器
前端·vue.js
程序员小富4 小时前
我开源了一个开发者专属的智能 JSON 工具,得到了媳妇高度认可
前端·vue.js·后端
JustHappy4 小时前
「软件设计思想杂谈🤔」“切图仔”也能懂编译原理?框架源码也许没那么难。聊聊 Vue 的编译(上)
前端·javascript·vue.js
假如让我当三天老蒯1 天前
Options API(选项式 API) 和 Composition API(组合式 API)
前端·vue.js·面试
秃头网友小李4 天前
前端难点:keep-alive 缓存什么?RouterView 的 key 为什么要带 scopeId?
前端·vue.js
徐小夕4 天前
JitWord 3.0 正式发布,高精度Word异构解析+复杂组件兼容,打造web端协同Word编辑器
前端·vue.js·算法
奋斗吧程序媛5 天前
补充一个小知识点:有关@click.native
前端·vue.js
英勇无比的消炎药5 天前
一行命令背后:TinyRobot CLI 如何重构 AI 对话接入的效率范式
vue.js·aigc
jay神5 天前
基于 FastAPI + Vue 的宠物领养管理系统
前端·vue.js·python·毕业设计·fastapi·宠物