在之前我们已经设计并实现了请求 工具申请接口前端部分:
url为:/add_tool/
那么本节课就要立马开始接着走:打开django的urls.py:
新增红线部分:
然后去views.py种写下这个函数add_tool
然后我们来思考,这个函数要做什么?
1. 调用上面的add_order函数,创建新工单。
2. 返回
但是这个调用add_order不是那么简单的,需要传递三个参数。所以这里我们代码是这样写的:
【注意】这里的工单名称name 更类似于这个工单的分类。而工单内容 则可以很随意,其中包含工具名称name和工具描述des。这里不要弄混。
毕竟我们之后其他功能新建工单的话,也是如此。当然各位也可以有其他设计,比如把工单名称好工具名称 混为一谈也可以。
【注意】这里的uid_from参数,因为我们目前尚未开发用户登录注册系统,所以暂时注释掉这句代码,并且用写死的“普通用户”字符串来暂时代替。
【注意】这里的获取post请求的代码,和一开始我们axios写的post请求代码都并非主流的正常写法,此为简便写法但有缺陷,不建议大家过多使用,后面我们找个功能会写正式写法。
然后我们进行测试:
启动django后台和前端vue ,一共两个项目。
新建工具:
点击后报错了:
错误很明显,说是axios尚未被定义。
axios是一个可以发送http请求的工具,这里报错是因为我们在Menu.vue中忘记导入了而已。
加上导入代码:
再次测试:
成功实现。
然后我们还要去后台admin数据库来看看是否真的生成了这个工单:
注意网址此刻应该是8000端口
可以很明显看到这个新增的工单,点进去看到内部的数据也都是正常的。
本节到此结束,欢迎继续追更