項目中有時會需要在線打開PPT并編輯保存。pageoffice可以完美調(diào)用本地office在線打開ppt文件，跟本地打開效果一樣。還可以在線打開word、excel、pdf等文件，在線辦公系統(tǒng)需要用到的功能基本都可以實現(xiàn)，效果還是挺不錯的，集成也很簡單。

建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)專業(yè)提供成都網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站制作(企業(yè)站、響應(yīng)式網(wǎng)站設(shè)計、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗的提升,我們力求做到極致!

前端：vue2

后端：springboot

1、后端pom.xml中導(dǎo)入依賴

com.zhuozhengsoftpageoffice5.4.0.3

2、啟動類中配置pageoffice的授權(quán)程序bean（這些都要在權(quán)限框架中設(shè)置允許訪問，不能攔截）

@Bean
    public ServletRegistrationBean pageofficeRegistrationBean() {
        com.zhuozhengsoft.pageoffice.poserver.Server poserver = new com.zhuozhengsoft.pageoffice.poserver.Server();
        poserver.setSysPath("D:\\lic");//設(shè)置PageOffice注冊成功后,license.lic文件存放的目錄
        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;//
    }

3、前端vue的index.html頁面引用后端根目錄下的pageoffice.js

4、配置代理vue.config.js（transpileDependencies是為了解決ie和vue的兼容）

module.exports = {
    devServer: {
        proxy: {
        '/api': {
          target: 'http://localhost:8086/pageoffice_demo', //"/api"對應(yīng)后端項目"http://localhost:8086/pageoffice_demo"地址 
          ws: true,
          changeOrigin: true, // 允許跨域
          pathRewrite: {
           '^/api': ''   // 標識替換，使用 '/api' 代替真實的接口地址
          }
        }
      }
    },
	publicPath:"/",
	
	//node_modules里的依賴默認是不會編譯的,會導(dǎo)致es6語法在ie中的語法報錯,根據(jù)報錯找到對應(yīng)的文件夾指定該文件夾或文件需要編譯.
	transpileDependencies: ["sockjs-client"]
  }

5、在index.vue頁面添加按鈕調(diào)用POBrowser.openWindowModeless打開OpenPPT.vue頁面，通過axios請求后臺打開ppt文件的接口?

index.vue頁面

OpenPPT.vue

6、后端打開打開ppt文件的controller，這塊打開ppt用的是普通編輯模式，webopen第二個參數(shù)。還有另外一個只讀模式，根據(jù)自己的需求選擇

@RestController
@RequestMapping(value ="/SimplePPT")
public class SimplePPTController {

        //獲取doc目錄的磁盤路徑
        private String dir = GetDirPathUtil.getDirPath() + "static/doc/";

        @RequestMapping(value ="/PPT")
        @ResponseBody
        public String showPPT(HttpServletRequest request) {
            PageOfficeCtrl poCtrl = new PageOfficeCtrl(request);
            poCtrl.setServerPage("/api/poserver.zz");//設(shè)置服務(wù)頁面
            //添加自定義按鈕
            poCtrl.addCustomToolButton("保存", "Save", 1);
            poCtrl.addCustomToolButton("關(guān)閉", "Close", 21);
            //設(shè)置保存頁面
            poCtrl.setSaveFilePage("/api/SimplePPT/save");//設(shè)置處理文件保存的請求方法
            //打開Word文檔
            poCtrl.webOpen("D:\\doc\\SimplePPT\\test.ppt", OpenModeType.pptNormalEdit, "張三");
            return poCtrl.getHtmlCode("PageOfficeCtrl1");
        }


        @RequestMapping("save")
        public void save(HttpServletRequest request, HttpServletResponse response) {
            FileSaver fs = new FileSaver(request, response);
            fs.saveToFile("D:\\doc\\SimplePPT\\" + fs.getFileName());
            fs.close();
        }

}

右上角還可以選擇全屏

你是否還在尋找穩(wěn)定的海外服務(wù)器提供商？創(chuàng)新互聯(lián)www.cdcxhl.cn海外機房具備T級流量清洗系統(tǒng)配攻擊溯源，準確流量調(diào)度確保服務(wù)器高可用性，企業(yè)級服務(wù)器適合批量采購，新人活動首月15元起，快前往官網(wǎng)查看詳情吧