java开发_模仿百度文库_FlexPaper

之前做了前面的两步:

第一步: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, easeout, linear, easeoutquad
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

到这里,模仿百度文库就成功搞定啦....

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏李智的专栏

sublime text3优秀插件汇总(含安装教程)

1. 自主安装sublime text3 2. ubuntu下使用下面命令安装

15010
来自专栏谦谦君子修罗刀

React-native-scrollable-tab-view详解

前言:他方山上有佳石,可以用来琢玉器。只有解决了一个红屏,才有机会遇见另一个红屏。只有解决了一个困难,才有机会遇到其他的困难。O(∩_∩)O~生命不息,奋斗不止...

1.5K100
来自专栏Python攻城狮

Selenium 的使用1.网站模拟登录2.动态页面模拟点击3.执行 JavaScript 语句

8620
来自专栏Web 开发

iOS9.1终于可以关闭讨厌的300ms延迟了

https://developer.apple.com/library/prerelease/mac/releasenotes/General/WhatsNew...

10900
来自专栏Django Scrapy

Django安装及简单使用1.5

Django安装及简单使用1.5 代码都在github: URL:https://github.com/njxshr/codes/tree/master/t...

35770
来自专栏非著名程序员

基础篇章:关于 React Native 之 KeyboardAvoidingView 组件的讲解

友情提示:RN学习,从最基础的开始,大家不要嫌弃太基础,会的同学请自行略过,希望不要耽误已经会的同学的宝贵时间) 看完了这个组件的名字 KeyboardAvoi...

50250
来自专栏菜鸟计划

javascript简史

一、javascript简介 1.1 javascript简史 javascript诞生于1995年。当时它的主要目的是处理以前由服务器端语言负责的一些输入验证...

29350
来自专栏全栈架构

看微信小程序 wx.canvasToTempFilePath 方法之巨坑的解决之道

当然这个项目是可以用的,但是生成不了图片,打开 tempFilePath直接报错,发现了什么原因了吗?

36410
来自专栏达摩兵的技术空间

h5标签入门

13610
来自专栏.Net移动开发

.Net语言 APP开发平台——Smobiler学习日志:如何在手机上实现散落点图表功能

最前面的话:Smobiler是一个在VS环境中使用.Net语言来开发APP的开发平台,也许比Xamarin更方便

11320

扫码关注云+社区

领取腾讯云代金券