Springboot整合PageOffice 實(shí)現(xiàn)word在線編輯保存功能

更新時(shí)間：2021年08月11日 10:38:03 作者：悲雨嘆風(fēng)

這篇文章主要介紹了Springboot整合PageOffice 實(shí)現(xiàn)word在線編輯保存,本文以Samples5 為示例文件結(jié)合示例代碼給大家詳細(xì)介紹，需要的朋友可以參考下

一、查看官網(wǎng)

http://www.zhuozhengsoft.com/

點(diǎn)擊首頁下載，進(jìn)入頁面：

在這里插入圖片描述

最新得5.2，我們就下載5.2版本進(jìn)行測(cè)試。

二、查看下載包

在這里插入圖片描述

Samples5 為示例文件。放入tomcat中得webapps可以直接訪問。
localhost:8080/Samples5/index.html集成文件里面有我們需要jar包

新建springboot項(xiàng)目以及簡(jiǎn)單測(cè)試這里就不多說了。

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注冊(cè)成功后,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;');" rel="external nofollow" >打開文件</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)入測(cè)試
     * @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文件地址

三、測(cè)試

輸入網(wǎng)址

http://localhost:8080/page/index

在這里插入圖片描述

打開文件，或讓你先進(jìn)行下載pageoffice。

注意事項(xiàng)

關(guān)閉瀏覽器進(jìn)行安裝
二要進(jìn)行企業(yè)注冊(cè)，隨便填填
test.docx得文件需要填寫些數(shù)據(jù)?？瘴臋n打不開！

四、gitee地址

https://gitee.com/finn_feng/finnPageOffice.git

到此這篇關(guān)于Springboot整合PageOffice 實(shí)現(xiàn)word在線編輯保存的文章就介紹到這了,更多相關(guān)Springboot整合PageOffice內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: