## **PageOffice集成说明** ### **运行PageOffice产品的演示程序：** 1. 访问PageOffice官网：http://www.zhuozhengsoft.com/ ，下载PageOffice产品开发包； 2. 解压PageOffice开发包，拷贝 Samples4文件夹到 Tomcat 的 Webapps 目录下， 访问 ： http://localhost:8080/Samples4/index.html 经过上面两个步骤，就可以把PageOffice产品的演示程序运行起来，在以后的开发过程中会经常需要参考Samples4示例，参考演示程序不但可以看到代码是如何编写的，还可以直观的看到对应功能所实现的效果。 ### **集成PageOffice到自己的工程项目里:** 1. 拷贝“集成文件”文件夹中的lib文件夹覆盖到您自己Web项目中WEB-INF目录下； 2. 参考“集成文件”文件夹中的web.xml文件，配置一下自己Web项目中的web.xml文件，也可以直接把下面的这段配置添加到自己的web.xml中； ~~~ <!-- 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 --> ~~~ 3. 在需要在线编辑的JSP页面头部添加： ~~~ <%@ page language="java" import="com.zhuozhengsoft.pageoffice.*" %> ~~~ 4. 对PageOffice编程控制： ~~~ <% PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request); poCtrl1.setServerPage("poserver.zz"); //此行必须 poCtrl1.setSaveFilePage("savefile.jsp");//如要保存文件，此行必须 //打开文件 poCtrl1.webOpen("doc/test.doc", OpenModeType.docNormalEdit, "张三"); %> ~~~ 5. 在html代码的body中需要出现office界面的位置插入下面的代码： ~~~ <%=poCtrl1.getHtmlCode("PageOfficeCtrl1")%> ~~~ >[info]注：PageOffice在页面中显示的高度和宽度就是由此嵌入它div的高度和宽度决定的，所以开发人员可以通过控制该div的高度和宽度进而控制PageOffice的高度和宽度。如下面代码所示： >~~~ ><div style="width:宽度;height:高度;"> > <%=poCtrl1.getHtmlCode("PageOfficeCtrl1")%> ></div> >~~~ 6. 如果使用PageOffice的POBrowser方式打开文件，那么调用javascript方法“POBrowser.openWindow”的页面一定要引用下面的js文件： ~~~ <script type="text/javascript" src=" jquery.min.js"></script> <script type="text/javascript" src=" pageoffice.js" id="po_js_main"></script> ~~~ >[warning] **注意：** pageoffice.js文件的引用需要添加 **id="po_js_main"** >[danger]【重要提示】：pageoffice.js文件的位置在第2步配置web.xml的时候已经设置好了，所以直接引用这个js即可，无需拷贝pageoffice.js文件到自己的Web项目目录下。如下代码配置： >~~~ ><servlet-mapping> > <servlet-name>poserver</servlet-name> > <url-pattern>/pageoffice.js</url-pattern> ></servlet-mapping> >~~~ 7. 如果需要使用PageOffice自带简易电子印章功能，只需修改web.xml中的以下内容，改成您的印章简易管理页的登录密码。管理员用户名为：admin ~~~ <context-param> <param-name>adminseal-password</param-name> <param-value>111111</param-value> </context-param> ~~~