使用Springboot實(shí)現(xiàn)word在線編輯保存
更新時(shí)間：2021年08月12日 10:19:11 作者：悲雨嘆風(fēng)
PageOffice目前支持的Web編程語言及架構(gòu)有:Java(JSP、SSH、MVC等)，ASP.NET(C#、VB.NET、MVC、Razor等)，PHP，ASP，本篇文章就帶你使用Springboot整合PageOffice實(shí)現(xiàn)word在線編輯保存
一、查看官網(wǎng)
點(diǎn)擊首頁下載，進(jìn)入頁面：
最新得5.2，我們就下載5.2版本進(jìn)行測試。
二、查看下載包
1.Samples5 為示例文件。放入tomcat中得webapps可以直接訪問。
localhost:8080/Samples5/index.html
2.集成文件 里面有我們需要jar包
新建springboot項(xiàng)目以及簡單測試這里就不多說了。
1、springboot 引入 pageoffice5.2.0.12.jar
2、springboot 引入thymleaf
<dependency>
<groupId>org.springframework.boot</groupId>
<artifactId>spring-boot-starter-thymeleaf</artifactId>
</dependency>
3、編寫配置文件
/**
* PageOffice 配置類
*/
@Configuration
public class PageOfficeConfig {
@Value("${file.save.path}")
String poSysPath;
/**
* 添加PageOffice的服務(wù)器端授權(quán)程序Servlet（必須）
* @return
*/
@Bean
public ServletRegistrationBean servletRegistrationBean() {
com.zhuozhengsoft.pageoffice.poserver.Server poserver = new com.zhuozhengsoft.pageoffice.poserver.Server();
//設(shè)置PageOffice注冊成功后,license.lic文件存放的目錄
poserver.setSysPath(poSysPath);
ServletRegistrationBean srb = new ServletRegistrationBean(poserver);
srb.addUrlMappings("/poserver.zz");
srb.addUrlMappings("/posetup.exe");
srb.addUrlMappings("/pageoffice.js");
srb.addUrlMappings("/jquery.min.js");
srb.addUrlMappings("/pobstyle.css");
srb.addUrlMappings("/sealsetup.exe");
return srb;
}
}
4、編寫 index.html 和 word.html
4.1 index.html
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
<!-- office插件js begin 必須引入-->
<script type="text/javascript" src="/jquery.min.js"></script>
<script type="text/javascript" src="/pageoffice.js" id="po_js_main"></script>
<!-- end -->
</head>
<body>
<a href="javascript:POBrowser.openWindowModeless('word','width=1200px;height=800px;');">打開文件</a>
</body>
</html>
4.2 word.html
**<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<input id="Button1" type="button" value="隱藏/顯示 標(biāo)題欄" onclick="return Button1_onclick()" />
<input id="Button2" type="button" value="隱藏/顯示 菜單欄" onclick="return Button2_onclick()" />
<input id="Button3" type="button" value="隱藏/顯示 自定義工具欄" onclick="return Button3_onclick()" />
<input id="Button4" type="button" value="隱藏/顯示 Office工具欄" onclick="return Button4_onclick()" />
<div style="width:1000px;height:700px;" th:utext="${pageoffice}"> </div>
<script type="text/javascript">
function Save() {
document.getElementById("PageOfficeCtrl1").WebSave();
}
function PrintFile(){
document.getElementById("PageOfficeCtrl1").ShowDialog(4);
}
function IsFullScreen(){
document.getElementById("PageOfficeCtrl1").FullScreen = !document.getElementById("PageOfficeCtrl1").FullScreen;
}
function CloseFile(){
window.external.close();
}
function BeforeBrowserClosed(){
if (document.getElementById("PageOfficeCtrl1").IsDirty){
if(confirm("提示：文檔已被修改，是否繼續(xù)關(guān)閉放棄保存 ？"))
{
return true;
}else{
return false;
}
}
}
// 隱藏/顯示 標(biāo)題欄
function Button1_onclick() {
var bVisible = document.getElementById("PageOfficeCtrl1").Titlebar;
document.getElementById("PageOfficeCtrl1").Titlebar = !bVisible;
}
// 隱藏/顯示 菜單欄
function Button2_onclick() {
var bVisible = document.getElementById("PageOfficeCtrl1").Menubar;
document.getElementById("PageOfficeCtrl1").Menubar = !bVisible;
}
// 隱藏/顯示 自定義工具欄
function Button3_onclick() {
var bVisible = document.getElementById("PageOfficeCtrl1").CustomToolbar;
document.getElementById("PageOfficeCtrl1").CustomToolbar = !bVisible;
}
// 隱藏/顯示 Office工具欄
function Button4_onclick() {
var bVisible = document.getElementById("PageOfficeCtrl1").OfficeToolbars;
document.getElementById("PageOfficeCtrl1").OfficeToolbars = !bVisible;
}
</script>
</body>
</html>**
5、編寫PageOfficeController
/**
* PageOffice Demo
*/
@Controller
@RequestMapping("/page")
public class PageOfficeController {
/**
* 進(jìn)入測試
* @return
*/
@RequestMapping(value="/index", method=RequestMethod.GET)
public ModelAndView showIndex(){
ModelAndView mv = new ModelAndView("index");
return mv;
}
/**
* office online打開
* @param request
* @param map
* @return
*/
@RequestMapping(value="/word", method=RequestMethod.GET)
public ModelAndView showWord(HttpServletRequest request, Map<String,Object> map){
//--- PageOffice的調(diào)用代碼 開始 -----
PageOfficeCtrl poCtrl=new PageOfficeCtrl(request);
poCtrl.setServerPage("/poserver.zz");//設(shè)置授權(quán)程序servlet
poCtrl.addCustomToolButton("保存","Save()",1); //添加自定義按鈕
poCtrl.addCustomToolButton("打印", "PrintFile()", 6);
poCtrl.addCustomToolButton("全屏/還原", "IsFullScreen()", 4);
poCtrl.addCustomToolButton("關(guān)閉", "CloseFile()", 21);
poCtrl.setSaveFilePage("/page/save");//設(shè)置保存的action
poCtrl.webOpen("D:\\page\\test.docx", OpenModeType.docAdmin,"張三");
poCtrl.setCaption("信息平臺(tái)");
map.put("pageoffice",poCtrl.getHtmlCode("PageOfficeCtrl1"));
//--- PageOffice的調(diào)用代碼 結(jié)束 -----
ModelAndView mv = new ModelAndView("word");
return mv;
}
/**
* 保存
* @param request
* @param response
*/
@RequestMapping("/save")
public void saveFile(HttpServletRequest request, HttpServletResponse response){
FileSaver fs = new FileSaver(request, response);
fs.saveToFile("d:\\page\\" + fs.getFileName());
fs.close();
}
}
6.application.yml 配置
server:
port: 8080
spring:
datasource:
driver-class-name: com.mysql.cj.jdbc.Driver
url: jdbc:mysql://localhost:3306/test?useUnicode=true&useSSL=false&characterEncoding=utf8&serverTimezone=UTC
username: root
password: finn123
# thymeleaf頁面模板配置
thymeleaf:
prefix: classpath:/templates/
suffix: .html
mvc:
view:
prefix: classpath:/templates/
suffix: .html
resources:
static-locations: classpath:/templates/,classpath:/static/
file:
save:
path: d:/page/
7.注意 項(xiàng)目結(jié)構(gòu)
注意jquery.min.js 和 pageoffice.js文件地址
三、測試
輸入網(wǎng)址
http://localhost:8080/page/index
打開文件，或讓你先進(jìn)行下載pageoffice。
注意事項(xiàng)
1.關(guān)閉瀏覽器進(jìn)行安裝
2.二要進(jìn)行企業(yè)注冊，隨便填填
3.test.docx得文件需要填寫些數(shù)據(jù)。空文檔打不開！
四、gitee地址
https://gitee.com/finn_feng/finnPageOffice.git
總結(jié)
本篇文章就到這里了，希望能給你帶來幫助，也希望您能夠多多關(guān)注腳本之家的更多內(nèi)容！
您可能感興趣的文章:
- SpringBoot使用freemarker導(dǎo)出word文件方法詳解
- SpringBoot如何基于POI-tl和word模板導(dǎo)出龐大的Word文件
- Java?SpringBoot集成文件之如何使用POI導(dǎo)出Word文檔
- SpringBoot如何實(shí)現(xiàn)word文檔轉(zhuǎn)pdf
- Springboot整合PageOffice 實(shí)現(xiàn)word在線編輯保存功能
- 解決springboot 連接 mysql 時(shí)報(bào)錯(cuò) using password: NO的方案
- SpringBoot之Helloword 快速搭建一個(gè)web項(xiàng)目(圖文)
- 1秒鐘實(shí)現(xiàn)Springboot?替換/寫入?word文檔里面的文字、圖片功能
相關(guān)文章
JFormDesigner是一款用于設(shè)計(jì)和創(chuàng)建圖形用戶界面的插件,本文主要介紹了IDEA中的JFormDesigner使用小結(jié),具有一定的參考價(jià)值,感興趣的可以了解一下2024-01-01
這篇文章主要介紹了YGC過于頻繁問題以及解決方案,具有很好的參考價(jià)值,希望對大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2025-04-04
springCloud服務(wù)注冊Eureka實(shí)現(xiàn)過程圖解
這篇文章主要介紹了springCloud服務(wù)注冊Eureka實(shí)現(xiàn)過程圖解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2020-04-04
這篇文章主要介紹了應(yīng)用java語言實(shí)現(xiàn)單鏈表逆序，,需要的朋友可以參考下2015-07-07
Nacos客戶端在從Server獲得服務(wù)時(shí),若出現(xiàn)故障,會(huì)通過ServiceInfoHolder和FailoverReactor進(jìn)行故障轉(zhuǎn)移,ServiceInfoHolder緩存服務(wù)信息,FailoverReactor處理故障轉(zhuǎn)移,包括開啟故障轉(zhuǎn)移開關(guān)、讀取備份文件等2024-12-12
這篇文章主要介紹了mybatis批量新增、刪除、查詢和修改方式，具有很好的參考價(jià)值，希望對大家有所幫助。如有錯(cuò)誤或未考慮完全的地方，望不吝賜教2021-09-09
這篇文章主要介紹了Java多線程通信實(shí)現(xiàn)方式詳解,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下2019-11-11
為什么Java要把字符串設(shè)計(jì)成不可變的，這篇文章給出了Java字符串設(shè)計(jì)成不可變的原因，感興趣的小伙伴們可以參考一下2017-06-06
這篇文章主要介紹了Spring?自定義propertyEditor的示例代碼,本文結(jié)合示例代碼給大家介紹的非常詳細(xì)，對大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值，需要的朋友可以參考下2022-12-12
Java Socket編程（二） Java面向連接的類...2006-12-12