Java与Flex学习笔记(20)---将flex页面嵌入到jsp页面中

简介:

 如果我们只需要用到Flex的一部分功能,例如播放器功能,我们可以单独把Flex页面嵌入到Jsp页面中。要想实现此功能,需要下载一个工程,将其覆盖在服务器根目录下即可。你可以在次下载:FlexModule_j2ee.zip

 

      在eclipse下新建一个web工程,将刚才下载的工程解压缩,然后将webtier文件夹下的内容覆盖服务器根目录下,如本人的:

 

 

 

      注意要将lib文件夹和jars文件夹下的jar包添加到到类路径下,这样就算是整合完成了吧。

 

     接着新建一个flex的mxml文件PlayVideo.mxml,将其放在WebContent下,代码如下所示:

 

 

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
 
  1. <?xmlversionxmlversion="1.0" encoding="utf-8"?>  
  2. <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"  
  3. creationComplete="init()">  
  4. <mx:Script>  
  5. <![CDATA[ 
  6.     import mx.controls.Alert; 
  7.     private var rtmpURL:String="rtmp://localhost/oflaDemo"; 
  8.     private var nc:NetConnection=new NetConnection(); 
  9.     private var playerVideo:Video=new Video(); 
  10.     [Bindable] 
  11.     private var stream:NetStream; 
  12.     private function init():void{ 
  13.        playerVideo.width = 500; 
  14.        playerVideo.height = 400; 
  15.        connect(); 
  16.     } 
  17.     private function connect():void{ 
  18.        nc.addEventListener(NetStatusEvent.NET_STATUS,netStatus); 
  19.        nc.connect(rtmpURL); 
  20.     } 
  21.     private function netStatus(e:NetStatusEvent):void{ 
  22.        trace(e.info.code); 
  23.        if(e.info.code=="NetConnection.Connect.Success"){ 
  24.            stream=new NetStream(nc); 
  25.            playerVideo.attachNetStream(stream); 
  26.            stream.play("chirisyu_ytywn.flv"); 
  27.            container.addChild(playerVideo); 
  28.        } 
  29.     } 
  30. ]]>  
  31. </mx:Script>  
  32.     <mx:UIComponent id="container"></mx:UIComponent>  
  33. </mx:Application>  



 

      这个文件实现的是之前用Red5播放视频的减缩版。

 

      接着新建一个jsp文件,如下所示:

 

 

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
 
  1. <%@ page language="java"contentType="text/html; charset=UTF-8"  
  2.     pageEncoding="UTF-8"%>  
  3. <%@taglib uri="FlexTagLib"prefix="mm" %>  
  4. <!DOCTYPE html PUBLIC "-//W3C//DTDHTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">  
  5. <html>  
  6. <head>  
  7. <meta http-equiv="Content-Type"content="text/html; charset=UTF-8">  
  8. <title>测试</title>  
  9. <style type="text/css">  
  10.     #mess{  
  11.        position: absolute;  
  12.        left: 250px;  
  13.        top: 25px;  
  14.        font-size: 22px;  
  15.     }  
  16.     #video{  
  17.        position: absolute;  
  18.        left: 250px;  
  19.        top: 70px;  
  20.     }  
  21. </style>  
  22. </head>  
  23. <body>  
  24.     <div id="mess">  
  25.     这是测试视频:  
  26.     </div>  
  27.     <div id="video">  
  28.        <mm:mxml source="PlayVideo.mxml"width="500" height="400">  
  29.        </mm:mxml>  
  30.     </div>  
  31.      
  32. </body>  
  33. </html>  



 

    可以看出将mxml文件引入jsp需要做的事是:

 

    1.声明引入标签,如<%@tagliburi="FlexTagLib"prefix="mm"%>。如果web.xml文件中没有添加

 

[html]  view plain copy print ? 在CODE上查看代码片 派生到我的代码片
 
  1. <taglib>  
  2.         <taglib-uri>FlexTagLib</taglib-uri>  
  3.         <taglib-location>/WEB-INF/lib/flex-bootstrap-jsp.jar</taglib-location>  
  4. </taglib>  


,则会报错。

 

 

     2.在<mm:mxml/>标签中引入mxml文件,里面有一些属性,可以查看API,本人就不在此赘述了。

 

     好了,这样就可以测试了,运行jsp文件,如果成功运行则证明成功了:

 

 

    

       当然,这个mxml用的是flex 3文件,如果换成flex4的话会报错,因为目前使用的jar包不支持Flex4标签,不知道作者会不会更新。



本文转自农夫山泉别墅博客园博客,原文链接:http://www.cnblogs.com/yaowen/p/4172645.html,如需转载请自行联系原作者

相关文章
|
28天前
|
自然语言处理 前端开发 Java
Servlet与JSP:Java Web开发的基石技术详解
【6月更文挑战第23天】Java Web的Servlet与JSP是动态网页的核心。Servlet是服务器端的Java应用,处理HTTP请求并响应;JSP则是结合HTML与Java代码的页面,用于动态内容生成。Servlet通过生命周期方法如`init()`、`service()`和`destroy()`工作,而JSP在执行时编译成Servlet。两者在MVC架构中分工,Servlet处理逻辑,JSP展示数据。尽管有Spring MVC等框架,Servlet和JSP仍是理解Web开发基础的关键。
|
28天前
|
存储 Java 关系型数据库
基于Servlet和JSP的Java Web应用开发指南
【6月更文挑战第23天】构建Java Web应用,Servlet与JSP携手打造在线图书管理系统,涵盖需求分析、设计、编码到测试。通过实例展示了Servlet如何处理用户登录(如`LoginServlet`),JSP负责页面展示(如`login.jsp`和`bookList.jsp`)。应用基于MySQL数据库,包含用户和图书表。登录失败显示错误信息,成功后展示图书列表。部署到Tomcat服务器测试功能。此基础教程为深入Java Web开发奠定了基础。
|
28天前
|
缓存 安全 Java
Java服务器端技术:Servlet与JSP的集成与扩展
【6月更文挑战第23天】Java Web开发中,Servlet和JSP是构建动态Web应用的基础。Servlet处理逻辑,JSP专注展示。示例展示了Servlet如何通过`request.setAttribute`传递数据给JSP渲染。JSP自定义标签提升页面功能,如创建`WelcomeTag`显示欢迎消息。Servlet过滤器,如`CacheControlFilter`,用于预处理数据或调整响应头。这些集成和扩展技术增强了应用效率、安全性和可维护性,是Java服务器端开发的关键。
|
28天前
|
前端开发 安全 Java
Java服务器端开发实战:利用Servlet和JSP构建动态网站
【6月更文挑战第23天】**Servlet和JSP在Java Web开发中扮演关键角色。Servlet处理业务逻辑,管理会话,JSP则结合HTML生成动态页面。两者协同工作,形成动态网站的核心。通过Servlet的doGet()方法响应请求,JSP利用嵌入式Java代码创建动态内容。实战中,Servlet处理数据后转发给JSP展示,共同构建高效、稳定的网站。虽然新技术涌现,Servlet与JSP仍为Java Web开发的基石,提供灵活且成熟的解决方案。**
|
28天前
|
缓存 负载均衡 安全
Servlet与JSP在Java Web应用中的性能调优策略
【6月更文挑战第23天】在Java Web中,Servlet和JSP调优至关重要,以应对高并发和复杂业务带来的性能挑战。优化包括Servlet复用、线程安全、数据库连接池,以及JSP的编译优化、使用JSTL、页面缓存和静态内容分离。全局优化涉及负载均衡、异步处理和缓存策略。通过这些实践,开发者能提升应用响应速度和吞吐量,确保高负载下的稳定运行。
|
28天前
|
搜索推荐 Java 数据库连接
探索Java Web开发:Servlet与JSP的协同工作原理
【6月更文挑战第23天】Java Web开发中,Servlet和JSP协同打造动态网站。Servlet是服务器端的Java程序,处理HTTP请求并执行复杂逻辑;JSP则结合HTML和Java,生成动态内容。Servlet通过`doGet()`等方法响应请求,JSP在首次请求时编译成Servlet。两者常搭配使用,Servlet处理业务,JSP专注展示,通过`RequestDispatcher`转发实现数据渲染。这种组合是Java Web应用的基础,即使新技术涌现,其价值仍然重要,为开发者提供了强大的工具集。
|
28天前
|
缓存 安全 小程序
从基础到进阶:掌握Java中的Servlet和JSP开发
【6月更文挑战第23天】Java Web开发中的Servlet和JSP是关键技术,用于构建动态网站。Servlet是服务器端小程序,处理HTTP请求,生命周期包括初始化、服务和销毁。基础Servlet示例展示了如何响应GET请求并返回HTML。随着复杂性增加,JSP以嵌入式Java代码简化页面创建,最佳实践提倡将业务逻辑(Servlet)与视图(JSP)分离,遵循MVC模式。安全性和性能优化,如输入验证、HTTPS、会话管理和缓存,是成功应用的关键。本文提供了一个全面的学习指南,适合各级开发者提升技能。
|
2月前
|
Java
排课系统【JSP+Servlet+JavaBean】(Java课设)
排课系统【JSP+Servlet+JavaBean】(Java课设)
50 5
|
28天前
|
缓存 小程序 前端开发
Java服务器端技术探秘:Servlet与JSP的核心原理
【6月更文挑战第23天】Java Web开发中的Servlet和JSP详解:Servlet是服务器端的Java小程序,处理HTTP请求并响应。生命周期含初始化、服务和销毁。创建Servlet示例代码展示了`doGet()`方法的覆盖。JSP则侧重视图,动态HTML生成,通过JSP脚本元素、声明和表达式嵌入Java代码。Servlet常作为控制器,JSP处理视图,遵循MVC模式。优化策略涉及缓存、分页和安全措施。这些技术是Java服务器端开发的基础。
|
28天前
|
存储 缓存 安全
Servlet与JSP在Java服务器端开发中的实践与优化
【6月更文挑战第23天】本文探讨了Java中Servlet与JSP在在线书店系统开发中的应用,强调了它们在动态网站构建和Web效率中的作用。通过实例,展示了Servlet如何作为控制器处理用户登录,JSP则利用EL表达式呈现数据。此外,文章提及了性能优化如分页和缓存,以及安全措施如防止SQL注入和XSS攻击,强调了全面掌握和应用这些技术的重要性,以创建高效、安全的Web应用。