java开发_模仿百度文库_FlexPaper_weixin_33845881的博客-程序员宅基地

技术标签: ViewUI  java  javascript  

之前做了前面的两步:

第一步: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

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

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_33845881/article/details/85525188

智能推荐

更方便、更强大: Flutter package 生态系统更新_程序亦非猿的博客-程序员宅基地

作者 / Chris Sells,Flutter 开发者体验产品经理Google Flutter 团队只有一个工作目标: 让开发者在多个平台上都能构建精美的原生应用。在 Flutter ...

BFC块格式化上下文_平平无奇小码农qwq的博客-程序员宅基地

BFC是什么根据W3C的标准,在页面元素都有一个隐含的属性叫Block Formatting Context。简称BFC(Block Formatting Context,块格式化上下文),该属性可以设置打开或关闭,默认关闭。详情定义查看:MDN解释定义看起来有点晦涩难懂,那么到底什么是BFC呢?具有 BFC 特性的元素可以看作是隔离了的独立容器,容器里面的元素不会在布局上影响到外面的元素,并且 BFC 具有普通容器所没有的一些特性。怎样触发 BFC只要元素满足下面任一条件即可触发 BFC 特

基于geoserver的REST服务完成mysql数据源动态发布_你狗的博客-程序员宅基地

文章版权由作者李晓晖和博客园共有,若转载请于明显处标明出处:http://www.cnblogs.com/naaoveGIS/1. 背景 在之前的《简析GeoServer服务的内部文件组织以及GeoServer自动化服务发布工具的开发思路》(https://www.cnblogs.com/naaoveGIS/p/4212093.html)文章中,我详细的介绍了Geoserve...

Redis-Bitmap介绍及使用_codingjav的博客-程序员宅基地_bitmap怎么使用

目录1、Bitmap是什么2、Bitmap 基本命令3、Bitmap的优点和限制4、Bitmap使用场景4.1、引入依赖、配置4.2、活跃用户4.3、查询指定日期 活跃的用户数4.4、扩展 周活跃用户数4.5、用户/员工签到总结1、Bitmap是什么可以把BitMap想象成一个数组,树组的下标即是 偏移量,数组只能存储 0 1。bitmap = 位图,就是 byte 数组,用二进制表示,这个数组只能存储0或者1 。bitmap 就是用最小的单位bit来

第五十九期:商用数据库之死:Oracle 面临困境_普通网友的博客-程序员宅基地

 作者:John Freeman、Fred McClimans 和 Zach Mitchell  我们预计到 2021 年,年产值 296 亿美元的商业数据库市场会收缩 20% 至 30%,认为 Oracle 无法让收入来源足够快地实现转型(从传统的商业数据库转向基于云的订购产品),以抵消这个市场下滑的颓势,这个市场是 Oracle 收入的一大传统核心。  这二十年来,商业数据库市场...

浏览器兼容设置 + 拖拽封装_Web企鹅的博客-程序员宅基地

浏览器兼容设置都以点击事件 onclick 为例:事件对象获取document.onclick = function(ev) { let e = ev || window.event;}获取键码let w = e.which || e.keyCode;目标对象 / 触发对象button.onclick = function() { let target = e.target || window.event.srcElement;}组止超链接默认行为的函数e 为获

随便推点

C#OOP CH03 使用集合组织相关数据_Frank-Hi的博客-程序员宅基地

C#OOP CH03 使用集合组织相关数据本章目标:理解集合的概念会使用集合初始化器熟练使用集合访问数据理解泛型的概念熟练使用各种泛型集合1. 集合概述:数组优缺点分析:数组在内存中是连续存储的,所以它的索引速度非常快,而且赋值与修改元素也很简单。但是数组存在一些不足的地方:在数组的两个数据间插入数据是很麻烦的,而且在声明数组的时候必须指定数组的长度 , 数组的长度过长,会造成内存浪费,过多会造成数据溢出的错误。如果在声明数组时我们不清楚数组的长度,就会变得很麻烦。针对数组

VS(Visual Studio)调试dll详细过程记录_小胖七少爷的博客-程序员宅基地

&nbsp; &nbsp; &nbsp; 在我们写的程序中有时候调用dll,并且需要跟踪dll中的函数,此时直接调试调用dll的工程是无法跳进dll的函数的,此时我们可以启动dll工程 来跟踪程序的走向。注...

替换wsock32.dl_Hustudent20080101的博客-程序员宅基地

替换wsock32.dll 标签: linkerwinapidllnetworkthreadcmd2006-04-06 12:00 3167人阅读 评论(0)收藏举报本文章已收录于:分类: C++&Other(144) 作者同类文章X版权声明:本文为博主原创文章,未经博主允许不得转载。

【算法千题案例】每日LeetCode打卡——78.字符串中的单词数_呆呆敲代码的小Y的博客-程序员宅基地

算法题打卡:字符串中的单词数。没有特别幸运,那么请先特别努力,别因为懒惰而失败,还矫情地将原因归于自己倒霉。所以说,树倒了,没有一片雪花是无辜的

Pandas:合并_人行花坞的博客-程序员宅基地

Pandas:合并准备环境import numpy as npimport pandas as pddf = pd.read_csv('data/table.csv')df.head()一、append与assignappend# 利用序列添加行(必须指定name)df_append = df.loc[:3,['Gender','Height']].copy()df_ap...

RocketMQ 报 No route info of this topic_猿芯的博客-程序员宅基地

用 producer 发消息时,报 No route info of this topic 错误:org.apache.rocketmq.client.exception.MQClientException: No route info of this topic, IS-STURCL-TPSee http://rocketmq.apache.org/docs/faq/ for further details. at org.apache.rocketmq.client.impl.pro

推荐文章

热门文章

相关标签