javashop模板制作手冊

《javashop模板制作手冊》由會(huì)員上傳分享，免費(fèi)在線閱讀，更多相關(guān)內(nèi)容在教育資源-天天文庫。

1、JavaShop模板制作手冊Version:1.0Publicdate:2010-06-21AllrightreservedJavamall.com.cn第一章Javashop模板解析機(jī)制Javashop頁面的顯示由Javashop模板引擎解析，模板解析機(jī)制包含兩個(gè)部分：請求URL-模板文件應(yīng)射和模板解析顯示。1URL-模板文件映射每一次頁面顯示都會(huì)對(duì)應(yīng)一次請求，一個(gè)請求就會(huì)對(duì)應(yīng)一個(gè)URL，如：/test.html，那么我們的模板解析就由這個(gè)URL開始，這個(gè)URL可能會(huì)對(duì)應(yīng)我們的一個(gè)模板文件，如：test.html，首先我們要建立這種URL和模板文件的對(duì)應(yīng)關(guān)系(也就是建立了一個(gè)HTTP請

2、求和模板文件的對(duì)應(yīng)關(guān)系)，也可以稱為URL-模板文件應(yīng)射，通過如下步驟建立URL-模板文件應(yīng)射：首先用開發(fā)者角色（什么是開發(fā)者角色？）登錄后臺(tái)：此處程序上還差開發(fā)者角色定義和操作體驗(yàn)完善點(diǎn)擊“新增按鈕”：點(diǎn)擊保存新增一條記錄，這樣我們便完成了一個(gè)URL-模板文件的映射。1模板文件首先我們要確認(rèn)我們當(dāng)前模板所在的目錄，登錄后臺(tái)，點(diǎn)擊頁面設(shè)置-》主題管理-》前臺(tái)主題：由上圖圈紅部分可以看出當(dāng)前模板目錄為default，即/themes/default(“/”代表Javashop部署到web服務(wù)器的根目錄)，我們在此目錄中建立一個(gè)模板文件，名為test.html，并鍵入“helloworld!

3、”，起動(dòng)web容器（如tomcat），訪問http://ip:端口號(hào)/虛擬目錄/test.html，效果如下圖：模板解析引擎根據(jù)http://localhost:8081/test.html，找到當(dāng)前模板/themes/default/test.html，并顯示出此文件的內(nèi)容。1掛件使用說明widgets.xml配置經(jīng)過上述章節(jié)的講解，我們學(xué)習(xí)到如何顯示一個(gè)模板的內(nèi)容，將下來我們將了解到如何展示網(wǎng)店的數(shù)據(jù)，如商品、商品分類等，展示這些數(shù)據(jù)需要借助“掛件”。我們將一個(gè)頁面劃分為一塊塊的“掛件區(qū)域”，如下圖所示：掛件的作用就是在模板的相應(yīng)位置輸出一段HTML，這樣，Javashop的一個(gè)頁面

4、就是由多個(gè)掛件HTML片段組合而成的。接下來我們具體講解如何使用一個(gè)掛件，首先我們在widgets.xml中定義在一模板文件中要含有哪些掛件，widgets.xml位于當(dāng)前模板根目錄下，如：/themes/default/widgets.xml,如果不存在需要手工建立一個(gè)。我們以“商品列表掛件”為例來講解，“商品列表掛件”的作用是輸入我們指定的幾個(gè)商品信息，如下圖所示：他的掛件ID是goods_list，假設(shè)在我們的test.html中只有這一個(gè)掛件，那么widgets.xml中的配置為：

5、>goods_list{catid:'1'}{type:'default'}上述掛件配置中type必須指定為掛件的ID其它參數(shù)和具體的掛件相關(guān)，可參考“商品列表掛件”。接下來在模板文件test.html中輸入”${widget_cat1_goods}”其中標(biāo)紅的部分為在widgets.xml中定義的掛件id，重新訪問test.html，效果圖如

6、下：自定義掛件頁面上圖內(nèi)容為掛件默認(rèn)的HTML結(jié)構(gòu)，因?yàn)闆]有使用樣式看起來比較丑陋，下面我們介紹如何自定義這個(gè)掛件的HTML結(jié)構(gòu)，通過指定掛件的custom_page和folder參數(shù)我們可以讓掛件輸入自定義的HTML，如：goods_list{catid:'1'}{type:'default'}

7、>cat1_goodsà指定掛件頁面名稱，擴(kuò)展名默認(rèn)為.htmlwidget_htmlà指定掛件頁面所在目錄這樣我們必須建立/themes/default/widget_html目錄，并在目錄中建立cat1_goods.html文件，并在文件中鍵入：“這是自定義掛件的內(nèi)容”，重新訪問test.h