查爾斯實驗室

InputBaseN 函数使用

2008-07-14T17:27:14+8:00

今天群里有人问到怎么把16进制转成10进制，后来就想起InputBaseN 这个函数，很少用到。

主要用来将不同编码之间互相转换。

<cfoutput>
<br>InputBaseN("1010",2): #InputBaseN("1010",2)#
<br>InputBaseN("3ff",16): #InputBaseN("3ff",16)#
<br>InputBaseN("125",10): #InputBaseN("125",10)#
<br>InputBaseN(1010,2): #InputBaseN(1010,2)#
</cfoutput>

特此写下，学习下这个函数

把menu的div弄得像adobe官方網站一樣有陰影(ie)

2008-07-10T20:06:07+8:00

看到adobe官網的menu有陰影看起來很炫，所以我研究了一下，可以使用下列filter來達到其效果，可是這只有ie可以用喔

物件變數名稱.style.filter='progid:DXImageTransform.Microsoft.Alpha(opacity=40) progid:DXImageTransform.Microsoft.Blur(shadowOpacity = 0.5, strength=0.1)';

JAVASCRIPT 中文數字的涵式

2008-07-04T08:52:35+8:00

以下是JAVASCRIPT涵式把阿拉伯數字變成中國數字。

function chineseNum(numstr){
        numArray='零,一,二,三,四,五,六,七,八,九,十'.split(',');
        decimalArray='個,十,百,千,萬,十,百,千,億,十,百,千,兆'.split(',');
        tmpstr=new String();
        for(counti=0;counti<numstr.toString().length;counti++){

            decimalPlace=numstr.toString().length-counti-1;
            if(!(decimalPlace==2 && numstr.toString().charAt(counti)!=1 && numstr.toString().length==2) && numstr.toString().charAt(counti)!=0){

                tmpstr+=numArray[numstr.toString().charAt(counti)];
            }

            if(decimalPlace>0 ){
            tmpstr+=decimalArray[decimalPlace];
            }

        }
        return tmpstr;
    }

AJAX 在ie和ff接xml格式

2008-07-04T08:45:11+8:00

瀏覽器版本不相容，是許多ajax工程師碰到最頭痛的問題了，在接收xml物件的時候ie6的.responseXML在最新的ie7不支援。而firefox常常會有xml格式不正確出現問題。以下是粗劣在不同瀏覽器接收xml物件的解決之道。

response=req.responseText.replace(/^\s+|\s+$/g,""); //1.先把接收的xml(文字格式)前後去空格
if (window.ActiveXObject){ //2.先檢查是否是ie，window.ActiveXObject是ie獨有的物件,在把接收的文字格式轉xml物件
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async="false";
xmlDoc.loadXML(response);
}else{ //3.不是ie我暫時認定是firefox，就把接收的文字格式轉xml物件
parser=new DOMParser();
xmlDoc=parser.parseFromString(response,"text/xml");
}

注釋;
1. 先把接收的xml(文字格式)前後去空格
Firefox對於xml格式的要求是很嚴格的，xml前後不可有空格，如有空格，該xml文字就不能轉成xml格式了
2. 先檢查是否是ie，window.ActiveXObject是ie獨有的物件,在把接收的文字格式轉xml物件
3. 不是ie我暫時認定是firefox，就把接收的文字格式轉xml物件。

以上的程式碼可以解決firefox和ie在ajax接收xml格式資料的差異性

fongyoung的ColdFusion心得分享

http://www.wretch.cc/blog/fongyoung/10459643

coldfusion中Hash()函數的應用

2008-06-06T08:08:03+8:00

今天一開qq就發現群裏的michek提問。

一个md5加密问题php版本：
<?php
$salt = "8092d2";
$password = 123456;
$pass = md5(md5($password).$salt);
echo "$pass";
?>
算出来的ok；
cfm版本的算出来不ok：
<cfset salt = "8092d2">
<cfset password = 123456>
<cfset pass = hash(hash(#password#)&#salt#)>
<cfoutput>#pass#</cfoutput>

why，很多人也會覺的，在語法上是沒有問題的呀，爲什麽得不到想要的加密字串呢，這是因爲大小寫的問題。由cf的hash函數產生的md5加密字串，你需要考慮它的大小寫，因爲coldfusion的大小寫無須開發者去關注的。所以很多人在使用hash的時候都會忽視大小寫問題。特別是這樣的多重加密，更是需要先轉換成小寫再進行。

所以以上問題，coldfusion的加密版本應該是：

关于cflock使用的一点心得

2008-06-04T20:44:15+8:00

最近经常使用到cflock就想说总结下自己使用cflock的心得给大家分享

首先在说cflock使用的时候,我想强调下为什么要使用cflock.

我们都知道sesssion,application,server的变量都有其作用域范围,并互相分享,他们这样命名是因为他们在cf server中运行的时候是被存储在内存中,各自有自己的部分去划分清楚,自己所处的范围.所有对这些变量的读写都是存放在内存中,可以响应服务器中的任何请求.那么为什么使用这些变量时,最好需要加上cflock,是因为cf是一个多线程的server,当这些session,application等变量是可以同时被多个用户访问和使用的,如果不使用cflock去划分清楚每个服务器变量的范围和权限,就有可能出现,当前一个user刚读取完一个变量,后一个user就对这个变量进行了修改value,导致应用程序的混乱,所以我们不可以忽视cflock的重要性.

那么如何正确地去使用cflock也决定了你的应用程序的性能和效率.如何让自己的程序有更好的合理性,我根据自己日常google老外写法和自己的心得,有以下总结:

1.设定服务器级变量

2.读取服务器级变量

<cflock scope="SERVER" type="READONLY" timeout="10">
<cfoutput>#server.myservervar#</cfoutput>
</cflock>

请注意type="EXCLUSIVE" 和scope的属性.一个是定义你变量的操作性,一个是定义变量的作用域,如此不难理解如果需要变量是使用在session时应该这样写:

同理application的变量也是一样的道理

<cflock scope="APPLICATION" type="EXCLUSIVE" timeout="10">
<cfset application.myappvar="1">
</cflock>

另外我们要重视怎么让cflock合理的工作,看下面的例子

不合理的demo:

<cflock scope="application" timeout="2" type="exclusive">
<cfquery name="application.qUser" datasource="#request.dsn#">
SELECT FirstName, LastName
FROM Users
WHERE UserID = #request.UserID#
</cfquery>
</cflock>

将cfquery包在lock里面

合理的操作:

<cfquery name="variables.qUser" datasource="#request.dsn#">
SELECT FirstName, LastName
FROM Users
WHERE UserID = #request.UserID#
</cfquery>
<cflock scope="application" timeout="2" type="exclusive">
<cfset application.qUser=variables.qUser>
</cflock>

先设定好cfquery,再将query传给cflock控制的application变量,这才是正确的,两者的区别的就是前者把cfquery的操作放到内存上去执行.后者只是把结果存放到内存中.

<cflock scope="application" timeout="2" type="readonly">
<cfquery name="qUser" datasource="#application.dsn#">
SELECT FirstName, LastName
FROM Users
WHERE UserID = #form.UserID#
</cfquery>
</cflock>

看上面的code,除了出现上面的问题外,大家是否注意到datasource="#application.dsn#",这也是可以改进的地方.虽然application的变量可以使任何页面任意执行和使用.但application变量其实和session变量一样是非常宝贵的,所以在你的application.cfm需要加载很多data的时候,我们可以将常用存储data source的application变量用lock,封锁给一个请求的变量,将其定义为application的作用去,存放在application.cfm中.

<cflock scope="application" timeout="2" type="readonly">
<cfset request.dsn=application.dsn>
</cflock>
<cfquery name="qUser" datasource="#request.dsn#">
SELECT FirstName, LastName
FROM Users
WHERE UserID = #form.UserID#
</cfquery>

另外值的一提的是cfset,这个很平常的tag,大家可能在一定程度上没有很强化的理解这个tag的含义.特别是使用它传递复杂类型数据时,比如struct,array等

特别是用cfset直接赋值application这样共享范围级别的变量.因为cfset无法传送复杂数据类型,遇到struct,array,他只是创建一个指针指向这个存储空间,所以在程序中如果经过多次赋值,那么意味着什么,意味着所有这样的变量都不是实际开放存储空间,而是都指向了application级的变量.所以操作上可以使用cf的复制函数Duplicate()来操作,以释放application.cfm,application变量的压力.

例如:<CFSET request.strDATA=application.strDATA>

可以改正为:<CFSET request.strDATA=Duplicate(application.strDATA)>

Adobe又一力作，在綫文檔編輯器

2008-06-03T08:09:32+8:00

剛上綫就收到charles的email，推薦使用adobe的新作品，在綫文檔編輯器

相對于google document，我感覺它比google的操作更流暢，flex的優點都被發揮了。

沒圖沒真相 ^_^ 在綫試用

Flex 3.0 -突破Web 2.0 (第二集)

2008-06-03T07:58:18+8:00

課程名稱：Flex 3.0 -突破Web 2.0 (第二集)

RiS獨家推出的Flex 3 第二集(也就是第二班)來了，錯過第一集的朋友，沒關係，現在己再為大家展開

，請來報名低價高規格的課程吧！！
本次限定20名，額滿截止，敬請盡快搶位！

Demo1：http://forum.j2eemx.com/files/flex3.demo/autoform/autoform.html

詳情請看>> http://forum.j2eemx.com/files/class/20080628.flex3/

課程主要宗旨：

1.提昇國人Web開發與設計競爭優勢。
2.提昇國內RIA/Web 2.0系統開發學習與應用。
2.篩選優秀人材進入RiS團隊。

課程說明：
全球RIA(豐富式互動應用系統)最多人採用、也最廣受歡迎的解決方案-Flex教學來了，RiS不僅為你傳授獨家密技外，還有許多外面教不到的靈活技巧，想要不被市場淘汰，做出"Easy to use"與不需操作手冊的系統，更還有為企業抓住獲利精神，就趕緊來報名吧！

適合學員：
任何程式基礎(包含ASP、PHP、ASP.NET、JavaScript...等)或ActionScript 2或己是網頁設計師或視覺人員，也有ActionScript基礎，但想往RIA系統發展。
上課日期：6/28(六)、6/29(日)、7/5(六)、7/12(六)、7/13(日)
上課時間：上午10:00至12:00，下午13:00至1700
總共時數：30小時
截止日期：2008年6月27日

新的課程大綱請看>> http://forum.j2eemx.com/files/class/20080628.flex3/

有关cfdocument生成的pdf的中文显示问题

2008-05-23T10:29:51+8:00

关于用cfdocument生成pdf中文显示的问题，在之前，我们一般都需要使用style来解决中文显示的问题。

今天在vience大大的指导下，覆盖一个cffont.properties文件来解决coldfusion中使用pdf的中文显示问题，即使不用style控制中文，也可以正常显示中文了 ^_^

这个文件存放在 x:\ColdFusion8\lib 下，如果你是用tomcat部署的cf，那么要覆盖 \cfusion\WEB-INF\cfusion\lib 下的文件

请点击下载该文件： cffont.properties.rar

cfform中将背景透明的小技巧

2008-05-22T16:11:03+8:00

今天群里讨论如何在使用cfform ，format="flash"的时候，将form的背景从默认的白色变透明，在coldfusion8中，cfform新增了一个属性wmode，其中就有一个参数是将flash form浮在任何元素上，并把背景变成透明，但他要配合stlye来使用才有效果

关于cfform的说明，请看 cfform tag 中文参考

具体代码如下：如果我们单纯只使用wmode属性，是没有效果的

如果加上 style="backgroundAlpha: 0;" 情况就不一样了。

jquery中獲取多位class name命名的内容

2008-04-21T16:16:12+8:00

今天群裏有人問當<div class = "tab selected">this is the content </div>這個div中的内容需要被獲取時，要怎麽依靠class屬性來獲取，因爲他的class的多个内容命名的。

後來使用"div[@class^=tab]"來處理獲取。

具體解釋如下

E[@foo] 拥有foo属性的E元素
E[@foo=bar] foo属性的值为bar的E元素
E[@foo^=bar] foo属性的值以字符串"bar"开始的E元素
E[@foo$=bar] foo属性的值以字符串"bar"结尾的E元素
E[@foo*=bar] foo属性的值包含有字符串"bar"结尾的E元素

<script>
    $(document).ready(function(){
        var c = $("div[@class^=tab]").text();
        alert(c);
    })
</script>

關於coldfusion cfqueryparam中的日期型格式化

2008-04-17T10:42:29+8:00

關於coldfusion中的cfqueryparam中的日期型格式化，之前alrece說因爲用了CF_SQL_DATE后，把datetime型的日期的時間部分給腰斬了，所以我們需要使用另外一個格式，CF_SQL_TIMESTAMP

按照幫助的説法：

CF_SQL_TIMESTAMP： datetime year to fraction(5), datetime year to second ( 日期型數據，從年到秒 yyyy-mm-dd HH:mm:ss)

CF_SQL_DATE ： date, datetime, year to day (日期型數據類型從年到天 yyyy-mm-dd)

所以我們在寫的時候要注意，使用<cfqueryPARAM value = "#now()#" CFSQLType = 'CF_SQL_TIMESTAMP'>

另外在程序設計中，一般可以對時間型數據進行嚴格控制,比如讓user在read only的text框中選擇日期控件，保證日期是被格式化的，
在使用form提交的時候可以使用Isvalid(),對日期在服務器端調用sql 操作之前判斷下日期是否是正確，然後再傳入，而在query操作中，就可以直接用CFSQLType = 'CF_SQL_VARCHAR'來插入一個日期時間型數據了。

ColdFusion新圖表武器Fusion Charts,share給大家了

2008-04-15T15:32:27+8:00

在群裏阿育同學提供了fusion chart 的破解，我下載了好幾周才開始玩，真的是很棒，圖形的表現，和陰影效果等都是很棒，最讓我讚賞的是他的flash下文字鋸齒處理的很好，比cfchart tag生成的flash 圖表，好看多了，而且因爲是用xml的形式來傳遞，在使用上也很方便。

效果圖如下：

點此下載 Fusion Charts

Web 2.0系列：Flex 3教學來了

2008-04-11T17:02:34+8:00

RiS獨家推出的Flex 3教學來了，想好好學習RIA技巧的您，請來報名低價高規格的課程吧！！

詳情請看>> http://forum.j2eemx.com/files/class/RISFlex3.html

課程主要宗旨：

1.提昇國人Web開發與設計競爭優勢。

2.提昇國內RIA/Web 2.0系統開發學習與應用。

2.篩選優秀人材進入RiS團隊。

課程名稱：Flex 3.0 -突破Web 2.0

課程說明：

全球RIA(豐富式互動應用系統)最多人採用、也最廣受歡迎的解決方案-Flex教學來了，RiS不僅為你傳授獨家密技外，還有許多外面教不到的靈活技
巧，想要不被市場淘汰，做出"Easy to use"與不需操作手冊的系統，更還有為企業抓住獲利精神，就趕緊來報名吧！

適合學員：任何程式基礎(包含ASP、PHP、ASP.NET...等)或ActionScript 2或3

上課日期：5/3(六),5/4(日),5/10(六),5/11(日),5/17(六)

上課時間：上午10:00至12:00，下午13:00至1700

總共時數：30小時

截止日期：2008年5月1日

詳情請看>> http://forum.j2eemx.com/files/class/RISFlex3.html

Web 2.0先修班：最新高效率YUI網頁切版技術- 共12小時(錯過就不知道要等多久了)

2008-03-11T14:01:44+8:00

在这里帮朋友发一则先修班资讯(台湾的朋友注意了哦~~~)

直接進入詳細說明/報名網頁>>http://forum.j2eemx.com/showthread.php?t=1264

說明：
你還在用老氣過時，又沒有效率的網頁切版方式嗎？請丟到垃圾筒好嗎？
快來難得的經驗教學，小正正準備要大量助你提昇功力，錯過真的就不知道要等多久了！

配合大家時間，也為了不再讓大家久等，讓大家都能學好Web 2.0基礎元素，希望提昇更多學員的設計底子，
所以我們修正了Web 2.0課程，為Web 2.0(先修班)，主題是「高效率YUI網頁切版技巧」，共12小時課程。

課程大綱如下：

1.CSS重點複習：各種Selector，IE 7, Firefox新增的語法和注意事項，較好的編寫習慣。
2.LSM：將資料內容 (HTML) 外觀樣式 (CSS) 和動作行為 (Javascript) 分開的網頁寫法。
3.CSS版面編排： CSS的方塊模型結構，完全使用CSS取代表格排版，YUI的CSS工具。
4.CSS技巧與常用實例：將網頁模組化，CSS圓角方框，按鈕，表單...等寫法。
5.高效能YUI切版：採用最尖端的切版技巧，以最輕量級方式，提昇網頁顯示最高效率。
6.如何通吃瀏覽器語法顯示問題：教你如何避開及設計多數瀏覽器上的顯示內容。

直接進入詳細說明/報名網頁>> http://forum.j2eemx.com/showthread.php?t=1264

Flex和ColdFusion实现文件上传功能

2008-03-07T16:37:21+8:00

flex3正式版发布了，今天用flex3写了个flex+cf的文件上传功能,发现和beta的时候没有太大区别，下载Code

share下code：

    <mx:Style>
        global {
            fontSize : 12;
            fontFamily:Tahoma;
        }
    </mx:Style>

    <mx:Script>
        <![CDATA[
            // 先搞 1 个 FileReference
            private var file:FileReference = new FileReference();
            private var request:URLRequest = new URLRequest("http://localhost:8500/test/upload.cfm");
            // 上传状态指示, 和下面的文本框绑定
            [Bindable]
            private var stateText:String = "请选择一个文件上传";

            private function init():void{
                msg.text = stateText;
            }

            // createChildren 比 creationComplete 事件更早发生, 省的注册事件侦听, 直接在这里写了
            protected override function createChildren():void {
                super.createChildren();
                file.addEventListener(Event.SELECT, file_select);
                file.addEventListener(Event.COMPLETE, file_complete);
                file.addEventListener(ProgressEvent.PROGRESS, file_progress);
            }

            // 选择 1 个文件的事件
            private function file_select (e:Event):void {
                msg.text = "选择了文件 " + file.name;
                mTxt.text = file.name;
            }

            // 上传完毕后的事件
            private function file_complete (e:Event):void {
                msg.text = "上传完毕";
                var filePath:String = "http://localhost:8500/test/uploadfile/" + file.name;
                loader.source = filePath;
                loader.load();
            }

            private function file_progress (e:ProgressEvent):void {
                msg.text = "已上传 " + Math.round(100 * e.bytesLoaded / e.bytesTotal) + "%";
            }
            // 先判断一下文件大小, 再上传
            private function upload ():void {
                if (file.size > 0) {
                    msg.text = "正在上传 " + file.name;

                    file.upload(request);
                }
            }


        ]]>
    </mx:Script>
    <mx:Canvas width="642" height="600" x="10" y="10">
        <mx:Label x="10" y="10" text="用Flex和ColdFusion实现Upload功能" width="257" fontWeight="bold"/>
        <mx:TextInput text="" width="200" editable="false" y="39" x="10" id="mTxt"/>
        <mx:Button label="上传" click="upload();" x="278" y="39" cornerRadius="0"/>
        <mx:Button label="浏览" click="file.browse();" x="218" y="39" cornerRadius="0"/>
        <mx:Label x="10" y="72" width="280" id="msg" color="#ff0000"/>
        <mx:SWFLoader x="10" y="100" width="560" height="500" id="loader" scaleContent="true"/>

    </mx:Canvas>

ColdFusion方面做的操作，那就更少了

<cfprocessingdirective suppresswhitespace="yes">
<cfset m = expandpath("/test/uploadfile")>
<cfif DirectoryExists (m)>
<cfelse>
    <cfdirectory action="create" directory="#m#">
</cfif>

<cftry>
<cffile action="upload" fileField="filedata" destination="#m#" nameconflict="overwrite">
<cfcatch>
</cfcatch>
</cftry>
</cfprocessingdirective>

TextField 透明方法

2008-03-05T19:54:56+8:00

這是前幾天遇到的一個小問題,那就是ActionScript3.0~TextField類別中的alpha屬性不會起作用,為甚麼會說不能夠起作用呢?那是因為alpha屬性在TextField類別中是有一些限制的,那就是必須將字體嵌入才能使alpha屬性起作用(指動態字體),為了項辦法使它alpha屬性起作用且不用將字體嵌入,所以使用了一些小方法...

flash連接資料庫(Amfphp)=>下篇

2008-03-03T23:24:14+8:00

今天是寫最終的部分,那就是把之前上下篇寫的東西,全部綜合起來,達成連接資料庫的效果。首先我們用以下的SQL碼來建立一個名叫"testflash"的表,並且在裡面有一個叫"testing"的目錄。(我是假設你已經知道甚麼是資料庫及會運用)

--------------------------我是分隔線------------------------------------
-- phpMyAdmin SQL Dump
-- version 2.10.2
-- http://www.phpmyadmin.net
--
-- 主機: localhost
-- 建立日期: Mar 03, 2008, 02:40 PM
-- 伺服器版本: 5.0.45
-- PHP 版本: 5.2.3

As3.0-flash連接資料庫(Amfphp)=>中篇

2008-02-29T18:21:01+8:00

繼上次寫了上篇以後,今天要寫的是Flash要如何與上篇寫的PHP做個聯繫(如果還沒看上篇的可以連接這裡觀看上篇),關於最後資料庫的部分在後編才寫。所以首先我們必須要的是建立一個新的ActionScript3.0的Flash檔案,然後在flash的影格內輸入以下程式:

Flash(AS3.0程式)

import flash.net.URLRequest;
import flash.net.NetConnection;
import flash.net.Responder;

flash連接資料庫(Amfphp)=>上篇

2008-02-27T19:25:08+8:00

接觸了ActionScript一短時間,對Flash連接資料庫的方式也有一定的了解,我會開始學ActionScript的原因也是因為Flash可以連接資料庫,可見Flash能連接資料庫是多麼的吸引人,可是flash連接資料沒有PHP簡單,它必須透過一些語言例如:PHP,Java,ASP等等的方法,簡稱"Flash Remoting",不過本篇只針對PHP(Amfphp是以PHP為主)來說,因為我只會用Amfphp(=___=)|||汗。

以下為各種Remoting的官方網址:

AMFPHP (方式:PHP , 網址: http://www.amfphp.org)
OpenAMF(方式:Java , 網址: http://www.openamf.com)
WebORB(方式:.NET,Java,Ruby on Rails,網址: http://www.themidnightcoders.com)
Fluorine(方式:.NET,http://fluorine.thesilentgroup.com)

ColdFusion还有多少是我们不知道的？(sandbox security的使用)

2008-02-27T16:14:03+8:00

今天遇到一个问题，发现了一个cf中使用的一个class，真的是很夸张。coldfusion.server.ServiceFactory，这个class可以把cf后台的资料呈现出来，比如datasource的list，而不需要你提供server的密码。如果host提供商没有做设置。那么我们完全可以独自获得该datasource name的清单。这真的是太夸张了。

不信的话，看下面的code：

<cfscript>
dss = CreateObject("java", "coldfusion.server.ServiceFactory");
dss = dss.getDataSourceService();
names = dss.getNames();
query = QueryNew( "name,databasetype,drivers" );
</cfscript>

下面是datasource的name：

那么如果是host，要如何防范这样的情况呢。答案是:要用到sandbox，这个功能很多时候大家都没有注意到，其实他很好用。他可以细分到控制coldfusion指定站点下的目录及文件，对其进行安全设定，包括cf tag，function等，那么我们现在针对这个class，我们需要控制站点的createObject for java的情况，将其禁用，就无法使用这个方法获取到datasource name了。另外你也可以设定只读权限，让使用者无法使用该class进行写操作，以避免恶意攻击。

如下图：

AS檔案和Fla檔案做聯繫

2008-02-22T01:58:00+8:00

今天要寫一個關於在沒有任何程式的Flash檔案要如何與As檔案在完整分離的情況下做聯繫。因為在接觸了ActionScript快半年的時間,我看了一些ActionScript和Flash的書發現大部分的書籍都是教導讀者如何把ActionScript直接寫在Flash裡,少部分的書籍才會提到如何把寫好得AS的檔案import進沒有任何程式的Flash裡並做聯繫,可是卻沒有很明確的告訴讀者如何完整的分離和設定,而我就是看到一個頭兩個大的讀者(可能我天資不好),所以今天我就寫寫有關這方面的完整方法...

用flash常犯的錯誤與解決方式

2008-02-20T21:03:02+8:00

前言:

第一次在網上寫有關flash的文章,心裡難免會有緊張XD,呵呵!(os:既然是第一次寫,那應該要把它寫好!>///<),那麼至於為甚麼會寫有關這主題呢?其實最主要是想和大家分享自己在接觸flash的一年多裡常犯的一些錯誤,最重要的是這些小錯誤都搞了我一段時間或影響了我維護網頁和修改時等等的麻煩!可能是我自學的關係吧(os:谁叫我沒導師/.\)!希望這些分享會對自學或新手會有所幫助。(老手就不用看了=.=)

那麼廢話就不多說,咱們就開始吧!GO~~~~

ColdFusion中MVC小记

2008-02-15T09:33:39+8:00

接触ColdFusion两年多了。随着学习的深入，我还是喜欢写一些之前自己遇到的问题，来帮助大家在初学cf的时候，可以更快入门。今天我们来说说在coldfusion中的MVC的面向对象应用。现在的cf框架可谓品种繁多，比起我刚学那会儿，已经丰富了不少了。比如比较经常被用到的mg2.0，mach ii ，coldbox，fusebox，coldspring等。但如果你连cf中的MVC架构是基于什么基础上进行的都不懂的话。那么阅读这样的框架是很吃力的。那么如果从java转型开发人员来看cf，更多的是希望快速了解cf的mvc架构是如何开始。所以我才有了写一篇初学cf的时候，可以快速掌握的mvc小知识。当然类似这样的问题，在群里，一般的高手他们是没有时间和耐心来对其进行描述。需要我们自己去了解。

在cfmx还没有出来的时候，cf5的年代，我们用了大量的cfinclude来进行MVC的实现。一般是使用自定义函数或自定义标签，封装成lib包来进行mvc的操作。而在cfmx之后，一个历史性的突破来了。因为cf6开始有了cfc，coldfsuion的组件。我们来看看在没有mvc的面向对象概念的时候我们的代码是什么样的。

例如：现在我要显示一段从database查询的结果。那么我们会写

<cfquery name="article" datasource="articleDSN">
select TITLE_ARTICLE,
            TEASER_ARTICLE,
            CONTENT_ARTICLE,
            AUTHOR_ARTICLE,
            CREATIONDATE_ARTICLE
from ARTICLES
where ID_ARTICLE = #url.articleID#
</cfquery>
<cfoutput query="qArticle">
<tr>
<td><b>#article.TITLE_ARTICLE#</b> by #article.AUTHOR_ARTICLE#
      (#dateFormat(article.CREATIONDATE_ARTICLE,"DD/MM/YYYY")#)
<br>
<i>#article.TEASER_ARTICLE#</i>
</td>
</tr>
<tr>
<td>#article.CONTENT_ARTICLE#</td>
</tr>
</cfoutput>

......