前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >【测开中台教程-19】测开平台的资源库开发

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

作者头像
我去热饭
发布2024-10-08 09:51:17
1180
发布2024-10-08 09:51:17
举报
文章被收录于专栏:测试开发干货

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

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

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

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

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

改成如下:

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

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

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

接下来就是列表的列表。

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

打开views.py,开始编写:

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

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

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

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

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

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

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

本文参与 腾讯云自媒体同步曝光计划,分享自微信公众号。
原始发表:2024-10-08,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 测试开发干货 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
相关产品与服务
数据库
云数据库为企业提供了完善的关系型数据库、非关系型数据库、分析型数据库和数据库生态工具。您可以通过产品选择和组合搭建,轻松实现高可靠、高可用性、高性能等数据库需求。云数据库服务也可大幅减少您的运维工作量,更专注于业务发展,让企业一站式享受数据上云及分布式架构的技术红利!
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档