shopexv模板制作手冊

《shopexv模板制作手冊》由會員上傳分享，免費在線閱讀，更多相關(guān)內(nèi)容在行業(yè)資料-天天文庫。

1、ShopExV4.8模板制作手冊概述全新的模板體系ShopEx48的模板不同于ShopEx之前的版本，將頁面抽象成為不同的區(qū)塊，有實現(xiàn)核心流程的業(yè)務(wù)區(qū)，也有實現(xiàn)展示和其他功能的版塊。使得內(nèi)容和表現(xiàn)更加分離，便于升級維護。模板的大部分操作都在后臺可視化進行，用戶甚至可以通過拖放配置不同的版塊，來創(chuàng)建屬于自己的獨一無二的模板。模板路徑模板路徑是ShopEx48安裝目錄/themes/模板目錄構(gòu)成進入到某一套模板目錄中后，就可以看到該模板的目錄和文件結(jié)構(gòu)了:1.可重用部分，文件夾中存放著模板各頁面的公用部分，擴展名為html，一般是模板的頭部和尾部，

2、這兩個部分在整個站點中都是相同的，支持smarty語法2.邊框目錄，擴展名為html，存放著邊框文件，邊框是版塊的呈現(xiàn)樣式，相當于版塊的模板，支持smarty語法3.images目錄，存放所有圖片文件、css文件等4.*.html，框架文件，擴展名為html，決定了頁面的布局和版塊可擺放的區(qū)域，是頁面的骨架5.preview.jpg，模板預(yù)覽1.theme.xml，模板配置文件，包含模板信息、邊框信息，版塊配置信息等模板前臺的構(gòu)成ShopEx48模板機制，對于整體的結(jié)構(gòu)來說，是將頁面的布局作為框架對應(yīng)不同的功能頁面，一個框架可以對應(yīng)多個功能頁面

3、。對于頁面來說，就是將頁面抽象成由各個實現(xiàn)某項功能的版塊組成，這些版塊作為獨立的部分，可以通過切換不同的邊框及編輯配置改變它的呈現(xiàn)樣式。Smarty模板引擎ShopEx48的模板體系引入了Smarty引擎，在框架、版塊、邊框中都可以應(yīng)用Smarty語法，具體的寫法是<{Smarty語句}>，如<{foreachfrom=$custiditem=curr_id}>id:<{$curr_id}>
<{/foreach}>模板操作以下是后臺模板列表頁面，模板的所有操作都在此進行·使用模板，點擊相應(yīng)模板下的“使用模板”，此模板便會加載成為當前模板

4、?！つ０迳蟼?，ShopEx48的模板包是一個tgz文件，包含了模板的所有資源和版塊配置。進入后臺“模板管理”，點擊“上傳新模板”，將模板包上傳后，新模板會在模板列表最末出現(xiàn)，點擊“設(shè)為默認”便能加載為當前模板?！つ０逑螺d，點擊相應(yīng)模板下的“下載”便可，模板包是一個打包好的tgz文件?！せ謴?fù)默認狀態(tài)，以theme.xml為依據(jù)，還原到模板默認的樣子，點擊相應(yīng)模板下的“恢復(fù)默認狀態(tài)”?！つ０迮渲茫笈_關(guān)于模板的可視化操作都是在“編輯模板”中進行的。編輯模板“編輯模板”中，所列出的頁面實際上是框架頁，“可視編輯”是對此框架下的版塊進行修改，“源碼編輯

5、”是編輯框架的源碼，“創(chuàng)建”是給此功能頁新建一個框架，默認所有頁面使用的都是默認框架default.html?？梢暰庉嬎娂此玫木庉嫹绞?，用戶可以在此進行添加、刪除、修改版塊的操作?？蚣芙榻B框架概述框架是頁面的骨架，位于模板根目錄下，它決定了頁面大體的布局（如兩欄、三欄等）和版塊可擺放的區(qū)域?？蚣芡ǔ６际潜容^簡單的html文件，它的作用是將頁面劃分區(qū)隔，在適當?shù)奈恢梅胖冒鍓K區(qū)(代碼中的<{widgets}>)，以便可視化編輯時擺放和配置版塊。版塊區(qū)是能放置版塊的區(qū)域，一個框架頁至少要有一個版塊區(qū)才能放置版塊，一個版塊區(qū)能豎向擺放一個或更多的版

6、塊。以下是一個首頁的框架，其中的藍色虛框部分為版塊區(qū)公用部分框架是html代碼，模板的頭尾在所有頁面中一般都是一致的，所以模板的頭尾會被做成相應(yīng)的html文件引用到各個框架中來，引用的部分也是能放置版塊區(qū)的，這樣可以免去重復(fù)的版塊配置?？蚣芘c業(yè)務(wù)區(qū)框架頁的名稱是系統(tǒng)定義的，關(guān)聯(lián)相應(yīng)的功能頁面，。一套模板有許多功能頁面，但不是每個頁面都必須有與之對應(yīng)的框架，在沒有與之對應(yīng)的框架存在時，頁面使用默認框架default.html。它包含核心業(yè)務(wù)區(qū)，核心業(yè)務(wù)區(qū)因涉及到以后的升級，完全由程序輸出，與模板無關(guān)，用戶不能更改源碼。對某一個功能頁面也可以建立特

7、定的框架，放置不同的版塊做成新的新的頁面。以下是一個默認框架的例子，其中的<{main}>是核心業(yè)務(wù)區(qū)版塊介紹版塊概述版塊是具備某項功能的小區(qū)塊，是組成頁面的基本元素，用戶可以通過配置版塊的參數(shù)來達到修改模板的目的。版塊本身只包含功能不包含樣式，它的編輯是在后臺可視化編輯里完成的，用戶可以任意拖動版塊位置、編輯版塊參數(shù)等。編輯好的版塊配置信息存放在數(shù)據(jù)庫中，可由后臺導(dǎo)出。板塊操作用戶放置版塊的過程非常簡便，只需在后臺版塊編輯中選定需要的版塊，再點擊希望放置的版塊區(qū)便可。當用戶將鼠標移動到某個版塊上時會出現(xiàn)相應(yīng)的工具條，點住“移動”，能拖動此版塊

8、的位置；點擊“修改”按鈕，能編輯版塊的配置。版塊的增刪及位置變動需要點擊工具條上的“保存模板修改”按鈕才能看到效果，版塊本身的配置編輯直接點擊面板中的