时间:2020-10-08来源:www.pcxitongcheng.com作者:电脑系统城
前言:国庆假期找了个ruoyi版本的cms玩玩,从git上看,介绍如下图:
后台部分截图:
编辑
编辑
编辑
编辑
前台blog截图:
编辑
编辑
看上去还可以不错,于是clone下来玩玩,结果发现,发布文章的时候,编辑器有问题,上传不了图片,还有其他几个地方有问题,怎么解决呢?自己上手撸代码,修改呗。于是,下载了ueditor的源码,加到项目中,进行修改。现在已经修改完成,并且也发布到的服务器上了,欢迎大家访问测试。文末会有凯哥修改后的git地址o~
正文:
在spring boot整合UEditor的时候,本地idea编辑器中没问题,但是部署服务器上,上传图片提示:“后端配置项没有正常加载,上传插件不能正常使用!”解决办法。
出现这种情况,可以很负责任的告诉你99%是因为,在加载的时候,没有获取到ueditor的config.json文件。怎么处理了?
分析原因:
查看原来文件存放位置:
在resources的static下,正常来说,是没有问题的。但是spring boot打成jar包后的路径和war包的路径是不一样的。文件是在BOOT-INF下的。如下图:
编辑
直接获取,是不行的。找到原因后,我们就来想办法解决掉。
解决步骤:
1:修改文件存放位置。
如凯哥,直接就放在了resources下,文件名称为:ueditor-config.json(这个文件名字,在后面需要用到)。如下图:
编辑
2:在yml文件中,配置ueditor-config.json的文件名:
uEditorConfig:
fileName:ueditor-config.json
如下图:
编辑
3:编写一个controller(ps:JSP的凯哥没有使用,修改成了controller.这样符合习惯)
3.1:获取json文件名称
需要注意:把第二步配置的文件名称,获取到。如下图:
编辑
3.2:编写获取json的类(上传的也写在了里面)。如下图:
编辑
4:修改Ueditor的源码
4.1:ActionEnter类的构造方法重写。
?1 2 3 4 5 6 7 8 9 10 11 12 13 |
/** *获取config.json的 *@paramrequest *@paramrootPath *@paramconfigFileName */ publicActionEnter(HttpServletRequestrequest,StringrootPath,StringconfigFileName){ this .request=request; this .rootPath=rootPath; this .actionType=request.getParameter( "action" ); this .contextPath=request.getContextPath(); this .configManager=ConfigManager.getInstance( this .rootPath, this .contextPath,request.getRequestURI(),configFileName); } |
如下图:
编辑
4.2:重写ConfigManager.getInstance方法
?1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
/** *配置管理器构造工厂--修改后 *@paramrootPath服务器根路径 *@paramcontextPath服务器所在项目路径 *@paramuri当前访问的uri *@paramconfigFileNameconfig.json的文件名称 *@return配置管理器实例或者null */ publicstaticConfigManagergetInstance(StringrootPath,StringcontextPath,Stringuri,StringconfigFileName){ try { returnnewConfigManager(rootPath,contextPath,uri,configFileName); } catch (Exceptione){ returnnull; } } |
如下图:
编辑
4.3:重写ConfigManager构造器
?1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 |
/* *通过一个给定的路径构建一个配置管理器,该管理器要求地址路径所在目录下必须存在config.properties文件--kaigejava修改 */ privateConfigManager(StringrootPath,StringcontextPath,Stringuri,StringconfigFileName)throwsFileNotFoundException,IOException{ rootPath=rootPath.replace( "\\" , "/" ); this .rootPath=rootPath; this .contextPath=contextPath; this .configFileName=configFileName; if (contextPath.length()> 0 ){ this .originalPath= this .rootPath+uri.substring(contextPath.length()); } else { this .originalPath= this .rootPath+uri; } this .initEnv(); } |
如下图:
编辑
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 |
privatevoidinitEnv()throwsFileNotFoundException,IOException{ Filefile=newFile( this .originalPath); if (!file.isAbsolute()){ file=newFile(file.getAbsolutePath()); } this .parentPath=file.getParent(); //StringconfigContent=this.readFile(this.getConfigPath()); StringconfigContent= this .filter(IOUtils.toString( this .getClass().getClassLoader().getResourceAsStream(configFileName), "UTF-8" )); try { JSONObjectjsonConfig=JSONObject.parseObject(configContent); this .jsonConfig=jsonConfig; } catch (Exceptione){ this .jsonConfig= null ; } } |
其中核心的:
?1 | StringconfigContent= this .filter(IOUtils.toString( this .getClass().getClassLoader().getResourceAsStream(configFileName), "UTF-8" )); |
修改后,如下图:
编辑
把ueditor.config.js文件的serverUrl修改成第一步编写的controller对应的url.如下图:
编辑
修改完成之后,重新打包之后,部署完成,发布访问试试看。就可以了。
到此这篇关于spring boot 若依系统整合Ueditor部署时上传图片错误问题的文章就介绍到这了,
2023-03-18
如何使用正则表达式保留部分内容的替换功能2023-03-18
gulp-font-spider实现中文字体包压缩实践2023-03-18
ChatGPT在前端领域的初步探索最近闲来无事,在自己的小程序里面集成了一个小视频的接口,但是由于小程序对于播放视频的限制,只能用来做一个demo刷视频了,没办法上线体验。小程序播放视频限制最多10个,超出可能...
2023-03-18
Vue.js、React和Angular对比 以下是Vue.js的代码示例: 以下是React的代码示例: 以下是Angular的代码示例:...
2023-03-18