訪問PageOffice官網:http://www.zhuozhengsoft.com/ ,下載PageOffice產品開發包;javascript
解壓PageOffice開發包,拷貝 Samples4文件夾到 Tomcat 的 Webapps 目錄下, 訪問 :
http://localhost:8080/Samples4/index.htmlcss
通過上面兩個步驟,就能夠把PageOffice產品的演示程序運行起來,在之後的開發過程當中會常常須要參考Samples4示例,參考演示程序不但能夠看到代碼是如何編寫的,還能夠直觀的看到對應功能所實現的效果。html
拷貝「集成文件」文件夾中的lib文件夾覆蓋到您本身Web項目中WEB-INF目錄下;java
參考「集成文件」文件夾中的web.xml文件,配置一下本身Web項目中的web.xml文件,也能夠直接把下面的這段配置添加到本身的web.xml中;jquery
<!-- PageOffice Begin --> <servlet> <servlet-name>poserver</servlet-name> <servlet-class>com.zhuozhengsoft.pageoffice.poserver.Server</servlet-class> </servlet> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/poserver.zz</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/sealsetup.exe</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/posetup.exe</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/pageoffice.js</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/jquery.min.js</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/pobstyle.css</url-pattern> </servlet-mapping> <servlet> <servlet-name>adminseal</servlet-name> <servlet-class>com.zhuozhengsoft.pageoffice.poserver.AdminSeal</servlet-class> </servlet> <servlet-mapping> <servlet-name>adminseal</servlet-name> <url-pattern>/adminseal.zz</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>adminseal</servlet-name> <url-pattern>/loginseal.zz</url-pattern> </servlet-mapping> <servlet-mapping> <servlet-name>adminseal</servlet-name> <url-pattern>/sealimage.zz</url-pattern> </servlet-mapping> <context-param> <param-name>adminseal-password</param-name> <param-value>111111</param-value> </context-param> <!-- PageOffice End -->
<%@ page language="java" import="com.zhuozhengsoft.pageoffice.*" %>
<% PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request); poCtrl1.setServerPage("poserver.zz"); //此行必須 poCtrl1.setSaveFilePage("savefile.jsp");//如要保存文件,此行必須 //打開文件 poCtrl1.webOpen("doc/test.doc", OpenModeType.docNormalEdit, "張三"); %>
<%=poCtrl1.getHtmlCode("PageOfficeCtrl1")%>
注:PageOffice在頁面中顯示的高度和寬度就是由此嵌入它div的高度和寬度決定的,因此開發人員能夠經過控制該div的高度和寬度進而控制PageOffice的高度和寬度。以下面代碼所示:web
<div style="width:寬度;height:高度;"> <%=poCtrl1.getHtmlCode("PageOfficeCtrl1")%> </div>
<script type="text/javascript" src=" jquery.min.js"></script> <script type="text/javascript" src=" pageoffice.js" id="po_js_main"></script>
注意: pageoffice.js文件的引用須要添加 id="po_js_main"編程
【重要提示】:pageoffice.js文件的位置在第2步配置web.xml的時候已經設置好了,因此直接引用這個js便可,無需拷貝pageoffice.js文件到本身的Web項目目錄下。以下代碼配置:app
<servlet-mapping> <servlet-name>poserver</servlet-name> <url-pattern>/pageoffice.js</url-pattern> </servlet-mapping>
<context-param> <param-name>adminseal-password</param-name> <param-value>111111</param-value> </context-param>