上一个大章节,我们做了前段的大搜功能,结果少了一步,就是资源库的点击自动下载功能。
所以本节课我们就快速的做一个中台的资源库。
包含:资源列表,上传功能,下载功能。
首先我们需要搞个组件单独来承载这个资源库页面 ZYK.vue
然后我们要把菜单组件给它塞进去,并且菜单上做出来资源库的进入链接
改成如下:
然后打开router/index.js修改如下:
然后打开Menu.vue修改如下:
看看结果,当点击资源库的时候,会进入这个页面,并且菜单也正常。
接下来就是列表的列表。
列表的获取基于后台的接口,所以我们搞一个!
打开views.py,开始编写:
如上图,这是获取数据库表中所有资源名字的函数。并非是直接拿到资源本身,等前端真的去点击下载按钮的时候,才是去获取资源本身。
然后我们去urls.py中写好接口:
然后我们回到前段ZYK.vue:
通过生命周期自动函数来对该接口发起请求:
然后去浏览器中,刷新资源库页面,观察network面板,看这个请求有无问题:
目前看来,是没有什么问题,但是后续是可以优化的。
今天课程到此结束!下节我们就要做前端这个列表的增删改查了~