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