現在到了 Joomla! 1.5 平臺，前面這個方法不靈了。不過，Joomla! 開發團隊早就給出了更好的方案，總結起來就是3個字母：MVC。
?
?
?
MVC 等幾個概念
????? MVC 是Model-View-Controller （模型-視圖-控制器）的縮寫。這是 Joomla! 1.5 采納的一種新型的 Web 程序編寫模式。 MVC 這三個字同時也蘊含了一種理念：更加靈活的外觀設計。其中的 V 字母就是完美解決外觀布局問題的答案。
?
????? 長期以來，Joomla! 就因為其外觀布局無法自由設計而遭詬病?，F在，得益于MVC的幫助，徹底控制網頁外觀風格的力量重新回到了模板設計人員的手中。
?
????? 首先弄清楚兩個概念：CSS 只能改變頁面“樣式”，例如顏色、字體、背景等等，它不能改變“布局”，也就是頁面上各種組成部分的 結 構 。這是由 HTML 的輸出來控制的，例如文章展示為博客形式還是列表形式，就無法通過 CSS 來調整。以前如果要改變頁面的布局，就必須手動修改Joomla! 核心文件的 HTML 代碼。這樣會引發一個潛在風險：當你網站核心升級時，新的文件可能會覆蓋掉舊版本，從而使你的 Hack 結果消失。而 MVC 的出現，使得這個煩惱一去不復返。設計人員再也不需要修改 Joomla! 的核心文件了，也不必擔心網站升級會抹殺個性化設計。
?
????? 我們姑且稱 MVC 中的 View 為“視圖”，擴展套件在前臺呈現各種不同類型數據的方式就是它的視圖。但是它的外觀表現不止一種，我們稱之為不同的“布局”。舉例來 說，com_content 這個組件控制著文章系統，它能夠呈現不同的數據：文章，或者類別，或者單元。前臺形式可以是單篇文章展示，可以是多篇文章的標題列表，可以是多篇文章的 Blog 形式排列。這就是說，com_content 組件的視圖有多種 布局 。也就是說，真正在前臺展示的是布局。
?
????? 那么，我們如果要改變前臺的 HTML 輸出，就只需修改布局。在進行這個操作之前，我們必須記?。阂粋€組件可以有多種視圖，每個視圖又可以有多種布局。視圖包含了一系列固定的信息，而布局可以 通過不同的形式來展示這些信息。例如：文章組件（com_content）的“類別”視圖包含很多文章，這些文章可以用列表來顯示，也可以用表格來顯示 （可能還有其它形式），這就是說，類別視圖既有“列表”這種布局，也有“表格”這種布局。
?
????? 模塊就相對簡單多了。模塊一般都是以一種方式展示一種信息。因此模塊沒有視圖，它們只有布局。有些模塊作者甚至可以在后臺參數中為他的模塊提供幾種布局來 供選擇。例如：登錄模塊的“姓名”和“密碼”輸入框是垂直排列，還是水平排列，這就無法通過 CSS 來實現，只能是不同的“布局”。
?
模板與布局
????? 接下來還要區分一下“模板”與“布局”的關系。模板主要是為網頁設定一個結構框架。在這個框架之內，指定了組件和模塊的顯示位置。而在這些位置上，具體如 何展示信息，是由布局（模塊）或者視圖與布局的組合（組件）來決定的。
?
?
?
?
????? 上圖是 Joomla! 默認模板 rhuk_milkyway 的結構外觀（通過訪問 http://域名/index.php?tp=1?就能看到這些模塊位置）。你可以清楚地看到哪些模塊在哪個位置，以及組件在什么位置輸出。然而，“實 際上”這些位置將來輸出什么內容，不是模板決定的，而是由“布局”決定的。
?
組件的輸出類型及布局的優先性
????? 要理解布局的優先性，我們先要理解組件的文件結構。盡管一個組件有多個部分，分別負責不同的功能，我們只需要看看 /views 目錄下的文件。下面是 com_content 組件視圖目錄的一部分：
?
?
|
/components
|
?
?
????? 在 /views 目錄中，每一種視圖都有自己的目錄。com_content 組件還有另外三個視圖我們沒有列出來，它們是存檔（archive）、首頁（frontpage）和單元（section）。
輸出類型
????? 繼續上面的例子。在 /articles 目錄中有很多文件。與 /category 視圖目錄比較一下，就會發現都有一個共同文件就是 view.html.php。這就是我們所說的視圖文件。由于輸出類型不同，可以有多個不同的視圖文件。這些視圖文件的命名規律 是：view.output_type.php，這里 output_type 就是輸出類型，可以是 html、feed、pdf、raw?或者 error。當我們需要該視圖的HTML輸出時，就會調用 view.html.php 文件；當我們需要該視圖的 RSS 輸出時，就會調用 view.feed.php 文件。
?
????? 如果將全局設置中的SEF啟用、同時啟用Apache的 mod_rewrite 、啟用給URL添加后綴，那么這些不同輸出類型的影響就能從 URL 中看出來：
?
?
|
http://domain/sports.html
|
?
?
你網站上實際的 URL 可能與這些稍有不同，不過我們的重點是想說明：sports.html 結尾的URL 將調用 category 視圖的 view.html.php 文件來展示；sports.feed 結尾的URL 將調用 category 視圖的 view.feed.php 文件來展示 RSS 供稿內容。提醒一下：目前還不能自定義 feed?和?pdf 輸出類型。但是你可以自定義 HTML 輸出類型，這正是布局起效的地方。
布局
????? 在每一個視圖目錄中，都有一個 /tmpl 目錄，這里面就是布局文件。這個目錄中的每一個 php 文件都代表一種布局。例如， article/tmpl/default.php 就代表文章的默認布局； article/tmpl/form.php 就代表文章的編輯表單布局；category/tmpl/default.php 代表類別的默認布局；category/tmpl/blog.php 代表該類別中的文章以博客形式展示的布局。
?
????? 當添加新的菜單項目時，就能明顯看出組件的視圖與布局的關系。還用文章組件來舉例，當我們創建新菜單項目時，點擊“文章”（其實就是 com_content 組件），就會看到如下的畫面。樹形分支顯示了每一種視圖以及該視圖的若干布局：
?
?
?
?
????? 你可能注意到了，盡管 /tmpl 目錄中還有其它文件，但是沒有在這個列表上出現，例如 article 視圖的 pagebreak.php 文件。這是因為該布局的 XML 文件（本例中是 pagebreak.xml）中的命令隱藏了該布局（甚至可以是該視圖），不在這個列表中出現。關于這種隱藏命令另有教程介紹，此處不贅述。
?
????? 在理解并掌握了上述知識后，我們現在來實戰一下：創建自定義的優先輸出的布局。
復制或者創建布局文件
????? 布局的優先性只在當前模板有效，而且想要優先輸出的布局文件必須位于該模板的 /html 目錄中。例如，對于 rhuk_milkyway 模板來說，就位于 /templates/rhuk_milkyway/html/ 目錄中；對于 JA Purity 模板來說，就位于 /templates/ja_purity/html/ 目錄中；對于 Beez 模板來說，就位于 /templates/beez/html/ 目錄中。
?
????? （譯者注：本文所謂的“優先輸出”是指，對于某個符合 MVC 設計結構的組件來說，它已經自帶若干布局；如果我們在當前模板中重新設計了該組件的某些布局，則 Joomla! 1.5 會優先使用模板文件夾中定義的布局，忽略組件自帶的布局。這就是“優先輸出”。）
?
????? 再次強調：當你為某個模板創建了“優先輸出”，該優先性只在這個模板上有效，對其它模板就無效。例如，rhuk_milkyway 模板沒有任何組件的優先輸出，當你使用此模板時，所看到的前臺是各個組件的原樣輸出（組件作者所設定的）；當你使用 Beez 模板時，前臺幾乎每一個組件的外觀都已被該模板中定義的優先輸出所控制（模板設計者個性化了）；JA Purity 模板介于上述兩者之間，只有部分組件被創建了優先輸出，而且也只是這些組件的部分視圖。
?
????? 布局優先性的實現要求布局文件必須按照特定的方式來上傳。以 Beez 模板為例，我們可以在它目錄中看到下面的文件結構：
?
?
|
/templates
|
?
?
從這里可以看出組件“優先輸出”的文件結構很簡單：/模板名稱//html/com_組件_名稱/視圖_名稱/布局_文件_名稱.php 。我們來看一個例子：
?
????? rhuk_milkyway 模板沒有任何組件的優先輸出，如果我們想要對文章的默認布局進行優先輸出設計，就這樣做：
????? 首先將 /components/com_content/views/article/tmpl/default.php 這個文件復制到這個模板的目錄中（需要創建 html 目錄因為原來沒有），最后實現 /templates/rhuk_milkyway/html/com_content/article/default.php 這個結構。
?
????? 如果我們還想要對類別視圖的博客布局進行優先輸出設計，就需要將 /components/com_content/views/category/tmpl/blog.php 這個文件復制到 /templates/rhuk_milkyway/html/com_content/category/blog.php 這個位置。
?
????? 在完成了文件復制之后，你就可以按照需求來修改這些文件，以實現你的個性化設計方案。
子布局的優先輸出
????? 在某些視圖目錄中，可以看到某些布局擁有一些文件名前半部分相同的文件。以 category 視圖為例，其 blog 布局實際上由三部分組成：一個主布局 blog.php ，兩個子布局 blog_item.php 和 blog_links.php。研究一下 blog.php 文件的代碼，就能發現它是如何通過 loadTemplate 方法來調用這兩種子布局的：
?
|
echo $this->loadTemplate('item'); ?// or echo $this->loadTemplate('links');? |
?
?
????? 在加載子布局時，視圖已經知道你所處的上層布局是什么，因此無需寫全前綴（在本例中，你只需在代碼中寫 item，而不用寫 blog_item）。
?
????? 我們在這里專門討論子布局是想說明：當你只想對某個子布局實現優先輸出時，無需完全復制那一系列文件。例如，你對 Joomla! 本身的 blog 布局很滿意，但是想自定義 item 這個子布局的輸出樣式，那么就只需復制 /components/com_content/views/category/tmpl/blog_item.php 這個文件到 /templates/rhuk_milkyway/html/com_content/category/blog_item.php?這里即可。當 Joomla! 1.5 處理該視圖時，會自動從組件本身的目錄（com_content）中讀取 blog 布局定義，同時從當前模板的目錄中讀取 blog_item.php? 定義的子布局。
?
????? 本文基本上是官方文檔《 理解 Joomla! 1.5 的 模板輸出優先性 》（作者：Andrew Eddie）的翻譯，如果你喜歡看英文原版，可以點擊這個鏈接去閱讀。該文檔中還提到對模塊的布局進行“優先輸出”處理的方法，本文未轉載。有興趣的用戶 可以去看原版。
用優先輸出來解決我們的問題
????? 本文開始提到的 szyyw08 在論壇的那個問題 ，就可以通過對 com_content 組件的?frontpage 視圖進行“優先輸出”設計來解決。
?
????? 另外，我還想起來很多人在論壇都尋找一種“中國式風格”的首頁布局：新聞按照類別列出標題，頭條新聞標題的左側有縮略圖（或者每一個標題左側都有）；在同 一個類別中列出指定數量的標題之后，顯示“更多……”鏈接；首頁上按分欄排列多個這樣的新聞列表模塊，或者通過“標簽頁”的形式組合屬于相同大類別的小類 別；等等……
?
????? 這樣的問題，同樣可以通過自己設計 frontpage 視圖來實現。采用“優先輸出”的方法，我們可以設計好自己喜歡的視圖布局，然后可以上傳到任何一個 Joomla! 1.5 網站去實現同樣的風格，也不用擔心核心升級會影響這種個性化風格。
?
????? 最后我提醒想要開發 Joomla! 擴展的高手：強烈建議你在開發組件或者模塊時遵照 MVC 模式來編程。
?
附上api文檔
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
