访问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>