今天开工了~ 消停七天的粉丝群和学员群又要开始热闹起来了。今天会陆续上传测开平台的视频小课到知识星球哦~ 最新一期的测开培训大课:AI接口测试平台也会开始陆续上传到培训基地哦~
本公众号日更该测开中台图文教程,文末扫码进群群公告有源码资源包哦~ 视频课(一句一句讲)在知识星球,培训大课程需要私聊v:qingwanjianhua咨询哦~
上一个大章节,我们做了前段的大搜功能,结果少了一步,就是资源库的点击自动下载功能。
所以本节课我们就快速的做一个中台的资源库。
包含:资源列表,上传功能,下载功能。
首先我们需要搞个组件单独来承载这个资源库页面 ZYK.vue
然后我们要把菜单组件给它塞进去,并且菜单上做出来资源库的进入链接
改成如下:
然后打开router/index.js修改如下:
然后打开Menu.vue修改如下:
看看结果,当点击资源库的时候,会进入这个页面,并且菜单也正常。
接下来就是列表的列表。
列表的获取基于后台的接口,所以我们搞一个!
打开views.py,开始编写:
如上图,这是获取数据库表中所有资源名字的函数。并非是直接拿到资源本身,等前端真的去点击下载按钮的时候,才是去获取资源本身。
然后我们去urls.py中写好接口:
然后我们回到前段ZYK.vue:
通过生命周期自动函数来对该接口发起请求:
然后去浏览器中,刷新资源库页面,观察network面板,看这个请求有无问题:
目前看来,是没有什么问题,但是后续是可以优化的。
今天课程到此结束!下节我们就要做前端这个列表的增删改查了~
进粉丝群哦!速度,还有十几个空位这个火爆的技术讨论群就满200,就扫码进不去了哦~
知识星球:目前加入人数99+