版權說明:本文檔由用戶提供并上傳,收益歸屬內(nèi)容提供方,若內(nèi)容存在侵權,請進行舉報或認領
文檔簡介
模板目錄與初始文件模路徑與文件在開始制作之前,我們先來了解下SHOP的模板路徑與文件SHOP的模板文件與皮膚放置在不同的目錄下模板存放在./templates目錄下皮膚存放在./skin目錄下下面針對默認模板做一下結構講明默認模板存放在./templates/default目錄下模塊文件,文件夾中存放著可重復調(diào)用文件、模塊,一般有頭部、底部、側欄等框架文件,網(wǎng)站功能的整體框架頁面對應的默認風格存放在./skin/default目錄下1、文件夾中存放對應模板方案的圖片、樣式表、JS等文件初始文件新建立一套模板的方法,復制一份默認模板方案與默認風格文件夾,放在相應的目錄內(nèi),給新模板起一個名字,把兩個文件夾同時更改成該名稱?;蛘咧苯釉?/templates與./skin建立空的文件夾,然后把做好的html頁面按照iweb_sns模板命名規(guī)則命名并存放到模板目錄。登陸后臺→全局設置→模板治理,找到你剛才建立的新模板選擇應用模板,如此你就能夠啟用新的風格了建立網(wǎng)站框架、劃分結構以默認模板為例子下面是首頁設計好的效果圖,我們來做一下區(qū)域劃分,與常規(guī)的制作一樣,成靜態(tài)頁面后把公共的部分分離出來,常見的有頭部、底部與側欄,引用他們到框架,用如此的語句{inc:include("shop/獨立出來的文件名");/}我們能夠依照上面的劃分,規(guī)劃出簡單的布局框架如下:{inc:include("shop/header.html");/}<divclass=”main”><divclass=”focus”></div><divclass=”sidebar”></div><divclass=”content”></div></div>{inc:include("shop/footer.html);/}這段代碼放置于index.html內(nèi),調(diào)用了頭部文件header.html與底部文件footer.html。如此之后,我們需要在每個詳細的區(qū)域來寫入我們的模塊布局,然后再把IWEBSHOP標簽套入到里面去。下面是幾個公共的框架頁結構,分不負責不同的功能頁面,這些頁面往往是網(wǎng)站的基礎功能,Index.html網(wǎng)站首頁brand.html品牌專區(qū)頁brand_list.html品牌詳細頁compare.html商品對比頁inquiry.html查詢頁login.html登陸頁search.html搜索結果頁search_ad.html高級搜索頁search_tag.html搜索標簽頁下面的頁面存放于模板的SHOP目錄下article.html文章詳細article_list.html文章列表頁auction.html拍賣詳細auction_list.html拍賣列表error.html錯誤頁exchange.html商品兌換exchange_list.html商品兌換列表goods.html產(chǎn)品詳細頁groupbuy.html團購頁groupbuy_list.html團購列表頁payrespond.html支付回應special.html活動專題頁special_list.html活動專題列表頁能夠依照上面的頁面講明來更改你想改變的功能頁面的風格,也能夠新建空白HTML文件來放入自己的布局,然后把IWEBSHOP的標簽套到你的布局里,但HTML文件名和結構必須與默認模板一致。其他如頭部、底部文件等公共存放在modules下,注冊與會員中心分不在modules下的reg與user目錄下,商品分類則在categrouop目錄下能夠依照自己的需要更改相應的HTML文件,同時,如功能頁一樣,你也能夠新建立空白的HTML文件來放入自己的全新布局,然后在套入IWEBSHOP標簽,HTML文件名必須與默認模板一致。這時候假如你后臺啟用了你更改的模板,就能夠在前臺查看實際效果了。建議這時使用DEBUG模式,假如未使用需要你每更改一次模板,需要后臺編譯后才能看到效果。CSS,IMAGES,JS文件的引入與路徑處理通常我們靜態(tài)路徑是如此的,<linkhref="../css/layout.css"type="text/css"rel="stylesheet"/>在IWEBSHOP里,需要更改成<linkhref="skin/{echo:$SYSINFO['templates'];/}/css/layout.css"type="text/css"rel="stylesheet"/>同樣,IMAGES,JS也需要如此的路徑。標簽數(shù)據(jù)調(diào)用IWEBSHOP使用標簽化來靈活的調(diào)用數(shù)據(jù),我們來以上面的默認風格為例,講一下IWEBSHOP的標簽調(diào)用。首先我們依照目錄找到對應首頁的index.html文件,用編輯器打開它,頭部信息我們能夠看到我們的HTML里套上了IWEBSHOP的標簽如<title>{echo:$header['title'];/}</title>我們給靜態(tài)頁的TITLE套上了標題輸出{echo:$header['title'];/}標簽,如此我們就能夠動態(tài)輸出頁面的標題了頁面關鍵字{echo:$header['keywords'];/}介紹{echo:$header['description'];/}網(wǎng)站地址{echo:$baseUrl;/}模板文件夾名稱{echo:$SYSINFO['templates'];/}網(wǎng)站頭部(公共)網(wǎng)站名稱{echo:$SYSINFO['sys_name'];/}網(wǎng)站底部(公共)關心文章標簽系統(tǒng)關心文章分類地址{echo:article_list_url($value['cat_id']);/}系統(tǒng)關心文章分類名稱{echo:$value['cat_name'];/}系統(tǒng)關心文章地址{echo:article_url($v['article_id']);/}系統(tǒng)關心文章名稱{echo:$v['title'];/}語法{sta:if($catlist)[exc]} {sta:foreach($catlistas$value)[loop]}文章分類內(nèi)容{sta:foreach($resultas$v){if($v['cat_id']==$value['cat_id'])[exc]}文章內(nèi)容{end:}foreach/}{end:foreach/}{end:if/}關于商城文章標簽文章地址{echo:article_url($value['article_id']);/}文章名稱{echo:$value['title'];/}語法{sta:if($about){ foreach($aboutas$value)[loop]}內(nèi)容{sta:if($value!=end($about)){echo"|";}}if/}版權標簽公司名稱{echo:$SYSINFO['sys_company'];/}版權信息{echo:$SYSINFO['sys_copyright'];/}ICP備案{echo:$SYSINFO['sys_icp'];/}內(nèi)容區(qū)域(index.html)幻燈片標簽幻燈片圖片鏈接{echo:$value['images_link'];/}幻燈片圖片URL{echo:$value['images_url'];/}幻燈圖片ALT{echo:$value['name'];/}語法我們會用到如此的語法來開始和結束這段調(diào)用{sta:foreach($images_infoas$value)[exc]}幻燈片內(nèi)容{end:if/}標簽幻燈片數(shù)字{echo:$i;/}語法{sta:for($i=1;$i<=count($images_info);$i++)[loop]}內(nèi)容{end:for/}以幻燈片圖片調(diào)用為例順便講一下套用的方法這是我們切好的HTML靜態(tài)頁面的幻燈片布局<div><ul> <li><ahref=”#”><imgsrc=”#”alt=”#”/></a></li> <li><ahref=”#”><imgsrc=”#”alt=”#”/></a></li> <li><ahref=”#”><imgsrc=”#”alt=”#”/></a></li></ul></div>依照上面我們的標簽講明與語法,我們將標簽套成動態(tài)的確實是如此<div><ul>{sta:foreach($images_infoas$value)[exc]} <li><ahref=”{echo:$value['images_link'];/}”><imgsrc=”{echo:$value['images_url'];/}”alt=”{echo:$value['name'];/}”/></a></li>{end:if/}</ul></div>商品分類標簽商品分類的ID{echo:$cat['cat_id'];/}商品分類的名稱{echo:$cat['cat_name'];/}商品子分類的ID{echo:$subcat['cat_id'];/}商品子分類的名稱{echo:$subcat['cat_name'];/}語法{sta:foreach($CATEGORY[0]as$cat)[loop]}商品主分類內(nèi)容{sta:if(isset($CATEGORY[$cat['cat_id']])&&$CATEGORY[$cat['cat_id']])[exc]}{sta:foreach($CATEGORY[$cat['cat_id']]as$subcat)[loop]}商品子分類的內(nèi)容{end:foreach/}{end:if/}網(wǎng)站公告文章標簽文章URL{echo:article_url($value['article_id']);/}文章名稱{echo:$value['title'];/}截取字符長度的文章名稱{echo:sub_str($value['title'],22,false);/}(更改字符長度能夠更改標簽中的數(shù)字部分22)語法{sta:foreach($noticeas$value)[loop]}內(nèi)容{end:foreach/}品牌推舉標簽品牌地址{echo:brand_list_url($value['brand_id']);/}品牌圖片地址{echo:$value['brand_logo'];/}品牌名稱{echo:$value['brand_name'];/}語法{sta:foreach($brand_rsas$value)[loop]}內(nèi)容{end:foreach/}商品標簽商品地址{echo:goods_url($value['goods_id']);/}商品圖片地址{echo:$value['is_set_image']?$value['goods_thumb']:'skin/default/images/nopic_small.gif';/}商品名稱{echo:$value['goods_name'];/}帶字符限制的商品名稱{echo:sub_str($value['goods_name'],52,false);/}(同樣你也能夠更改標簽中的數(shù)字52來更改字符數(shù)量)收藏人氣{echo:$value['favpv'];商品價格{echo:$value['goods_price'];/}語法推舉商品語法{sta:foreach(
溫馨提示
- 1. 本站所有資源如無特殊說明,都需要本地電腦安裝OFFICE2007和PDF閱讀器。圖紙軟件為CAD,CAXA,PROE,UG,SolidWorks等.壓縮文件請下載最新的WinRAR軟件解壓。
- 2. 本站的文檔不包含任何第三方提供的附件圖紙等,如果需要附件,請聯(lián)系上傳者。文件的所有權益歸上傳用戶所有。
- 3. 本站RAR壓縮包中若帶圖紙,網(wǎng)頁內(nèi)容里面會有圖紙預覽,若沒有圖紙預覽就沒有圖紙。
- 4. 未經(jīng)權益所有人同意不得將文件中的內(nèi)容挪作商業(yè)或盈利用途。
- 5. 人人文庫網(wǎng)僅提供信息存儲空間,僅對用戶上傳內(nèi)容的表現(xiàn)方式做保護處理,對用戶上傳分享的文檔內(nèi)容本身不做任何修改或編輯,并不能對任何下載內(nèi)容負責。
- 6. 下載文件中如有侵權或不適當內(nèi)容,請與我們聯(lián)系,我們立即糾正。
- 7. 本站不保證下載資源的準確性、安全性和完整性, 同時也不承擔用戶因使用這些下載資源對自己和他人造成任何形式的傷害或損失。
最新文檔
- 浙江橫店影視職業(yè)學院《原理及現(xiàn)代電子系統(tǒng)含實驗》2023-2024學年第一學期期末試卷
- 中國科學技術大學《制冷工程》2023-2024學年第一學期期末試卷
- 鄭州工業(yè)安全職業(yè)學院《理論力學5》2023-2024學年第一學期期末試卷
- 肇慶醫(yī)學高等??茖W?!秱鹘y(tǒng)中國畫研習》2023-2024學年第一學期期末試卷
- 企業(yè)員工職業(yè)裝著裝規(guī)范與要求
- DB2201T 66.2-2024 肉牛牛舍建設規(guī)范 第2部分:種公牛
- 專業(yè)案例(動力專業(yè))-注冊公用設備工程師(動力專業(yè))《專業(yè)案例》真題匯編2
- 房地產(chǎn)經(jīng)紀操作實務-2020年房地產(chǎn)經(jīng)紀人協(xié)理《房地產(chǎn)經(jīng)紀操作實務》真題匯編
- 七夕保險新品推廣模板
- 下基層調(diào)研須注重實效
- 情侶分手經(jīng)濟協(xié)議書范本
- 定位合作協(xié)議范本
- 家庭成員及主要社會關系情況表
- 護理質(zhì)量反饋內(nèi)容
- 高效協(xié)同-培訓課件
- 輿情員年度述職報告
- 20XX年市場洞察模板
- 遙感技術在地表水源地水體監(jiān)測中的應用研究
- 醫(yī)院投訴整治總結匯報
- 核電經(jīng)驗反饋培訓課件
- 急診科護士的病人投訴處理與糾紛解決
評論
0/150
提交評論