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

相关推荐
小小心LOVE28 分钟前
Vue3 安装和使用 vue-office来实现 Word、Excel 和 PDF 文件的预览
vue.js·word·excel
June bug30 分钟前
【Vue】从0开始使用Vue构建界面
前端·vue.js·前端框架
shuaijie051831 分钟前
在Vue.js中实现列表的拖动功能,使用第三方库如vuedraggable(基于Sortable.js)
android·javascript·vue.js
风月歌31 分钟前
小程序项目之驾校报名小程序源代码(java+vue+小程序+mysql)
java·vue.js·mysql·小程序·毕业设计·源码
kesteler42 分钟前
v-model的使用
前端·javascript·vue.js
半桶水专家1 小时前
vue3中v-model 用法详解
前端·javascript·vue.js
by__csdn11 小时前
Vue3 setup()函数终极攻略:从入门到精通
开发语言·前端·javascript·vue.js·性能优化·typescript·ecmascript
一条可有可无的咸鱼12 小时前
企业招聘信息,企业资讯进行公示
java·vue.js·spring boot·uni-app
lionliu051912 小时前
js的扩展运算符的理解
前端·javascript·vue.js
老前端的功夫14 小时前
Vue 3 vs Vue 2 深度解析:从架构革新到开发体验全面升级
前端·vue.js·架构