ColdFusion MX 轻松制作 FLASH的方法第1/3页

一 简介
　　自从ColdFusion（以下简称CF）被Macromedia公司收购了以后，MM公司将CF在FLASH应用又提升了一个层次，利用CF可以动态的和FLASH集成。其中最长用的是HARPOON，但是CF在FLASH图表方面的作用却很少有人知道。今天我要讲的就是FLASH在CF中最被看好的特性之一，内建图表。

　　首先我们需要工具，动态的生成FLASH图表全靠Macromedia Generator，Generator是FLASH输出服务器用来发动CF制图的引擎。Generator制图一般的过程就是：
1）CF将数据传递给Generator
2）Generator将该数据变成图表并返回给CF
3）输出到浏览器

　　当然，你不要特意的去安装Generator，这在你安装ColdFusion的时候自动安装好了。如果你安装了COLDFUSION，可以下载本教程，里面包含了本文章中将要用到的数据库和脚本文件。

二 熟悉标记
　　CF用来制图的标记有两个，即<CFGRAPH>和<CFGRAPHDATA>,其中<CFGRAPH>用的最多，而<CFGRAPHDATA>使用频率几乎不到1%，所以我们只要熟悉<CFGRAPH>就行了。首先介绍一下<CFGRAPH>几个基本属性字段。

<CFGRAPH>输出以下参数是必须的。
1.TYPE：图表的类型，有5种，饼图，柱形图，折线图，条形图，面积图。
2.QUERY：用来接受CF传递数据
3.VALUECOLUMN:用来制图的数据查询列，例如，一类文章的总数
4.FILEFORMAT：在浏览器输出的格式，有两种，FLASH的SWF和JPG格式。

还有些参数，因为不是很重要的，我们将在后面实际应用中再一一介绍。

三 示范
　　这是重点，最好亲手操作一下，你可以下载本教程中的数据库使用，不要另外建立一个数据库了，另外本数据库的在CF设置的数据源为CFLASH。
　　我的数据库设计比较简单，完全是为了这篇文章做的，一共有两个表：FILE和SORTFILE表存储文章的标题TITLE，详细信息detail，文章类型SORT，当然还有个IDSORT包含文章的类型SORTID和名称SORTNAME。
　　这两个表的关系是：FILE中的SORT连接到SORT查询。

我们下面就开始了。

1.首先我们在CF建立一个查询，然后分组、排序。当然排序你可以免了的。
内容如下：

<CFQUERY NAME="wait" DATASOURCE="cflash">
SELECT sortname, COUNT(*) AS Count
FROM sort,file
WHERE file.sort = sort.sortID
GROUP BY sortname
ORDER BY sortname
</CFQUERY>

上面这个QUERY是查询每个类型里面有多少篇文章。

2.做好了查询以后就有开始制作图表了。

如果对<CFGRAPH>还不熟悉的话，请再看看前面介绍的基本类型。

<CFGRAPH
TYPE="Pie"
QUERY="wait"
VALUECOLUMN="Count"
ITEMCOLUMN="sortname"
FILEFORMAT="Flash"
TITLE="The Pie"
borderwidth="0"
depth="10">
</CFGRAPH>

　　我来介绍一下，TYPE是类型PIE是饼图，QUERY就是接受先前在CF里面查询名。VALUECOLUMN是查询列的数据，我的目的是统计每个类型里面有多少篇文章。ITEMCOLUMN是显示标签，我这里设置显示SORTNAME，类型名称。    FILEFORMAT是输出类型。我这里选择的是FLASH，如果要用图片显示，你可以改为JPG。borderwidth:这是图表边框，0就是不显示边框。DEPTH，为纵深度，你不想 让你的图表就是一个死板的平面图吧？设置这里可以更有立体感。

　　好了。现在把上面组合成一个文件，源文件如下：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!---
title:让ColdFusion来做FLASH<1>
author:wait(parole@163.net)
description:CFGGRAPH应用
date:November,11 2002
--->
<!--- 查询数据库 --->
<CFQUERY NAME="wait" DATASOURCE="cflash">
SELECT sortname, COUNT(*) AS Count
FROM sort,file
WHERE file.sort = sort.sortID
GROUP BY sortname
ORDER BY sortname
</CFQUERY>

<html>
<head>
    <title>让ColdFusion来做FLASH</title>
</head>
<body>
<center><h3>CFGRAPH的TYPE4种属性</h3></center>
<hr>
<center>
<!--- 下面分别列出了各种属性的应用 --->
<CFGRAPH
TYPE="Pie"
QUERY="wait"
VALUECOLUMN="Count"
ITEMCOLUMN="sortname"
FILEFORMAT="Flash"
TITLE="The Pie"
borderwidth="0"
depth="10">
</CFGRAPH>
<HR>
<center><b>Power by ColdFusion</b><br><fontsize="-1">COPYRIGHT(C)2002 <A HREF="MAILTParole@163.net">wait</A>.All Rights Reserved.</font></center>
</body>
</html>

代码拷贝框




以下是引用片段：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<!---
title:让ColdFusion来做FLASH<1>
author:wait(parole@163.net)
description:CFGGRAPH应用
date:November,11 2002
--->
<!--- 查询数据库 --->
<CFQUERY NAME="wait" DATASOURCE="cflash">
SELECT sortname, COUNT(*) AS Count
FROM sort,file
WHERE file.sort = sort.sortID
GROUP BY sortname
ORDER BY sortname
</CFQUERY>

<html>
<head>
    <title>让ColdFusion来做FLASH</title>
</head>
<body>
<center><h3>CFGRAPH的TYPE4种属性</h3></center>
<hr>
<center>
<!--- 下面分别列出了各种属性的应用 --->
<CFGRAPH
TYPE="Pie"
QUERY="wait"
VALUECOLUMN="Count"
ITEMCOLUMN="sortname"
FILEFORMAT="Flash"
TITLE="The Pie"
borderwidth="0"
depth="10">
</CFGRAPH>
<HR>
<center><b>Power by ColdFusion</b><br><fontsize="-1">COPYRIGHT(C)2002 <A HREF="MAILTParole@163.net">wait</A>.All Rights Reserved.</font></center>
</body>
</html>

显示图片如下：

每个类型的都会按比例来显示，这就是饼图
　　当然，你只要一下TYPE类型，就可以变成其他的了图形了，例如我一直想要的折线图
下面是4种常用的效果图。


　　是不是很有趣呢？图表的比例按照我们数据库的真实比例而动态构成，是不是你想要的效果呢？你可以根据自己的需要而改变，例如背景色，字体，说到字体，需要提醒一点的是，不支持中文[也许是我孤陋寡闻吧]。如果不是你想要的效果，请明天接着看吧，明天，我们将会在饼图上做链接，真正做到动态的图表。注意，今天下载的源代码和教程不包含明天将要说到的（还没开始写），但是数据库不会改变。

版权所有，转载请事先通知我。
parole@163.net

当前1/3页 123下一页阅读全文

赞 (0)

相关推荐

  • ColdFusion MX 轻松制作 FLASH的方法第1/3页

    ColdFusion MX 轻松制作 FLASH的方法第1/3页

    一 简介 自从ColdFusion(以下简称CF)被Macromedia公司收购了以后,MM公司将CF在FLASH应用又提升了一个层次,利用CF可以动态的和FLASH集成.其中最长用的是HARPOON,但是CF在FLASH图表方面的作用却很少有人知道.今天我要讲的就是FLASH在CF中最被看好的特性之一,内建图表. 首先我们需要工具,动态的生成FLASH图表全靠Macromedia Generator,Generator是FLASH输出服务器用来发动CF制图的引擎.Generator制图一般的过

  • Coldfusion MX技巧精华收集之2第1/6页

    设定你的根目录 作者: Kyle 2/16/03 内容: 设定你的根目录 网站开发人员向来都一直必须在相对路径 vs. 绝对路径这项议题上面打转.在 ColdFusion 环境里面,你可以在多个不同页面使用 CFINCLUDE 卷标,不过既然我们对于在哪个目录里面将会用到 CFINCLUDE 语法,因此在 CFINCLUDE 卷标里面使用相对路径经常会造成很多麻烦. 举例来说,某个被包含的选单里面可能有一个指向网站首页的连结,像下面这样: <A HREF="index.cfm"&

  • Coldfusion MX技巧精华收集(1)第1/5页

    Coldfusion 结合 Access 中文显示问题 作者: Kyle 12/11/02 内容: 首先,在每一页要传递和处理中文的页面顶部加上如下代码(也可以放在application.cfm里,但在有些情况下会有问题): <cfprocessingdirective pageencoding="gb2312">  <cfcontent type="text/html; charset=gb2312">  <cfset setEnco

  • Python+Kepler.gl轻松制作酷炫路径动画的实现示例

    1. 简介 Kepler.gl相信很多人都听说过,作为Uber几年前开源的交互式地理信息可视化工具,kepler.gl依托WebGL强大的图形渲染能力,可以在浏览器端以多种形式轻松展示大规模数据集. 更令人兴奋的是Kepler.gl在去年推出了基于Python的接口库keplergl,结合jupyter notebook/jupyter lab的相关拓展插件,使得我们可以通过编写Python程序配合Kepler.gl更灵活地制作各种可视化作品. 而随着近期keplergl的更新,更多的新特性得以

  • 基于Python轻松制作一个股票K线图网站

    目录 获取股票数据 PyEcharts 作图 构建 Web 框架 视图函数编写 模板编写 编辑主逻辑 前端页面编写 在前面的文章中,我们学习了如何使用 Tkinter 构建股票数据抓取以及展示K线图功能,虽然大致的功能已经具备,但是在当今这个人手一个 Web 服务的年代,GUI 程序还是没有 Web 服务来的香啊. 我们需要用到的知识包括 PyEcharts 的使用,tushare 库获取股票数据的方法以及 Flask 的基本用法. 获取股票数据 我们先来看下 tushare 的使用,这个应该是

  • js实现延时加载Flash的方法

    本文实例讲述了js实现延时加载Flash的方法.分享给大家供大家参考,具体如下: 当页面中包含自动播放视频的flash播放器时,flash的流媒体播放会一直不停的下载视频(哪怕你点击了播放暂停/停止也一样在不停下载),这样会影响到页面其它元素的加载. 最简单的优化办法就是让Flash一开始不要播放:当然,你可以修改fla源文件,让视频播放一开始就处于暂停,直到用户点击了播放按钮.但问题是,如果您嵌入的是没有源文件的flash动画,这种路子就走不通了. 思路: 可以先在放置flash的地方,放一张

  • PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)

    PHP使用GD库制作验证码的方法(点击验证码或看不清会刷新验证码)

    这是利用GD库生成验证码的页面 test.PHP <?php header('Content-Type:image/jpeg'); $img = imagecreatetruecolor(100, 40); $black = imagecolorallocate($img, 0x00, 0x00, 0x00); $green = imagecolorallocate($img, 0x00, 0xFF, 0x00); $white = imagecolorallocate($img, 0xFF,

  • 教大家轻松制作Bootstrap漂亮表格（table）

    教大家轻松制作Bootstrap漂亮表格（table）

    学习了runoob.com网站中的bootstrap内容之后,参照其中的内容自己做一下总结,以便帮助在这方面有疑惑的朋友,也有助于自己更好的消化所学的内容. 我们应该庆幸自己活在这样一个互联网时代,开放.共享.很多之前我们费尽心思去实现的效果已经有前辈为我们总结出来并做成很好的框架,共享出来让我们使用,使得我们轻松就能实现很漂亮的效果. 下面就使用一个实例来讲一下如何使用Bootstrap现成的css样式直接加在我们的table表格上,我们只需要写很少的代码就能轻松制作漂亮表格. 比如我们要制作

  • 网页中嵌入Flash的方法讨论

    Flash 嵌入的问题论坛中有人问了好多次,到底应该怎么用,为什么通不过验证,要通过验证怎么办等等等.讨论中也出现了不少的误解,所以我单开一个帖总结一下我所知道的东西,不想看我罗嗦的直接跳到最后看结论就可以了. 一.传统的方法 <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000"    codebase="http://fpdownload.macromedia.com/pub/shockwave/ca

  • Python3使用PySynth制作音乐的方法

    本人虽然五音不全,但是听歌还是很喜欢的.希望能利用机器自动制作音乐,本我发现了一个比较适合入门的有趣的开源音乐生成模块 PySynth ,文我们主要讲解下如何Python3使用PySynth制作音乐. 乐理 声音:物体振动产生,振动次数越多,音越高:振动次数越少,音越低 可闻:人耳可以听到的声音在每秒16-2000此左右 乐音:振动规则产生,听起来高低明显 噪音:振动不规则产生,听起来高低不明显 音乐:将声音通过艺术形象表达人们的思想感情 音阶:do.re.mi.sol.la.(do) 调性:C

随机推荐