【测开中台教程-19】测开平台的资源库开发

教育   2024-10-08 08:52   吉林  

今天开工了~ 消停七天的粉丝群和学员群又要开始热闹起来了。今天会陆续上传测开平台的视频小课到知识星球哦~ 最新一期的测开培训大课:AI接口测试平台也会开始陆续上传到培训基地哦~

本公众号日更该测开中台图文教程,文末扫码进群群公告有源码资源包哦~ 视频课(一句一句讲)在知识星球,培训大课程需要私聊v:qingwanjianhua咨询哦~ 

上一个大章节,我们做了前段的大搜功能,结果少了一步,就是资源库的点击自动下载功能。

所以本节课我们就快速的做一个中台的资源库。

包含:资源列表,上传功能,下载功能。

首先我们需要搞个组件单独来承载这个资源库页面 ZYK.vue

然后我们要把菜单组件给它塞进去,并且菜单上做出来资源库的进入链接

改成如下:

然后打开router/index.js修改如下:

然后打开Menu.vue修改如下:

看看结果,当点击资源库的时候,会进入这个页面,并且菜单也正常。

接下来就是列表的列表。

列表的获取基于后台的接口,所以我们搞一个!

打开views.py,开始编写:

如上图,这是获取数据库表中所有资源名字的函数。并非是直接拿到资源本身,等前端真的去点击下载按钮的时候,才是去获取资源本身。

然后我们去urls.py中写好接口:

然后我们回到前段ZYK.vue:

通过生命周期自动函数来对该接口发起请求:

然后去浏览器中,刷新资源库页面,观察network面板,看这个请求有无问题:

目前看来,是没有什么问题,但是后续是可以优化的。

今天课程到此结束!下节我们就要做前端这个列表的增删改查了~

进粉丝群哦!速度,还有十几个空位这个火爆的技术讨论群就满200,就扫码进不去了哦~

知识星球:目前加入人数99+


测试开发干货
测试开发不能每天只看鸡汤文,一定要多练习基础,保持每天都学或者巩固一个算法和技巧。欢迎关注本公众号,只发布干货文章。多多转载和分享哦~
 最新文章