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

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

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

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

  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文件，如下所示：

  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. </body>
  32. </html>

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

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

  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.it161.com/article/webDetail?articleid=140112111941

更多原创内容，请访问：http://www.it161.com/

Java与Flex学习笔记（20）---将flex页面嵌入到jsp页面中的更多相关文章

  1. 将flex页面嵌入到jsp页面中

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

  2. Ext.Net学习笔记20：Ext.Net FormPanel 复杂用法

    Ext.Net学习笔记20:Ext.Net FormPanel 复杂用法 在上一篇笔记中我们介绍了Ext.Net的简单用法,并创建了一个简单的登录表单.今天我们将看一下如何更好是使用FormPanel ...

  3. java之jvm学习笔记六-十二(实践写自己的安全管理器)(jar包的代码认证和签名) (实践对jar包的代码签名) (策略文件)(策略和保护域) (访问控制器) (访问控制器的栈校验机制) (jvm基本结构)

    java之jvm学习笔记六(实践写自己的安全管理器) 安全管理器SecurityManager里设计的内容实在是非常的庞大,它的核心方法就是checkPerssiom这个方法里又调用 AccessCo ...

  4. java之jvm学习笔记二(类装载器的体系结构)

    java的class只在需要的时候才内转载入内存,并由java虚拟机的执行引擎来执行,而执行引擎从总的来说主要的执行方式分为四种, 第一种,一次性解释代码,也就是当字节码转载到内存后,每次需要都会重新 ...

  5. java之jvm学习笔记十三(jvm基本结构)

    java之jvm学习笔记十三(jvm基本结构) 这一节,主要来学习jvm的基本结构,也就是概述.说是概述,内容很多,而且概念量也很大,不过关于概念方面,你不用担心,我完全有信心,让概念在你的脑子里变成 ...

  6. Java：NIO 学习笔记-3

    Java:NIO 学习笔记-3 根据 黑马程序员 的课程 JAVA通信架构I/O模式,做了相应的笔记 3. JAVA NIO 深入剖析 在讲解利用 NIO 实现通信架构之前,我们需要先来了解一下 NI ...

  7. JAVA GUI编程学习笔记目录

    2014年暑假JAVA GUI编程学习笔记目录 1.JAVA之GUI编程概述 2.JAVA之GUI编程布局 3.JAVA之GUI编程Frame窗口 4.JAVA之GUI编程事件监听机制 5.JAVA之 ...

  8. Java多线程技术学习笔记（二）

    目录: 线程间的通信示例 等待唤醒机制 等待唤醒机制的优化 线程间通信经典问题:多生产者多消费者问题 多生产多消费问题的解决 JDK1.5之后的新加锁方式 多生产多消费问题的新解决办法 sleep和w ...

  9. Java安全防御学习笔记V1.0

    Java安全防御学习笔记V1.0http://www.docin.com/p-766808938.html

随机推荐

  1. OnGlobalLayoutListener用法

    1.implements ViewTreeObserver.OnGlobalLayoutListener{} 2.mContentView.getViewTreeObserver().addOnGlo ...

  2. EditPlus详解

    如何让EditPlus支持LUA教程是本文要介绍的内容,这次主要介绍一下学习Lua之前的准备工作.关于在EditPlus中实现lua的安装,具体内容来看本文详解. (1) 下载Lua安装包,最新版本是 ...

  3. c++11 数值类型和字符串的相互转换

    string和数值类型转换 c++11提供了to_string方法,可以方便的将各种数值类型转换为 字符串类型: std::string to_string(int value); std::stri ...

  4. 简明 Vim 教程

    学习 vim 并且其会成为你最后一个使用的文本编辑器.没有比这个更好的文本编辑器了,非常地难学,但是却不可思议地好用. 我建议下面这四个步骤: 存活 感觉良好 觉得更好,更强,更快 使用VIM的超能力 ...

  5. 【Java nio】Channel

    package com.slp.nio; import org.junit.Test; import java.io.*; import java.nio.ByteBuffer; import jav ...

  6. 【BZOJ4515】[Sdoi2016]游戏 树链剖分+线段树

    [BZOJ4515][Sdoi2016]游戏 Description Alice 和 Bob 在玩一个游戏. 游戏在一棵有 n 个点的树上进行.最初,每个点上都只有一个数字,那个数字是 1234567 ...

  7. linux 下 安装go

    首先肯定是下载资源包了,链接汇总在http://www.golangtc.com/download,我用的是 http://www.golangtc.com/static/go/go1.4beta1. ...

  8. JS判断当前是否是IE浏览器，并返回时IE几？

    原文参考: https://www.cnblogs.com/liuyanxia/p/5855760.html 具体代码示例: 这里返回的是:如果不是IE浏览器返回 -1 ,返回 7/8/9/10/11 ...

  9. Nginx配置ssl安全证书

    server { listen 443; server_name www.loaclhost.com; ssl on; root /web; ssl_certificate /data/ssl/xxx ...

  10. poj3974 Palindrome【回文】【Hash】【二分】

    Palindrome Time Limit: 15000MS   Memory Limit: 65536K Total Submissions: 13157   Accepted: 5028 Desc ...