前端实现Flexpaper的界面的效果

第一步:获取有关于FlexPaper_1.4.5_flash的压缩文件


第二步:将 FlexPaper_1.4.5_flash解压并且打开index.html(这一步的目的是检查swf文件是否可预览)
             如果预览正常请跳过这一步
             不正常的原因是 FlexPaper未取得 Adobe Flash的信任这时候可以去前往 http://www.macromedia.com/support/documentation/en/flashplayer/help/settings_manager04a.html#119065  为FlexPaper 添加信任  
             但是我添加了信任还是没有显示出来文件  很有可能是因为你用的是360游览器  我试了用火狐就可以  大家可以尝试一下用火狐游览器
              
             页面正常显示以后我们先来看一下Flex文件中的具体文件的功能
           
             红色文件是我们在Eclipse中使用的文件
 
  • examples文件夹:存放FlexPaper使用的例子(可以不要)
  • js文件夹:存放FlexPaper调用的js文件

  • PHP文件夹:存放php使用FlexPaper的例子 (可以不要)

  • index.html:例子主页

  • FlexPaperViewer.swf:FlexPaper的核心文件  (这个文件至关重要我试过在Eclipse中没有添加这个文件将导致页面显示不出来)

  • playerProductInstall.swf:如果客户端浏览器的flashplayer版本过低,将嵌入此swf文件


第三部:在Eclipse中新建一个WEB文件将Flex文件夹中的js文件拷到webcontent目录下
             在webcontent中新建一个index.jsp将felx文件中的index.html中从部分拷到index.jsp中
             前端实现Flexpaper的界面的效果_第1张图片
      
第四步:将FlexPaperViewer.swf和Paper.swf拷到webcontent中
第五步:将你的项目部署到Tomcat服务器中
第六步:在firefox中输入你的地址localhost:8080/项目名称/jsp名字

页面出现
前端实现Flexpaper的界面的效果_第2张图片

你可能感兴趣的:(前端大杂烩,flexpaper,前端,在线阅读)