之前做了前面的两步:
第一步:java开辟_仿照百度文库_OpenOffice2PDF_源码下载
第二步:java开辟_仿照百度文库_SWFTools_源码下载
如今是最后一步了,就是把我们的swf显示在网页上方。
在做这个之前,也是须要做一些筹办工作的。
1.下载flexpaper
下载地址:http://code.google.com/p/flexpaper/downloads/list
下载:FlexPaper_2.0.2.zip
2.然后解压,须要的文件如下:
上方是我从头组合的,你也可以把解紧缩文件夹全部的拷贝到WebRoot下面。
不过路径在设置的时辰,就须要重视啦.....
3.新建一个jsp文件
index.jsp
1 <%@ page contentType="text/html; charset=utf-8"%> 2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 3 <html> 4 <head> 5 <title>showWenKU</title> 6 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 7 8 <script type="text/javascript" 9 src="¥{pageContext.request.contextPath}/flexpaper/swfobject/swfobject.js"></script> 10 <script type="text/javascript" 11 src="¥{pageContext.request.contextPath}/flexpaper/flexpaper_flash.js"></script> 12 13 <script type="text/javascript"> 14 <!-- For version detection, set to min. required Flash Player version, or 0 (or 0.0.0), for no version detection. --> 15 var swfVersionStr = "9.0.124"; 16 <!-- To use express install, set to playerProductInstall.swf, otherwise the empty string. --> 17 var xiSwfUrlStr = "¥{expressInstallSwf}"; 18 var flashvars = { 19 SwfFile : escape("¥{pageContext.request.contextPath}/flexpaper/swf/test_1352107155307_1352172932517.swf?v1.4.0final"), 20 Scale : 0.8, //放大因子,是一个0以上的数(带小数 1 = 100%) 。 21 ZoomTransition : "easeOut",//光学变焦过渡,默认值是easeOut,可取值: easenone, ea搜刮引擎优化ut, linear, ea搜刮引擎优化utquad 22 ZoomTime : 0.5, //时候过渡让变焦达到新的放大因子,值为0或更大的数。 23 ZoomInterval : 0.1,//区间的滑动缩放。放大因子缺省值是0.1。如同在对象栏上应用滑动条按钮的结果。 24 FitPageOnLoad : true, //(布尔) 合适初始页大小(依高度而定)的装载页。如同在对象栏上应用fit-page按钮的结果。 25 FitWidthOnLoad : true, // (布尔)合适初始页宽度大小的装载页。如同在对象栏上应用fit-width按钮的结果。 26 PrintEnabled : true, //是否支撑打印 27 FullScreenAsMaxWindow :false, //是否支撑全屏 28 ProgressiveLoading : false, //是否支撑延迟加载 29 SearchMatchAll : true,//设置为true时,单击搜刮所有合适前提的处所高亮显示 30 PrintToolsVisible : false, 31 ViewModeToolsVisible : true,//(布尔)显示或隐蔽视图模式与对象栏 32 ZoomToolsVisible : true,//(布尔) 从对象栏显示或隐蔽变焦对象 33 FullScreenVisible : true,//(布尔)以最大化体式格式打开一个新浏览器窗口。 34 NavToolsVisible : true,//(布尔)显示或隐蔽导航对象 35 CursorToolsVisible : false,//(布尔) 显示或隐蔽光标对象 36 SearchToolsVisible : true, 37 localeChain: "en_US" //说话 38 }; 39 var params = { 40 41 } 42 params.quality = "high"; 43 params.bgcolor = "#ffffff"; 44 params.allowscriptaccess = "sameDomain"; 45 params.allowfullscreen = "true"; 46 var attributes = {}; 47 attributes.id = "FlexPaperViewer"; 48 attributes.name = "FlexPaperViewer"; 49 swfobject.embedSWF( 50 "¥{pageContext.request.contextPath}/flexpaper/swf/FlexPaperViewer.swf", "flashContent", 51 "800", "532", 52 swfVersionStr, xiSwfUrlStr, 53 flashvars, params, attributes); 54 swfobject.createCSS("#flashContent", "display:block;text-align:left;"); 55 </script> 56 57 </head> 58 <body> 59 <div id="flashContent" ></div> 60 </body> 61 </html>
具体的参数可以参考:
官方文档1:http://flexpaper.org/docs_api.jsp
官方文档2:http://flexpaper.org/docs_parameters.jsp
4.运行结果 迎接多多支撑多拿网:http://www.iduona.com
到这里,仿照百度文库就成功搞定啦....
来源:oschina
链接:https://my.oschina.net/u/211822/blog/103763