- 浏览: 11662 次
最新评论
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:
source="CustomerServiceChat.mxml"/>
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
发表评论
-
字符串的存储方式以及静态存储区域、栈、堆
2012-07-06 09:52 642下面两篇文章分析得比较详细.转自http://blog.c ... -
正则表达式测试工具
2012-07-06 09:45 753主要功能, 1.语法高亮显示 2.智能提示 3 ... -
perl学习日记7正则表达式
2012-07-06 09:37 6961. 正则表达式 1.1 什么是正则表 ... -
纯css实现未知大小的图片水平垂直居中的方法
2012-07-06 09:30 1146方法一: .box { /*非IE的主流浏览器识别的 ... -
net 2.0下的asp.net ajax基本使用方法 (备忘)
2012-07-05 20:45 681asp.net ajax中用到了几个dll文件,这些可以从 ... -
vb 调用c#做的com 组件
2012-07-03 13:43 1082vb 调用c#做的com 组件 1:建立c# 项目 (注 ... -
flex 界面改进
2012-07-02 12:15 591f 代码如下: ... -
Java Server Push To Flex (ServerPush)
2012-07-02 12:15 591在网上找了许多的Flex与java 通信做ServerPu ... -
flex图片截取保存本地
2012-07-02 12:15 640height="222" creat ... -
Flex4+Spring3+Hibernate3+BlazeDS整合笔记
2012-07-02 12:15 515普通Java Web工程流行使用ssh框架,而当前台使用F ... -
学习flex 初步实现与java进行数据交互
2012-07-01 09:49 493本人是从事BS架构应用开发的,现在发现客户越来越关注用户的 ... -
Flex+BlazeDS整合J2ee示例
2012-07-01 09:49 462一、首先配置好eclipse下Flex开发环境 二、下载部 ... -
将 Flex 3 的应用程序迁移到 Flex 4 ―第 1 部分:将 Flex 3 Dashboard 应用程序导入 Flash Builder 4
2012-07-01 09:49 690本系列一共 4 个部 ... -
笔记本频道-eNet笔记本大全-硅
2012-06-30 16:12 646笔记本频道-eNet笔记本大全-硅 2011年09月15日 ... -
笔记本电脑小知识
2012-06-30 16:12 710笔记本电脑小知识 2011年11月22日 笔记本电脑小知 ... -
[独家新闻][热门]【笔记本电脑报价】笔记本电脑
2012-06-30 16:12 356[独家新闻][热门]【笔记本电脑报价】笔记本电脑 2011年 ... -
[热门]【笔记本电脑报价】笔记本电脑
2012-06-30 16:11 314[热门]【笔记本电脑报价】笔记本电脑 2011年08月11日 ...
相关推荐
### Flex嵌入JSP开发心得 #### 1. 选择Flex而非JFreeChart的原因 在开发过程中,开发者最初考虑使用JFreeChart来生成数据统计图表,但最终决定采用Flex。这一转变主要基于对图表外观质量的考量。JFreeChart生成的...
将Flex嵌入到JSP中,可以实现富客户端与后端服务器的有效通信,提供更佳的用户体验。 本压缩包包含四个关键的jar文件,它们分别是: 1. flex-webtier.jar:这是Flex与服务器端通信的核心组件,包含了Flex Remoting...
将Flex嵌入到JSP页面中,可以结合两者的优点,提供丰富的图形用户界面和强大的后端数据处理能力。 在将Flex嵌入到JSP页面时,可能会遇到一个常见的问题:Flex组件被其他元素遮挡。这通常是由于CSS样式冲突或者布局...
felx嵌入jsp的demo,没有java代码,下载后直接在tomcat运行即可,我的博客《flex嵌入jsp开发心得》中的源码
6. **嵌入Flex到JSP**:在JSP页面中,我们可以使用SWFObject或FlashObject来嵌入Flex SWF文件。通过设置参数,我们可以传递数据到Flex应用,也可以从Flex应用接收数据。 7. **安全与优化**:确保通信过程的安全性,...
本资源“Jsp嵌入Flex 、Jsp Flash报表实现源码”提供了一种将Flex的图形化展示能力和JSP的数据处理能力结合起来,以创建具有丰富视觉效果和交互性的报表应用的方法。 首先,让我们深入理解JSP和Flex各自的特性: 1...
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:名字(你...
在IT行业中,尤其是在Web开发领域...总之,"FLEX3嵌入到JSP,实现的jar包"是一个集合了Flex与JSP集成所需核心组件的资源包,帮助开发者轻松地在Java Web应用中集成Flex功能,创建具有动态交互和丰富用户体验的Web应用。
Flex+JSP Web应用开发实战详解 p1
Flex+JSP Web应用开发实战详解-源代码.part4(共5)
Flex 和 JSP 结合使用是一种常见的前端与后端交互方式,它允许开发人员利用 Flex 的富互联网应用程序(RIA)功能和 JSP 的服务器端处理能力,构建动态且交互性强的Web应用。以下是对如何结合使用 Flex 和 JSP 的详细...
将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 ...
8. **测试与调试**:在开发过程中,使用Flex Builder或类似的工具进行调试,确保Flex和JSP之间的通信正常,并对各种浏览器和操作系统进行兼容性测试。 通过以上这些知识点,我们可以理解"flex整合JSP"涉及到的技术...
Flex+JSP Web应用开发实战详解-源代码.part1(共5)
Flex+JSP Web应用开发实战详解-源代码.part5(共5)
在开发Web应用时,将富互联网应用程序(RIA)如Adobe Flex与传统的Java Server Pages(JSP)技术结合,可以创建出交互性强、用户体验优秀的Web应用。在这个过程中,`flex-bootstrap-jsp.jar` 和 `flex-sdk-merged....
### Flex嵌入安装说明 #### 一、简介 在本文档中,我们将详细介绍如何将Flex Builder 3.0插件安装并集成到Eclipse集成开发环境(IDE)中。通过这种方式,开发者可以在一个熟悉的环境中进行Flex应用的开发,极大地...
FlexModule_j2ee的核心是将Flex组件与JSP页面集成,通过这个.jar文件,开发者可以在JSP中引入Flex标签,如`<flex:mx:Application>`等,这些标签能够直接在JSP页面中嵌入Flex组件,使得Flex的应用能够在JSP环境中无缝...
Flex是Adobe公司开发的一种用于构建富互联网应用(RIA)的技术,它基于ActionScript和MXML,主要用于创建交互式、响应式的Web应用程序。在HTML页面中嵌入Flex组件,可以利用Flex的强大功能来丰富网页的用户体验。...
当Flex组件通过IFrame嵌入到JSP页面时,可能会出现遮盖问题,即JSP页面的内容覆盖了Flex元素,或者反之。这是因为浏览器对HTML元素和IFrame内容的渲染方式不同,以及CSS的Z-index属性的管理。 Z-index是CSS中的一个...