糯米文學吧

位置:首頁 > 設計 > 美工設計

如何分離美工與程序員的職能

如果你正在設計一個交互式網站,你一定會關注兩個主要的問題,就是美工和程序。這也是一個網站在建設中拋開其內容之後最關鍵的要素。在小編看來,通常有兩種方式來協調美工和程序之間的關係:

如何分離美工與程序員的職能

1.先做好美工頁面,然後由程序員直接在美工頁面的HTML文件中嵌入ASP、JSP、PHP等程序代碼。

2.美工和程序同時進行,但這時因為沒有頁面框架,程序只能做出一些關鍵代碼,雙方完成後再進行一次美工頁面和程序代碼的嵌入合成。

在實際的網站建設過程中,由於人員、進度等環境的限制,大家通常會混合地使用上面兩種協調方式。然而這兩種方法都有不足之處:

1. 效率不高。兩者協調不好可能產生等待、重複代碼調試步驟等現象;

2. 調試不暢。由於程序代碼最終需要嵌入在HTML頁面中,代碼的嵌入、調試、糾錯都比較繁瑣;

3. 維護不便。一旦美工設計需要修改,如網站改版,那麼所有程序和HTML代碼混合頁面都需要重寫;

如果你正在使用PHP程序建設網站,那麼恭喜你,PHP的模板技術會比較圓滿地解決上述問題。

那麼什麼是PHP的模板技術?PHP模板即PHPlib的Template技術,是PHPLIB程序庫中的一個主要模塊之一,發展自Perl的Template。而PHPLIB則是在PHP上的一個擴展,提供了很多類庫,能夠方便地實現一些基本功能如用户認證,數據庫封裝等。我們可以在上下載到其最新版本。要使用PHP模板,只需在PHPLIB的程序包中解開文件,並放到我們的PHP程序能夠調用的目錄裏。

剝開神祕的'面紗,模板技術的核心概念簡單得令人心跳:要將你的美工頁面指定為模板文件,只需將頁面中活動的內容如數據庫輸出,用户交互等部分定義成形式為{variable}的變量放在模板文件中相應的位置,當用户瀏覽時,由PHP程序文件打開該模板文件,將模板文件中定義的變量進行替換,當然,替換成對應的數據庫輸出或者用户交互等動態生成內容,舉例如下:

定義模板文件:

的內容為:

.....

...

今天是{today}

...

我們可以看到,事實上模板文件就是一個普通的HTML文件,它包含了你所想要的版面、美工等要素,而內部的活動內容則以變量的形式存在,並等待被替換。顯然,模板文件直接被瀏覽是毫無意義的,因為它不包含任何PHP程序,所有的內容都是“死”的,現在我們來看看,怎樣來調用模板,讓它“活動”起來。

假設我們在文件中使用了上述模板,當用户瀏覽文件時,文件處理過程如下:

mydate=date("Y年m月d日"); //處理好變量的值

include(""); //調入將模板程序模塊

mytemp = new Template("/你的模板文件所在目錄/");

//創建一個模板實例mytemp,如果模板就在當前目錄,那麼使用"."就可以

mytemp->set_file("MyFileHandle","");

//設置MyFileHandle文件句柄指向我們所要調用的模板文件

mytemp->set_var("today", mydate);

//調用模板的set_var方法,設置模板中的變量today值為$mydate

mytemp->parse("MyOutput","MyFileHandle");

//調用模板的parse方法,對MyFileHandle文件句柄所指向的模板文件進行分析,替換其中相應變量

//並把替換結果即完整的HTML文件內容保存在字串變量MyOutput中

mytemp->p("MyOutput");

// 打印輸出結果字串變量MyOutput的值

?>

就是這麼簡單,模板技術很輕鬆地把網站設計分離成了清晰的美工和程序兩個方面,並把他們的成果簡單方便地結合了起來。如美工設計需要修改,那麼我們只要記住原模板中各個變量名,把他們插入到新模板中對應位置就可以了。真的很輕鬆!另一方面,在PHP程序中基本沒有了PHP腳本和HTML語法混合的現象,很大地提高了PHP系統的執行效率,而且如果是數據庫等一些費時的操作,現在可以很及時地關閉數據庫,釋放資源,這樣也在一定程度上提高了PHP和相關係統的資源使用效率。