ecstore企業(yè)版模板機制技術(shù)交付文案_第1頁
ecstore企業(yè)版模板機制技術(shù)交付文案_第2頁
ecstore企業(yè)版模板機制技術(shù)交付文案_第3頁
ecstore企業(yè)版模板機制技術(shù)交付文案_第4頁
ecstore企業(yè)版模板機制技術(shù)交付文案_第5頁
已閱讀5頁，還剩26頁未讀， 繼續(xù)免費閱讀

下載本文檔

版權(quán)說明：本文檔由用戶提供并上傳，收益歸屬內(nèi)容提供方，若內(nèi)容存在侵權(quán)，請進行舉報或認領(lǐng)

文檔簡介

1112掛件區(qū)域2掛件2邊框2系統(tǒng)級區(qū)域22441.45678899 模板開發(fā)測試環(huán) 模板包的首次加 完善模板 重用框 重用系統(tǒng)級樣式 優(yōu)勢和創(chuàng)新以在管理進行所見即所得的網(wǎng)店2.模板緩存、自定義URL幫你分擔后端3.掛件機制可以滿足你站外嵌入的需模板機制中的掛件是ShopEx模板機制中的一個重要角色，它能根據(jù)條件從后端取得數(shù)據(jù)然后根據(jù)“掛件級頁面模板”來包裝成一個小板描述文件（themexml）中，以便可視化編輯時改變一個板塊的風格。 系統(tǒng)級區(qū)域用于輸出系統(tǒng)的交互流程。這些區(qū)域的html\javascript是不能在模板包中直接定義的，模板包唯一能影響到這些系統(tǒng)級區(qū)域的是css樣式定義，因為模板包的樣式表是在系統(tǒng)級樣式之后加載。默認模板頁是在模板包中未定義某個頁面的布局時，默認調(diào)用的頁面布局。例如你的模板包中只包含了兩個頁面的定義： 創(chuàng)建一個模板包id保持一致，并且應(yīng)該由數(shù)字和英文小寫組成。<?xml<?xmlversion="1.0"encoding="UTF-8" <setkey="邊欄樣式tpl="borders/border1html<setkey="商品分類tpl="borders/border2html<setkey="商店公告tpl="borders/border3html<setkey="品牌熱 "tpl="borders/border4html"<setkey="熱 "tpl="borders/border5html"<setkey="首頁商品列表tpl="borders/border6html<setkey="頁尾文章列表tpl="borders/border9html<set ""/>xml模板包的名稱,將會出現(xiàn)在管理模板列表模板含的邊框定義描widgets每個模板頁將用到的公共頁面(headerhtml、footer<!doctype<!doctype}>將輸出系統(tǒng)級<linkrel="stylesheet"type="text/css"href="images/fsgw-style.css"<!--模板包樣式的引入,（”images/”是必須的，因為在頁面渲染時，它會被替換為絕對路徑）<div<div<divclass=”top-bar<divclass=”span- <divclass=”span-auto<{widgetsid=”header-login<!--一個掛件區(qū)域，（id是唯一的）<div<{widgetsid=”header-nav”}><!--一個掛件區(qū)域，（id是唯一的）<div<div<div<{widgetsid="footer-<!--一個掛件區(qū)域，（id是唯一的）<{footer<!--javascript\用戶自定義的底部信息例如:（footer首頁模板（indexhtml）<{require<{requirefile="headerhtml"}><!--引入公共的頭部（頭部的掛件區(qū)塊會被解析）<div<div <divclass=”contentc-1<divclass=”span-4m-<div<divclass=”t”>商品分類<div<divclass=”span-10m-"}><{require<{requirefile="headerhtml"}><!--引入公共的頭部（頭部的掛件區(qū)塊會被解析）<div<divclass=”content<divclass=”span-4m-<{widgetsid=‘m-<divclass=”span-10m-"}>bordershtml，html<div<divclass="border1<{$widgets_classname}>" 定義的邊框className、id-- }>例如：borders/border1存放模板資源文件，例如css\js\、模板效果圖是一張直觀的模板效果（120＊160px）,可以在管理模板列表看到它以區(qū)分模板theme.xmltheme_bak.xml在上述中themexmltheme_bak.xml（如下圖,一個新模板包內(nèi)只有themexml文件,當使用了在管理通過模板列表上的“備份模板”,“模板還原”下拉框中會增加一個“最近一次備份”節(jié)點。）xml（如下為themexml內(nèi)的代碼<?xml<?xmlversion="1.0"encoding="UTF-8" <setkey="111111tpl="borders/border1.html<setkey="商品分類tpl="borders/border2html<setkey="商店公告tpl="borders/border3html<setkey="品牌熱 "tpl="borders/border4html"<setkey="熱 "tpl="borders/border5html"<setkey="首頁商品列表tpl="borders/border6html<setkey="頁尾文章列表tpl="borders/border9html（如下為theme_bak.xml內(nèi)的代碼 通過模板列表上的“模板還原”至“默認”節(jié)<?xmlversion="1.0"encoding="UTF-8" <setkey="222222tpl="borders/border1.html<setkey="商品分類tpl="borders/border2html<setkey="商店公告tpl="borders/border3html<setkey="品牌熱 "tpl="borders/border4html"<setkey="熱 "tpl="borders/border5html"<setkey="首頁商品列表tpl="borders/border6html<setkey="頁尾文章列表tpl="borders/border9html“模板還原”至“最近一次備份”每一次的“備份模板”的操作，是以數(shù)據(jù)庫的信息備份以及配置覆蓋到theme_bak.xml文件內(nèi)，而此操作是不對原始的themexml文件進行修改，覆蓋。你可以生成一個基礎(chǔ)的模板 模板包的首次加載如果你在板的開發(fā)，請先在管理應(yīng)用中心安裝一個應(yīng)用程序：《開發(fā)者工具》安裝方法：點擊管理右上“應(yīng)用中心”，找到“開發(fā)者工具”，進行安裝之后，你將在模板列表上方看到”“按鈕當首次構(gòu)建好基礎(chǔ)模板包。此刻應(yīng)將模板文件夾到網(wǎng)店模板既：/themes下首次的模板加載應(yīng)通過文件夾的方式放置到指定位置（/themes/）下。完善模板包名稱可以理解為對文件的備注，文件名會自動追加html后綴,頁面源碼會模板默認布局頁源碼在此可以修改html源碼頁可以只輸入名稱和文件名先生成html（）$ile））（casme））如果要在源碼編輯刪除一個<{widgets}>（掛件版塊區(qū)域），請先在可視化編輯中刪除此區(qū)域中的所有的掛件實例。配置頁（_config［如果配置頁不需要從系統(tǒng)內(nèi)取得數(shù)據(jù)，則此器無需制作。掛件渲染模板 （_preview.html）［可選mywidget掛件的目的是實現(xiàn)一個根據(jù)管理員的配置臺顯示一組商品信息 建立widgets文件在widgets文件夾內(nèi)創(chuàng)建mywidget ='1';//是否出現(xiàn)在掛件中心首頁 te']='flash.html'=>’用flash展示);<!-<!-編寫掛件配置頁html時候，不需要body\titleform。此代碼塊共享管 的資源（javascript\css\）_confightml代碼塊只是掛件配 下列代碼中的$data數(shù)組由掛件配置 器返回，smarty協(xié)助拋向頁面$settingsmarty--<div<h4>商品展示規(guī)則<select<{foreachfrom=$dataitem=orderby<optionvalue="<{$key}>"<{if<inputname=”limit”value=”<{$setting.limit}>”_config.html（命名規(guī)則定死“theme_widget_cfg_”modelfunction$appapp::get(‘b2c’);//app實例,b2capp下的goodsmodel所有創(chuàng)建b2capp$model_goods=$app->model('goods');//goodsmodelreturn$model_goods->orderBy();//返回商品排序規(guī)則datemap,在掛件配置模板 $date} defaultdefaulthtml(命名規(guī)則應(yīng)與widget.php掛件描述文件中 te']保持一致<!-掛件模板同掛件配置模板頁一樣，都是一個代碼片段，無需加入body\title\等html 掛件模板中的<style></style>中定義將會合并到一個css文件中被引入到<head>頭部（mywidget）掛件模板中的‘image/‘將會被替換為絕對路徑，你可以在掛件包中創(chuàng)建一個images文件夾用來存放<style>#<{widgets_id}>_mywidge{background:url(‘images/bg.pngstyle>，在渲染到前臺時，系統(tǒng)將自動替換images/為絕對路徑。--<divclass="GoodsListWrapGoodsListGoodsShow"<{ifcount($data.goods)><{foreachfrom=$data.goodsitem=product商品名稱：<{$productname}><br創(chuàng)建掛件“theme_widget_”開頭，掛件包名結(jié)尾。function{$app=$o=&app-$limit=$filter=$data['goods']=$o-return //}(_preview.html命名規(guī)則定死<!-<!---<div當創(chuàng)建好一個模板級掛件。可以在管理通過模板列表上面的“”按鈕綁定掛件到模板（如下圖，經(jīng)過綁定后下圖為掛件配置框，上文提到，_config.html正式掛件版塊配置時的一部分，在掛入到模板掛件區(qū)域時，你還可以包裝系統(tǒng)級資源的重用在制作模板、掛件的過程中，你可以隨時使用框架Mootools的公開接口，它提供了強大的節(jié)點尋找、強化javascript我們臺引入了一個簡單的樣式表封裝(frameworks.css)、里面有常用的布局、浮動、字體、內(nèi)外補丁等class定義前臺有一個強大的效果庫封裝（switchable.js），它提供了大部分效果的輕松實現(xiàn)機制。還提供了區(qū)塊、延遲加系統(tǒng)級區(qū)域<{main}>的修改 建立customsite文件夾在customsite（product1html和規(guī)格頁spec1<div<div<{if$goods.spec//theme:路徑下的customsite文件夾下的spec1修改模板文件夾的themexml<?xml<?xmlversion="1.0"encoding="UTF-8" <setkey="邊欄樣式tpl="b

溫馨提示

  • 1. 本站所有資源如無特殊說明，都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
  • 2. 本站的文檔不包含任何第三方提供的附件圖紙等，如果需要附件，請聯(lián)系上傳者。文件的所有權(quán)益歸上傳用戶所有。
  • 3. 本站RAR壓縮包中若帶圖紙，網(wǎng)頁內(nèi)容里面會有圖紙預(yù)覽，若沒有圖紙預(yù)覽就沒有圖紙。
  • 4. 未經(jīng)權(quán)益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
  • 5. 人人文庫網(wǎng)僅提供信息存儲空間，僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理，對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯，并不能對任何下載內(nèi)容負責。
  • 6. 下載文件中如有侵權(quán)或不適當內(nèi)容，請與我們聯(lián)系，我們立即糾正。
  • 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。

評論

0/150

提交評論