利用springboot2,elFinder和TinyMCE来简化网站的文件管理,支持阿里云OSS

背景

需要在编辑文章的时候,能很好的管理相关素材,如图片和附件等。一直以来都是用编辑器的上传功能,造成很多素材的冗余,比如上传错了图片,错误图片无法便捷的删除,所以需要一个能够方便管理的素材库。现在不少存储都放在云端了,比如阿里云的OSS,腾云云存储等等。所以就在spring-elfinder项目的基础上,升级了springboot的版本,增加了阿里云OSS特性,并解决部分小问题,比如目录树显示不完整问题。

介绍

基于SpringBoot+elFinder搭建文件管理器,支持本地磁盘和阿里云,提供TinyMCE5集成范例。

环境搭建

软件版本功能地址
SpringBoot2.1.0.RELEASE全能框架https://spring.io/projects/spring-boot/
elFinder2.1.53Web文件管理器https://studio-42.github.io/elFinder/
TinyMCE55.2.0在线编辑器https://www.tiny.cloud/

感谢项目

在创建过程中,主要参考以下开源项目

软件地址
elfinder-java-connectorhttps://github.com/trustsystems/elfinder-java-connector
spring-elfinderhttps://github.com/konglinghai123/spring-elfinder

演示Demo

elFinder Demo
TinyMCE5 Demo

项目截图

默认主题

深色主题

功能
  • 文件以及文件夹新增,删除,移动,重名
  • 在线打包文件
  • 文件下载、上传
  • 在线预览文件,图片
  • 在线处理图片,文件
  • 支持目录上传
  • 支持zip tar Gzip 的在线解压和压缩文件夹
  • 支持多种文本格式的高亮显示和在线编辑
  • 支持在线文件预览
  • 支持文件夹权限设置
  • 支持国际化
  • 支持阿里云OSS
  • 支持本地磁盘与阿里云OSS之间的拖拽
  • 集成至TinyMCE5
配置 application.yml
file-manager:
     thumbnail:
        width: 80 # 缩略图宽
     volumes:
        - Node: # 可配置多个节点
          source: fileSystem # 暂时只支持本地文件系统
          alias: 测试目录 # 目录别名
          path: /Users/Van/Desktop/test # 映射目录
          isDefault: true # 是否默认打开
          locale:
          constraint:
            locked: false # 文件夹是否锁定
            readable: true # 是否可读
            writable: true # 是否可写
        - Node:
          source: aliyunoss # 阿里云
          alias: 阿里云 # 目录别名
          path: moore-test1 #bucketName
          isDefault: false # 是否默认打开
          locale:
          constraint:
            locked: false # 文件夹是否锁定
            readable: true # 是否可读
            writable: true # 是否可写
          aliyunDriverConfig:
            endpoint: "oss-cn-beijing.aliyuncs.com" #改成阿里云的Endpoint地址
            #bindedDomain: "***.yourdomain.com"  #如果阿里云OSS绑定了域名,可以在这里设置
            accessKeyId: ENC(*******) #阿里云的accessKeyId 配置文件敏感字段采用jasypt加密
            accessKeySecret: ENC(******) #阿里云的accessKeySecret 配置文件敏感字段采用jasypt加密
加密问题

配置文件中敏感字段的的加密,可以用web项目中PwdUitl.java工具来创建。如下图:

访问

http://127.0.0.1:8080

##源码
https://gitee.com/boyuan2000cn/springboot2-elfinder

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值