如何分離美工與程式設計師的職能

才智咖 人氣:3.24W

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

如何分離美工與程式設計師的職能

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和相關係統的資源使用效率。