nodejs+mysql+vue+elementUI 实现选择资源管理工具

我们在写后台管理系统时会遇到上传视频、音频等内容。如果上传资源地方多的话,每个地方都要加上传的代码,比较麻烦。而且遇到有些图片是已经上传过的,下次遇到了又要重复上传,浪费服务器或cos资源。

这时候可以实现一个资源管理工具,上传图片到资源管理工具里,然后再去选择需要的图片。

前端:使用vue和elementUI实现资源管理器组件,完成多选单选、删除、选择、查询等操作。

后端:可以分两个表 资源分类表(用来模拟资源所属文件夹)、资源表(资源地址、类型、资源分类id等字段),两个表完成多表查询功能。

这是普通的上传单选和多选资源模块

nodejs+mysql+vue+elementUI 实现选择资源管理工具_第1张图片

上传单张图片效果 

只能被选中一张图

nodejs+mysql+vue+elementUI 实现选择资源管理工具_第2张图片

nodejs+mysql+vue+elementUI 实现选择资源管理工具_第3张图片

 上传多张图片效果

可以选中多张图

nodejs+mysql+vue+elementUI 实现选择资源管理工具_第4张图片

你可能感兴趣的:(nodejs全栈开发,从入门到精通,Vue,vue.js,node.js,elementui)