『』Axure教程|云盘案例原型:文件管理

今天和大家分享一个后台文件管理demo , 包括图片管理、视频管理、音乐管理、文档管理和其它文件管理 。这个demo也可以看做云盘、网盘的demo 。
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

该原型交互效果齐全 , 使用也简单 , 只需要填写中继器表格即可 。所以推荐给大家使用 , 喜欢原型或者有疑问的小伙伴们可以在下方评论处给我留言哦 。
效果演示1. 分类查看
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

2. 上传文件
这里做了一个模拟上传效果:
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

3. 单击选中
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

4. 下载文件
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

5. 分享文件
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

6. 删除文件
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

7. 刷新
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

8. 搜索
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

9. 查看图片
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

10. 查看视频
这里请打开电脑声音:
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

11. 播放音乐
这里请打开电脑声音 , 真的能听到歌曲哦 。
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

12. 查看文档
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

13. 下载其他文件
因为其他文件没办法在网页查看 , 所以下载下来打开 。
『』Axure教程|云盘案例原型:文件管理
文章图片

文章图片

使用说明
该原型填写中继器表格即可直接使用 。
注意:除了图片之外 , 其他文件要有url , 即需要提前将文件上传至网络 。
『』Axure教程|云盘案例原型:文件管理


推荐阅读