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

1. 在需要在线编辑的JSP页面头部添加：

<%@ page language="java" import="com.zhuozhengsoft.pageoffice.*" %>

1. 对PageOffice编程控制：

	<%
		PageOfficeCtrl poCtrl1 = new PageOfficeCtrl(request);
		poCtrl1.setServerPage("poserver.zz"); //此行必须
		poCtrl1.setSaveFilePage("savefile.jsp");//如要保存文件，此行必须
		//打开文件
		poCtrl1.webOpen("doc/test.doc", OpenModeType.docNormalEdit, "张三");
	%>

1. 在html代码的body中需要出现office界面的位置插入下面的代码：

<%=poCtrl1.getHtmlCode("PageOfficeCtrl1")%>

注：PageOffice在页面中显示的高度和宽度就是由此嵌入它div的高度和宽度决定的，所以开发人员可以通过控制该div的高度和宽度进而控制PageOffice的高度和宽度。如下面代码所示：

<div style="width:宽度;height:高度;">
   <%=poCtrl1.getHtmlCode("PageOfficeCtrl1")%>
</div>

1. 如果使用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>

1. 如果需要使用PageOffice自带简易电子印章功能，只需修改web.xml中的以下内容，改成您的印章简易管理页的登录密码。管理员用户名为：admin

  <context-param>
  	<param-name>adminseal-password</param-name>
  	<param-value>111111</param-value>
  </context-param>