🔥码云GVP开源项目 12k star Uniapp+ElementUI 功能强大 支持多语言、二开方便! 广告
## **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> ~~~