- 相關(guān)推薦
Flash Web結構之數據顯示層介紹
前面講FlashWeb背景層的時(shí)候已經(jīng)提到了數據顯示層。由于筆者基本不使用組件，所以對筆者來(lái)說(shuō)，數據顯示層主要是指TextField，或者用MC簡(jiǎn)單包裝的TextField。它們是網(wǎng)站信息的主體部分，一般都是動(dòng)態(tài)的調用外部信息。當然，由于我用MC進(jìn)行了包裝，它們也可以作為按鈕使用，比較常見(jiàn)的就是標題列表，比如我主站上三個(gè)子站最新發(fā)布列表。
就像我前面說(shuō)過(guò)的，數據顯示層要盡量的精簡(jiǎn)體積，它是一個(gè)Flash web瀏覽效率的關(guān)鍵，不適合做大量的效果，尤其是位圖效果。而它的結構也要盡量清晰且工整，便于代碼控制。對于Flash模式的網(wǎng)站可以考慮直接將TextField放到_root上；而對于PS模式和混合模式，則最好還是用MC對TextField進(jìn)行包裝，以保證網(wǎng)站各欄目的獨立性。
淺談數據層
數據層可謂是整個(gè)Flash web的中樞神經(jīng)系統，負責Flash web的所有數據顯示和交換，還有功能的實(shí)現，甚至是動(dòng)畫(huà)的控制。
在正式開(kāi)始講解數據層之前，我想先回顧一下我自己的代碼編寫(xiě)歷史。最開(kāi)始的時(shí)候，我一般都是直接把代碼寫(xiě)在元件上，這樣寫(xiě)的局限性比較大，很多功能無(wú)法實(shí)現；后來(lái)我開(kāi)始嘗試在時(shí)間軸上寫(xiě)，可由于當時(shí)能力有限，部分代碼還是要寫(xiě)在元件上，這樣就造成代碼混亂，時(shí)間一長(cháng)，自己也記不清代碼到底寫(xiě)哪兒；AS能力稍微強點(diǎn)后，我就不再在元件上寫(xiě)代碼了，而是全部寫(xiě)在時(shí)間軸上，一般都是每個(gè)欄目，或者是每個(gè)MC包含自己獨自的代碼，這樣做的好處是，代碼分布比較清晰，而且代碼獨立性比較好。但即便這樣做，還是不夠理想，因為如果網(wǎng)站MC嵌套結果非常復雜的話(huà)，每個(gè)MC的代碼都獨自包含，那么代碼可能會(huì )寫(xiě)在很深層的MC上，而且MC很多話(huà)，代碼也將隨之分布很散，這樣還是不方便代碼的集中管理，也不容易從總體上把握網(wǎng)站數據之間的聯(lián)系。
現在的我怎么做呢？由于我現在不僅AS已經(jīng)玩得很熟，而且能夠從宏觀(guān)上對網(wǎng)站結構進(jìn)行比較到位的把握，所以我已經(jīng)完全有能力根據網(wǎng)站的特點(diǎn)和功能在正式動(dòng)工之前就把網(wǎng)站劃分為若干功能模塊，然后用我自創(chuàng )的MC三幀式去完成每個(gè)模塊的實(shí)現。
打開(kāi)我網(wǎng)站的源文件，你會(huì )發(fā)現，除了主時(shí)間軸和主時(shí)間軸上一系列具有“三幀式”結構的空MC外，其它地方極少有代碼，可以說(shuō)核心代碼已經(jīng)完全從網(wǎng)站中分離了出來(lái)。在主時(shí)間軸上，一般來(lái)說(shuō)第一層是AS層，第二層可有可無(wú)的標簽層，第三層就是數據層，全部的“三幀式”MC都放在這一層，最下面的那些層就是網(wǎng)站主框架了。也許你已經(jīng)忍不住要問(wèn)了，你老說(shuō)“三幀式”，到底什么是“三幀式”��？問(wèn)得好，這正是我下面要講的重點(diǎn)。
“數據層MC三幀式”是我為了方便數據管理而自創(chuàng )出來(lái)的一種有效的數據組織框架，它巧妙的利用了時(shí)間軸，具有清晰的結構，而且還具有通用性。從字面意思，我們便可以猜出來(lái)，它是具有三個(gè)空白關(guān)鍵幀的影片剪輯，這三個(gè)幀的名字按在時(shí)間軸上的先后順序依次為“chuShi”、“shuaXin”、“gongNeng”。
“chuShi”幀：這一幀負責系統的初始化，主要分兩部分，第一部分一般都是一大串變量。這些變量又分為三種，第一種是所有這個(gè)MC要操作的對象和其它元件接口；第二種是一些系統初始變量，比如將負責留言顯示的頁(yè)碼變量初始為1，就可以讓留言初始為顯示第一頁(yè)；最后還有一個(gè)比較特殊的布爾變量，就是“yiJiaZai”，我們把它的值初始為false，表明此MC內控制的外部數據此時(shí)還未進(jìn)行過(guò)加載，一旦這個(gè)MC控制下的數據加載成功，我們立刻將其值變?yōu)閠rue。這樣做的好處是可以根據此值判斷數據是否是第一次加載，然后進(jìn)行不同的設置和響應。第二部分則是注冊刷新函數，有經(jīng)驗的動(dòng)態(tài)Flash web開(kāi)發(fā)者都應該知道，Flash中的數據刷新是重點(diǎn)，這也是Flash web較常規網(wǎng)頁(yè)的最大優(yōu)勢之一。在這里，我們需要注冊倆個(gè)負責數據刷新的函數：
function chuShi(){gotoAndPlay("chuShi");}
function shuaXin(){play();}
稍后我會(huì )解釋為什么。
“shuaXin”幀：這個(gè)幀是個(gè)空白關(guān)鍵幀，什么都沒(méi)有，它的意義也將在下面解釋。
“gongNeng”幀：這幀主要負責各種功能的實(shí)現以及數據的呈現，為了方便對整個(gè)網(wǎng)站的控制以及各“三幀式MC”之間的相互控制，我建議把比較重要的功能都寫(xiě)成函數。在“gongNeng”幀代碼的最后一定要加上一句gotoAndStop("shuaXin")。這幀中還有一個(gè)重頭戲就是錯誤分析和處理，但為了緊扣文章中心，這里就不多講了。
這樣以來(lái)我們就建立起一套簡(jiǎn)單有效的數據控制機制。首先在_root上將所有的“三幀式MC”都stop到第一幀，也就是“chuShi”幀，然后建立一套數據加載機制，通過(guò)控制三幀式MC的播放來(lái)控制數據加載順序。數據加載完成后，我們就可以在任何地方通過(guò)控制三幀式MC來(lái)控制這個(gè)MC負責的網(wǎng)站某特定部分。比如有個(gè)名字為“l(fā)ieBiao_mc”的三幀式MC是負責網(wǎng)站文章標題列表這部分的功能，我們就可以通過(guò)下面極其簡(jiǎn)單的代碼來(lái)實(shí)現對文章列表的控制：
如果我們要得到文章列表的初始狀態(tài)，只需要調用：_level0.lieBiao_mc.chuShi();
如果我們要得到文章列表的某特定狀態(tài)，只需要對負責此狀態(tài)的變量賦值，然后調用：_level0.lieBiao_mc.shuaXin();
如果我們只需要調用文章列表中的某一項功能，只需要調用：_level0.lieBiao_mc.特定功能函數名();
由于我們在“gongNeng”幀中就有錯誤分析、過(guò)渡動(dòng)畫(huà)等這些重復性?xún)热�，所以當調用shuaXin函數時(shí)，這些內容就會(huì )自動(dòng)觸發(fā)，非常簡(jiǎn)單好用。
數據層MC三幀式就簡(jiǎn)單介紹到這里，具體細節其實(shí)非常豐富，這里只是拋磚引玉。
【Flash Web結構之數據顯示層介紹】相關(guān)文章：
用SQL實(shí)現查詢(xún)數據不顯示錯誤數據的方法08-19
施工設計LED顯示屏支撐結構10-27
硬盤(pán)的分區結構及其數據儲存解析01-04
Excel2013如何設置數據以百萬(wàn)單位顯示06-26
計算機web技術(shù)介紹06-24
web前端應聘自我介紹02-25
《法國中尉的女人》影片套層結構分析11-14