前端实现类似文件夹功能(有加密功能)

后端会提供一个接口来获取根目录列表 里面有文件夹及各种文件 ,文件夹中又有文件夹及各种文件以此类推。
如果想获取某个文件夹中的文件和文件夹 就需要拿着文件夹的id去请求接口 ,因为我们有加密功能,如果文件夹加密了,后端会告诉我这是一个加密文件夹,还需要加一个密码字段。这就使逻辑变得复杂一点了 ,例如 用户输入密码后进入了一个文件夹 ,但当用户通过面包屑导航 回到上一级或者上上一级加密文件夹时,需要重新输入密码,如果让用户再次输入密码,用户体验很差。当然,不止这一个地方,文件夹增删改查后,都需要重新获取最新文件夹列表,如果也是加密文件夹,也是需要密码的,就会出现用户每完成一个操作就需要输入一次密码,体验很不好。于是产品要求不能让用户反复输入,而是输入密码后,会有一段时间的时效性 ,但是获取后端接口时 ,后端为了数据安全,只要是请求加密文件夹就需要密码,于是就需要前端来解决了 。
前端的解决方法是:用户输入密码后 把文件夹的id及密码一并存入cookie(要通过base64进行转码防止密码泄露),并设置一段时间后失效,多少时间看具体的业务需求。当用户再去点击加密文件夹时,就先去本地去找一下,如果本地找到了 ,前端把密码给它自动填上去 ,不用用户自己输入了直接去请求接口,在用户看来好像没输入密码一样 。如果本地没找到,或者失效了 就让用户去输入密码。部分代码如下
在这里插入图片描述
在这里插入图片描述

  • 7
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值