Flex嵌入jsp开发心得
- 博客分类:
- 技术杂绘
Flex嵌入jsp开发心得
2010年07月02日
PM搞了个外包的小项目,要求使用jsp显示数据统计图表。研究了一下JFreeChart,感觉图片怪怪的。
前段时间也看过Flex,于是就想着用Flex来绘制图表在jsp上显示。一开始百度,google很没头绪,
后来查看自己的文件的时候发现了一个好东西--FlexModule_j2ee.zip。
马上解压一下,读了读readme.txt有了头绪了。研究了一把,把心得跟大伙分享一下。
1.首先下载并解压FlexModule_j2ee.zip这个就不多说了
2.把webtier.war解压,如图
3.在MyEclipse里新建web project,如图
4.复制第2步解压的文件到新建的项目中,如图
5.现在可以在jsp里面写flex代码了,不过写之前还是看看第1步里面的readme.txt吧,下面是原文的片段:
*******************************
* Using the JSP Tag Library *
*******************************
To use the Flex 3 Tag Library in a JSP page, add the following tag library declaration
to your JSP page:
As with any JSP taglib directive, this line must appear before you use any tags in the
Flex JSP tag library.
You can then use the tag to insert a Flex application in the JSP page. You can
either reference a separate MXML file to be included in the JSP page, or you can add the MXML
syntax directly in the JSP page.
The following example shows the tag with the source attribute to include an external
MXML file:
Alternatively, you can use the tag with inline MXML source code, as the following
example shows:
6.看了上文,现在我们可以在jsp里面写flex代码了。新建一个jsp文件,如图
7.按第5步所述,我们修改这个jsp文件,修改后如图
8.接着我们要在jsp里面写flex代码了,这里我们直接从adobe提供的demo里面拷贝一份PieChart的代码,如图
9.在jsp文件的之间加入
标记,将第8步中的mxml源码拷贝到之间,完成后的jsp代码如下: 10.运行程序结果如图
11.美中不足的是,flash中有Flex Data Visualization Trial水印字样,下图是除去水印的效果(除水印的方法不便公开,大家自己研究一下吧。)
也可以加我QQ:635786279一起研究,注明FlexInJsp
发表评论
-
jQuery 获取屏幕高度
2013-12-26 01:32 541做手机Web开发做浏览器兼容用到了,所以在网上找了些汇总下。 ... -
jQuery-事件绑定与事件委托
2013-12-26 01:31 771jQuery中给DOM元素添加事件处理程序常用的方式: $(& ... -
深入分析Flex[Bindable]及使用方法
2012-01-20 01:21 423深入分析Flex[Bindable]及使用方法 2010年0 ... -
页面中嵌入FLEX应用-传参
2012-01-20 01:21 722页面中嵌入FLEX应用-传参 2010年06月29日 项 ... -
用Parsley实现Flex Ioc的简单例子
2012-01-20 01:21 660用Parsley实现Flex Ioc的简单例子 2010年0 ... -
flex与数据库交互
2012-01-20 01:21 358flex与数据库交互 2010年07月04日 Flex最 ... -
大全【极有收藏价值的】
2012-01-19 09:11 428大全【极有收藏价值的 ... -
提高小学作文实效性的思考
2012-01-19 09:11 348提高小学作文实效性的思考 2010年11月17日 摘要: ... -
小学生评语大全
2012-01-19 09:11 517小学生评语大全 2011年07月14日 你是一位可爱的小 ... -
小学生期末评语经典大全
2012-01-19 09:11 606小学生期末评语经典大全 2011年12月15日 1.你是 ... -
超级爆笑小学生作文大全,这孩子太搞了
2012-01-19 09:11 581超级爆笑小学生作文大全,这孩子太搞了 2011年11月03日 ... -
操作系统总结(除课后计算题外)
2012-01-17 01:40 721操作系统总结(除课后计算题外) 2012年01月12日 ... -
Linux基础学习 收藏
2012-01-17 01:40 628Linux基础学习 收藏 2011年06月24日 Lin ... -
2011-9-13
2012-01-17 01:40 4942011-9-13 2011年09月13日 JavaSE ... -
linux共享内存
2012-01-17 01:40 638linux共享内存 2010年07月 ... -
JAVA经典32问
2012-01-17 01:40 501JAVA经典32问 2011年12月28 ... -
系统调用、POSIX、C库、系统命令和内核函数
2012-01-15 20:55 666系统调用、POSIX、C库、 ... -
AS3容器的实现原理
2012-01-15 20:55 908AS3容器的实现原理 2010年07月09日 所谓 ... -
【顶】FLASH教程――目录
2012-01-15 20:55 710【顶】FLASH教程――目录 2009年09月15日 追 ... -
【顶】flash教程――目录
2012-01-15 20:55 707【顶】flash教程――目录 2009年09月15日 F ...
相关推荐
flex 嵌入到jsp页面
flex嵌入jsp所需要的所有jar包,拷贝到项目对应的目录即可完成flex与jsp的整合
felx嵌入jsp的demo,没有java代码,下载后直接在tomcat运行即可,我的博客《flex嵌入jsp开发心得》中的源码
flex嵌入JSP页面被遮挡的问题描述,试用代码
Jsp嵌入Flex 、Jsp Flash报表实现源码 精华 jsp与flex报表结合
Flex页面嵌入jsp文件 flex-iframe1.5.1.zip解压找到flex-iframe-1.5.1\flex-iframe-1.5.1\bin\flex-iframe-1.5.1.swc放入flex项目的libs里面如果不是web项目就放倒lib里面,然后在你的mxml的头部里输入xmlns:名字(你...
Flex+JSP Web应用开发实战详解 p1
Flex+JSP Web应用开发实战详解-源代码.part4(共5)
提供了将flex页面嵌入到flex,再与setvlet通讯的实例
将FLEX嵌入到JSP,其实是通过JSP的TAGLIB实现的. 步骤还是蛮简单的 1:去ADOBE下载FLEX的TAGLIB for JSP. 2:将flex-webtier-jsp.jar 拷贝到WEB-INF/flex/jars 文件夹. 3:在WEB.XML中添加 <taglib-uri>FlexTagLib ...
将FLEX嵌入到JSP,其实是通过JSP的TAGLIB实现的. 由于自己找包花了很长时间,特放上大家共享。
Flex+JSP Web应用开发实战详解-源代码.part1(共5)
Flex+JSP Web应用开发实战详解-源代码.part5(共5)
flex嵌入网页的方法 解压,找到IFrameDemo\src\IFrame.as 复制到你自己的src里
flex 嵌入外部文字样式,弥补flex内部字体不足的缺憾
flex与jsp结合使用,可以让您更好的学习和使用flex,欢迎大家提出宝贵意见,大家共同学习和进步~~
很好的解决了flex通过Ifram框架嵌入JSP后JSP页面遮盖flex元素的问题
将flex 安装到eclipse 中 Flex Builder 3.0插件和Eclipse集成开发环境的安装与设置
FlexModule_j2ee Flex 与JSP 整合用的.jar 文件 Jsp 中引用Flex 标签
《Flex企业应用开发实战》共分为4大部分,涵盖企业级应用开发的整个生命周期。首先介绍了Flex/Flash的工作机理和利用Flex开发企业级应用必须掌握的基础知识和核心元素;接着剖析了Flex与Java的通信机制,以及Flex...