Spring Boot集成CKFinder 顶

Spring Boot集成CKFinder,实现浏览功能。

前言

上一篇记录了Spring Boot集成CKEditor,这里记录Spring Boot集成CKFinder实现浏览功能,详细的配置可以参考ckeditor和ckfinder集成详细配置及其优化,这里讲在Spring Boot中怎么玩CKFinder。ckeditor中“浏览服务器”的后台操作是自己写代码来实现浏览,界面操作不太友好。CKFinder的浏览界面不错,而且还能定制不同的样式。

集成

1.下载

下载Java 版本的CKFinder,支持Java的最新版本是2.6.2.1,3.x的CKFinder没有提供Java实现。下载后是压缩文件:【ckfinder_java_2.6.2.1.zip】

2.解压

1.ZIP解压

ZIP解压后的目录:

_source:源代码; CKFinderJava-2.6.2.1.war:war包,可以直接在Tomcat下面运行。

2.War包解压

解压War包:

直接把ckfinder文件夹拷贝到static目录下面,和集成CKEditor一样。

3.配置

1.资源路径配置

WebMvcConfig中添加配置,把CKFinder添加到Spring Boot的资源路径中,定义访问路径,便于访问。

registry.addResourceHandler("/ckfinder/**").addResourceLocations("classpath:/static/ckfinder/");

2.Maven依赖配置

CKFinderJava-2.6.2.1\WEB-INF\lib下是用到的jar,pom中配置主要的jar包。

        <!--CKFinder start-->
        <dependency>
            <groupId>com.ckfinder</groupId>
            <artifactId>CKFinder</artifactId>
            <version>2.6.2.1</version>
        </dependency>
        <dependency>
            <groupId>net.coobird</groupId>
            <artifactId>thumbnailator</artifactId>
            <version>0.4.8</version>
        </dependency>
        <dependency>
            <groupId>commons-fileupload</groupId>
            <artifactId>commons-fileupload</artifactId>
            <version>1.2.2</version>
        </dependency>
        <dependency>
            <groupId>commons-io</groupId>
            <artifactId>commons-io</artifactId>
            <version>2.0.1</version>
        </dependency>
        <!--CKFinder end-->

这是CKFinder的简单集成,下面来说说具体怎么玩。

功能实现

CKFinder集成以后,浏览功能还不能使用。

1.配置路径

在CKEditor的配置文件config.js中配置访问路径。参考官网给出的例子

config.filebrowserImageBrowseUrl= '/ckfinder/ckfinder.html?type=Images'

不配置filebrowserImageBrowseUrl,下面的【浏览服务器】按钮是没有的。

点击浏览服务器:

/ckfinder/core/connector/java/connector.java不可用,找不到。。。

这个路径是CKFinder内置的,目前没找到怎么修改这个路径。不能修改那就实现这个路径。

2.内置URL实现

查看web.xml文件,看看这个路径是怎么定义的。

可以看到 /ckfinder/core/connector/java/connector.java 是由Servletcom.ckfinder.connector.ConnectorServlet来处理的。

这就简单了,写个Servlet来继承它。

WebCkApplication中添加扫描Servlet的注解

URL解决了,试试按钮能不能用。

恩,还是报错从服务器读取xml数据出错,看看log怎么说。

Configuration不能正确初始化,在初始化读取xml文件的时候报错。。。

3.加载XML文件

1.config.xml文件

web.xml中看到,还需要加载config.xml文件。config.xml\WEB-INF目录下,复制到classpath下,这里重命名为ckfinder.xml

启用CKFinder,enabled修改为True,默认是false,浏览功能是不能用的。

配置baseDir,如果没配置baseDir,点击浏览服务器按钮的时候会在临时目录创建以下目录:

配置的话,在配置路径下也是有同样的目录结构的。和CKEditor上传的路径一致,这样上传的文件也可以直接浏览到。

2.classpath加载Xml文件

参考springboto集成ckfinder,重写Configuration,从classpath下加载Xml文件。

DefaultResourceLoader loader = new DefaultResourceLoader(); Resource resource = loader.getResource(this.xmlFilePath);

Servlet中加载配置

@WebServlet(urlPatterns = "/ckfinder/core/connector/java/connector.java", initParams = {
        @WebInitParam(name = "XMLConfig", value = "classpath:ckfinder.xml"),
        @WebInitParam(name = "debug", value = "false"),
        @WebInitParam(name = "configuration", value = "com.wxs.ckeditor.config.CKFinderConfig")
})
public class ImageBrowseServlet extends ConnectorServlet {
}

到这里,Spring Boot集成CKFinder就完美实现了。

优化

使用的话就很简单了,这里不再说了。写一下后期的一些优化,是代码更简洁,维护更方便。

1.CKEditor、CKFinder使用同一个存储路径

ckfinder.xml中配置以下路径

<baseDir>F:\\data\\file\\image\\</baseDir>
<baseURL>http://localhost:8180/public/image/</baseURL>

http://localhost:8180/public/image/是在WebMvcConfig中定义的

CKFinder返回的URL中会自带images

所以CKEditor用的存储路径和访问路径改为以下:

#磁盘存储路径
ckeditor.storage.image.path=F:\\data\\file\\image\\images\\
#访问路径
ckeditor.access.image.url=http://localhost:8180/public/image/images/

这样就更好了,CKEditor、CKFinder使用同一个存储路径。

后续会在下个博文里对集成CKFinder做一下详细的优化。

参考

CKEditor与CKFinder学习–整合SpringMVC

ckeditor和ckfinder集成详细配置及其优化

源码

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏卯金刀GG

【JAVA多线程】CountDownLatch的使用

正如每个Java文档所描述的那样,CountDownLatch是一个同步工具类,它允许一个或多个线程一直等待,直到其他线程的操作执行完后再执行。在Java并发中...

12040
来自专栏卯金刀GG

springmvc整合axis2 过程

项目需要使用springmvc发布一个对外的服务,原来使用spring+cxf的结合,使用axis2的客户端调用,没有任何问题,但是使用pb9的客户端调用,一直...

13830
来自专栏Java架构师学习

Spring高频面试题,你能答的上哪些?(高级篇)

5、BeanFactory 和 ApplicationContext 有什么区别?

11030
来自专栏卯金刀GG

《深入理解Java虚拟机》读书笔记

-Xmn: 可以设置新生代的大小,设置一个比较大的新生代会减少老年代的大小,这个设置对系统性能以及GC行为有很大的影响,新生代大小一般会设置整个堆空间的1/3到...

9820
来自专栏牛客网

安卓求职者的秋招总结,感谢牛客网,感谢牛友们

楼主秋招投的是安卓岗,今年安卓确实比较好找工作,就我来说吧,给了面试机会的基本都拿到offer了(可见面的不多),知名一点的是网易,美团,头条,还有两个是贝壳,...

13850
来自专栏新智元

大四学生开发AI代码补全神器:支持23种语言及5大编辑器

现在的大学生能有多厉害?一个加拿大的大四学霸,利用业余时间,开发了一款叫做Deep TabNine的代码补全工具,赚到了第一桶金,且含金量非常高。

15110
来自专栏卯金刀GG

Java开发中的23种设计模式详解

结构型模式,共七种:适配器模式、装饰器模式、代理模式、外观模式、桥接模式、组合模式、享元模式。

9330
来自专栏卯金刀GG

springmvc【问题1】跨域

简单的说即为浏览器限制访问A站点下的js代码对B站点下的url进行ajax请求。比如说,前端域名是www.abc.com,那么在当前环境中运行的js代码,出于安...

19120
来自专栏牛客网

大数据面试题整理(部分)

  volatile的原理和实现机制 || volatile到底如何保证可见性和禁止指令重排序的?

1K20
来自专栏一个会写诗的程序员的博客

Kotlin 编码规约

如需根据本风格指南配置 IntelliJ 格式化程序,请安装 Kotlin 插件1.2.20 或更高版本,转到“Settings | Editor | Code...

19020

扫码关注云+社区

领取腾讯云代金券

年度创作总结 领取年终奖励