视频智能分析平台EasyCVR衍生版视频管理平台EasyCVS对象寻存储管理的文件路径如何处理?
之前我们介绍到EasyCVS视频管理平台是根据EasyCVR安防协议融合管理平台开发的另外版本,尽管EasyCVS管理平台的大框架是根据EasyCVR编写的,但是前端界面的部分模块构建跟EasyCVR仍有不同。本文就分享下EasyCVR的存储模块构建。
EasyCVS的对象存储模块需要构建文件路径的面包屑导航,由于element组件库自带的面包屑组件,主要用来触发路由跳转,在此页面不适用。此页面需要的更换路径时刷新即可,所以用原生js去构建组件反而更简单。
首先跟后端约定一个字段作为根目录参数,级‘root;当点击,或者在此目录时,发送携带参数为‘root’参数获取数据的请求。
当点击root下某个文件时,即带该文件下面目录参数,访问它的子文件目录即可。
反复如此,即可形成文件目录路径组件。
但是此处仍留有个问题就是,当通过面包屑导航随意点击时,例如:此时路径为 root/教室 1/2021/March/ ,而点击了教师1,想要获取教师1下面的文件,就需要将参数改为:root/教室 1 即可。因为root为约定字符串,不是实际文件名,作为参数时需要去除。