（使用FLASH+XML構建）簡單易更新網站

本案例的目的是想用FLASH製作一個設計作品集(portfilio)，就是個人首頁及設計公司中常用的那種工作展示。
由於天天工作，每隔幾天總會有些新作品可以放進作品集中，總不能隔三差五的去修改FLASH源檔案再輸出吧，用資料庫做這麼小的資料存取又顯得太笨拙，這個時候就得用到XML了，不需要資料庫，不需要空間支援，只要有FLASH和XMl檔案即可……。
先看看簡單資料表設計：
欄位     內容
name     設計作品名稱
src     設計作品的連結
intro     簡單描述
cate     作品所屬分類(網站/動畫/遊戲/多媒體..)

這樣一個資料庫，加個主鍵ID，有點像資料庫表 ，不過現在不能使用資料庫，必須以XML的模式來記錄這些資料，那麼我們再建立一個data.xml檔案，並寫入一個類似於此的資料描述結構

<第一段代碼>代碼複製框
//第一段代碼START <?xml version='1.0' encoding='UTF-8'?> <data> <web> <project name="SONYERICSSON T630 PROMOTION" src="sony.swf" intro="這是我今年的項目"/> <project name="MATRIX" src="matrix.swf" intro="密訓基地"/> <project name="PHILIPS TECH STATION" src="philips.swf" intro="科技新知"/> </web> <animation> <project name="MTONE GAME" src="mtone.swf" intro="這是個原作品了"/> </animation> <game> <project name="MIONICA GAMES" src="mionica.swf" intro=""/> <project name="EC ONLINE GAME" src="ec.swf" intro="線上遊戲"/> </game> </data> //第一段代碼END
[Ctrl+A 全部選取 然後複製]

這裡有幾個小問題：
首先，我使用的是 encoding='UTF-8'，表示資料編碼模式是UTF-8，採用此模式的主要好處是便於在FLASH中讀取資料，並且在任何語系平台(如日文或其它國家操作系統)上，都能正存的顯示出我的中文字或其它文字。
那當然，也可以採用encoding='big5'的中文編碼模式，不過那樣的話，FLASH中就得加上語法來標示一下了。

由於XML是一種樹狀的資料結構，所以他的語法模式與我們傳統的資料表不一樣，我們的XML檔案中定義了<web>…</web>及<game>..</game>這樣的標示，表示的是我在前面資料表設計中的cate分類，在此標識塊中的部分，即為屬於這一分類的項目。
然後再在<web>…</web>這樣的塊中定義每一條記錄，如

<project name="EC ONLINE GAME" src="ec.swf" intro="線上遊戲"/>

一條資料的內容。

好了，現在看看FLASH介面的準備情況

OK！介面上的內容基本上如此了，如果需要更多功能，就自己再增加各種MC之類的了
我們在FLASH的第一幀寫上關鍵的語法部分

<第二段代碼>代碼複製框
//第二段代碼START stop(); //將data.xml檔案加載 infoDefault = ""; showSrc = ""; nowBtnName = "no"; nowNum = 0; xmlObj = new XML(); xmlObj.ignoreWhite = true; xmlObj.load("data.xml"); //XML檔案所在位址 xmlObj.onLoad = function(success) { if (success) { trace("XML加載完成！"); parseXML(); //分析XML檔案的函數 } else { trace("XML加載失敗！"); } }; //建立三個陣列以便載入XML中的資料 arr_web = new Array(); arr_animation = new Array(); arr_game = new Array(); //分析XML檔案 function parseXML() { //分別將web,animation,game的資料，裝入arr_web,arr_animation,arr_game三個陣列 web = xmlObj.firstChild.childNodes[0].childNodes; for (var i = 0; i<web.length; i++) { arr_web = new Object(); arr_web.info = web.attributes.name; arr_web.src = web.attributes.src; } animation = xmlObj.firstChild.childNodes[1].childNodes; for (var i = 0; ianimation.length; i++) { arr_animation = new Object(); arr_animation.info = animation.attributes.name; arr_animation.src = animation.attributes.src; } game = xmlObj.firstChild.childNodes[2].childNodes; for (var i = 0; igame.length; i++) { arr_game = new Object(); arr_game.info = game.attributes.name; arr_game.src = game.attributes.src; } //處理完畢，跳入顯示頁 gotoAndPlay(2); } //顯示圖示函數，點擊介面上的一個分類，通過此函數將分類下的內容作為圖示繪製在畫面中 function showIcon(cate) { nowNum = eval("arr_"+_root.currCate).length; if (nowNum != 0) { //清除上一組圖示 clearIco(nowNum); } fileIconX = 435; fileIconY = 150; //—此部分放進MC中 for (var i = 0; ieval("arr_"+cate).length; i++) { fileIcon.duplicateMovieClip("ico"+i, i); temp = eval("ico"+i); temp._x = fileIconX; temp._y = fileIconY; temp_name = eval("arr_"+cate); temp.vari = temp_name.info; temp.src = temp_name.src; //設定每個圖 標的RollOver,RollOut,及Release事件 temp.onRollOver = function() { //RollOver時，將此圖示表示的項目名稱顯示在文字方塊中 proinfo.text = this.vari; }; temp.onRollOut = function() { proinfo.text = infoDefault; }; temp.onPress = function() { //按下按鈕，在左邊將此項目的swf檔案loadmovie進來 infoDefault = this.vari; showSrc = this.src; loadContent.loadMovie(showSrc); }; fileIconX += 27; //設定每個圖示的位置，超過8個，換一行畫圖示 if (i%9==8) { fileIconX = 435; fileIconY += 28; } } } //清除上一組圖示的函數 function clearIco(nowNum) { for (var i = 0; i=nowNum; i++) { eval("ico"+i).removeMovieClip(); } } //第二段代碼END
[Ctrl+A 全部選取 然後複製]