Flex嵌入jsp开发心得

  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代码如下: width="100%" paddingRight="5" paddingLeft="5" color="0x323232" showDataTips="true" dataProvider="{medalsAC}"> 10.运行程序结果如图
  
  11.美中不足的是,flash中有Flex Data Visualization Trial水印字样,下图是除去水印的效果(除水印的方法不便公开,大家自己研究一下吧。)
  
  也可以加我QQ:635786279一起研究,注明FlexInJsp
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值