spring boot 若依系統(tǒng)整合Ueditor湃番,部署時(shí)候上傳圖片錯(cuò)誤解決
前言:國慶假期找了個(gè)ruoyi版本的cms玩玩,從git上看吭露,介紹如下圖:
后臺部分截圖:
編輯
?
編輯
?
編輯
?
編輯
?
前臺blog截圖:
編輯
?
編輯
?
看上去還可以不錯(cuò)吠撮,于是clone下來玩玩,結(jié)果發(fā)現(xiàn)讲竿,發(fā)布文章的時(shí)候泥兰,編輯器有問題,上傳不了圖片题禀,還有其他幾個(gè)地方有問題鞋诗,怎么解決呢?自己上手?jǐn)]代碼迈嘹,修改唄削彬。于是,下載了ueditor的源碼秀仲,加到項(xiàng)目中融痛,進(jìn)行修改。現(xiàn)在已經(jīng)修改完成神僵,并且也發(fā)布到的服務(wù)器上了雁刷,歡迎大家訪問測試。文末會有凱哥修改后的git地址o~
正文:
在spring boot整合UEditor的時(shí)候保礼,本地idea編輯器中沒問題沛励,但是部署服務(wù)器上责语,上傳圖片提示:“后端配置項(xiàng)沒有正常加載,上傳插件不能正常使用侯勉!”解決辦法鹦筹。
出現(xiàn)這種情況,可以很負(fù)責(zé)任的告訴你99%是因?yàn)橹访玻诩虞d的時(shí)候铐拐,沒有獲取到ueditor的config.json文件。怎么處理了练对?
分析原因:
查看原來文件存放位置:
在resources的static下遍蟋,正常來說,是沒有問題的螟凭。但是spring boot打成jar包后的路徑和war包的路徑是不一樣的虚青。文件是在BOOT-INF下的。如下圖:
編輯
?
直接獲取螺男,是不行的棒厘。找到原因后,我們就來想辦法解決掉下隧。
解決步驟:
1:修改文件存放位置奢人。
如凱哥,直接就放在了resources下淆院,文件名稱為:ueditor-config.json(這個(gè)文件名字何乎,在后面需要用到)。如下圖:
編輯
?
2:在yml文件中土辩,配置ueditor-config.json的文件名:
uEditorConfig:
fileName:?ueditor-config.json
如下圖:
編輯
?
3:編寫一個(gè)controller(ps:JSP的凱哥沒有使用支救,修改成了controller.這樣符合習(xí)慣)
3.1:獲取json文件名稱
需要注意:把第二步配置的文件名稱,獲取到拷淘。如下圖:
編輯
?
3.2:編寫獲取json的類(上傳的也寫在了里面)各墨。如下圖:
編輯
?
4:修改Ueditor的源碼
4.1:ActionEnter類的構(gòu)造方法重寫。
/**
*?獲取config.json的
*?@param?request
*?@param?rootPath
*?@param?configFileName
*/
public?ActionEnter?(HttpServletRequest?request,?String?rootPath,String?configFileName?)?{
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方法
/**
*?配置管理器構(gòu)造工廠--修改后
*?@param?rootPath?服務(wù)器根路徑
*?@param?contextPath?服務(wù)器所在項(xiàng)目路徑
*?@param?uri?當(dāng)前訪問的uri
*?@param?configFileName?config.json的文件名稱
*?@return?配置管理器實(shí)例或者null
*/
public?static?ConfigManager?getInstance?(?String?rootPath,?String?contextPath,?String?uri,String?configFileName??)?{
try?{
return?new?ConfigManager(rootPath,?contextPath,?uri,configFileName);
}?catch?(?Exception?e?)?{
return?null;
}
}
如下圖:
編輯
?
4.3:重寫ConfigManager構(gòu)造器
/*
*?通過一個(gè)給定的路徑構(gòu)建一個(gè)配置管理器启涯,?該管理器要求地址路徑所在目錄下必須存在config.properties文件--kaigejava修改
*/
private?ConfigManager?(?String?rootPath,?String?contextPath,?String?uri,String?configFileName)?throws?FileNotFoundException,?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();
}
如下圖:
編輯
?
private?void?initEnv?()?throws?FileNotFoundException,?IOException?{
File?file?=?new?File(?this.originalPath?);
if?(?!file.isAbsolute()?)?{
file?=?new?File(?file.getAbsolutePath()?);
}
this.parentPath?=?file.getParent();
//String?configContent?=?this.readFile(?this.getConfigPath()?);
String?configContent?=?this.filter(IOUtils.toString(this.getClass().getClassLoader().getResourceAsStream(configFileName),"UTF-8"));
try{
JSONObject?jsonConfig?=?JSONObject.parseObject(configContent);
this.jsonConfig?=?jsonConfig;
}?catch?(?Exception?e?)?{
this.jsonConfig?=?null;
}
}
其中核心的:
?String?configContent?=?this.filter(IOUtils.toString(this.getClass().getClassLoader().getResourceAsStream(configFileName),"UTF-8"));
修改后贬堵,如下圖:
編輯
?
把ueditor.config.js文件的serverUrl修改成第一步編寫的controller對應(yīng)的url.如下圖:
編輯
?
修改完成之后,重新打包之后逝嚎,部署完成,發(fā)布訪問試試看详恼。就可以了补君。
源碼獲取:凱哥Java(kaigejava)昧互,回&|復(fù):kaige-cms挽铁。即可獲取本系統(tǒng)源碼了.blog體驗(yàn)域名:www|jiahaoyou|net伟桅。將|換成.