新聞中心
如何制作Modoer模板,Modoer模板開發(fā)結構詳解
不久之前,小編給自己的php虛擬主機安裝了一個Modoer程序,發(fā)現(xiàn)有很多新鮮東西,例如模板的結構,下面小編就給大家分析一下Modoer的模板結構 首先Modoer的模板分為5個板塊,分別是主站模板,主題模板,空間模板,助手模板和后臺模板,在這里,我們主要分析的是主站模板和主題模板。而助手模板和后臺模板為分布式的存放,每個模塊都在自己的模塊內(nèi),助手模板存放在core/modules/[moduleflag]/assistant/templates,后臺模板存放在core/modules/[moduleflag]/admin/templates,其中助手模板使用了模板引擎,可以使用模板標簽。然而,后臺模板沒有用模板引擎,所以需要直接進行php語法操作。下面是每個模板的路徑: 主站模板:templates/main 主題模板:templates/item 空間模板:templates/space 主站模板: 主站模板文件夾:每一套模板都有一個文件夾,不能直接把文件放在templates/main下面。 模板文件由【模塊_文件名】組成,比如:modoer_index,這表示modoer框架的首頁。 主站模板的組成一般為:頭部文件+主題文件+尾部文件,頭部文件是modoer_header,尾部文件是modoer_footer 首頁的組成是modoer_header+modoer_index+modoer_footer ,每一個主體文件同時可能由多個子模板組成,子模板的名稱一般為:模塊_文件名_part_* 模板的CSS組成有: 主站的CSS分類、公共CSS、首頁CSS和模塊CSS。下面一一講解。 公共CSS: 負責顯示統(tǒng)一的圖標,樣式等,例如點評的星星。公共CSS是為了在各個不同的。模板CSS的樣式名稱為:css_common.css 首頁CSS: 負責首頁單獨的風格,名稱為css_index.css,所有首頁單獨使用的css都是存放在這里 模塊CSS: 每個模塊內(nèi)需要獨立用到的布局CSS,當用戶訪問某個模塊的頁面時,就會自動加載這個模塊的CSS,模板CSS的樣式名稱為:css_模塊標識.css 主題模板: 2.0的主題模板相對于1.x增加了許多功能,同時,新聞、產(chǎn)品、優(yōu)惠券都成為主題模板,和統(tǒng)一主題關聯(lián)數(shù)據(jù)顯示,展示了一個完整的主題信息,可以實現(xiàn)類似品牌空間的網(wǎng)上店鋪效果。 主站模板的每個頁面都包含了頭部(header.htm),尾部(footer.htm) 主題風格的模板頁面分別為——主題首頁(index.htm),新聞列表(article_list.htm),新聞內(nèi)頁(article_detail.htm),優(yōu)惠券列表(coupon_list.htm),優(yōu)惠券內(nèi)頁(coupon_detail.htm),產(chǎn)品列表(product_list.htm),產(chǎn)品內(nèi)頁(product_detail.htm),分類信息列表(fenlei_list.htm),分類信息內(nèi)頁(list_detail.htm) 希望對各位站長朋友有所幫助~!
本文地址:http://www.gle-technology.com/modoer/14054.html