如何分離美工與程序員的職能
如果你正在設計一個交互式網站,你一定會關注兩個主要的問題,就是美工和程序。這也是一個網站在建設中拋開其內容之後最關鍵的要素。在小編看來,通常有兩種方式來協調美工和程序之間的關係:
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和相關係統的資源使用效率。
-
PS怎麼將路徑變成選區
相信很多朋友在用Photoshop處理圖片的時候,選擇了一個選區怎麼都取消不了。那麼,ps怎麼取消選區?下面讓我來給大家介紹下吧,希望對大家有所幫助。你想把一個圖形轉為形狀但是很複雜,不想用路徑工具摳圖怎麼辦?把PS選區轉為路徑或者形狀,能任意編輯哦!步驟:1、在PS中,用鋼...
-
ui設計常用軟件的優缺點介紹
導語:應該很多初學UI設計的小夥伴都糾結過:UI設計軟件這麼多,究竟哪種更好呢?其實每種軟件的問世都是有特定的意義價值的,我們只要根據自己的需要來選擇最合適的就好。下面就由小編為大家介紹一下ui設計常用軟件的優缺點,希望對大家有所幫助!現如今我們熟悉的設計制...
-
美工設計師崗位職責
在發展不斷提速的社會中,崗位職責對人們來説越來越重要,崗位職責的明確對於企業規範用工、避免風險是非常重要的。你所接觸過的崗位職責都是什麼樣子的呢?以下是小編收集整理的美工設計師崗位職責,僅供參考,大家一起來看看吧。美工設計師崗位職責1崗位職責:1、協助...
-
淘寶美工的工作是什麼
如果我們從事這個淘寶美工這個職位,如何學習淘寶美工呢,淘寶美工需要學什麼?如何下手呢?電商市場上真正需求什麼樣的淘寶美工設計師呢?下面一起來看看淘寶美工的具體工作要求吧!設計軟件項目內容:淘寶網頁圖片處理軟件:圖形圖像處理軟件PS,矢量繪圖軟件AI,矢量繪圖軟...