模板文件所在目錄
電腦模板存放目錄“company/template/”,手機(jī)模板存放目錄 “company/template/wap/”,商家域名綁定程序在( /template/ 和/template/wap/)。在模板目錄中,每個(gè)文件夾為一個(gè)企業(yè)建站模板,文件夾名為字母、數(shù)字和符號(hào)。
注:如果商家建站使用的域名綁定程序,需將模板同時(shí)上傳到主站company/template目錄和商家域名綁定程序template目錄
目錄包含文件名及說(shuō)明
top.html 頭部模板
foot.html 底部模板
index.html 首頁(yè)模板
products.html 產(chǎn)品列表頁(yè)模板
photos.html 相冊(cè)列表頁(yè)面
news.html 商家動(dòng)態(tài)列表頁(yè)模板
search.html 搜索結(jié)果列表模板
show.html 產(chǎn)品內(nèi)容頁(yè)模板
showphotos.html 相冊(cè)內(nèi)容頁(yè)模板
shownews.html 動(dòng)態(tài)內(nèi)容頁(yè)模板
showsp.html 單頁(yè)內(nèi)容頁(yè)模板
feedback.html 給我留言模板
contact.html 聯(lián)系我們模板
about.html 關(guān)于我們模板
info.html分類信息列表頁(yè)面
showinfo.html分類信息內(nèi)容頁(yè)面
preview.gif 模板預(yù)覽圖片
/slidepic/此目錄為默認(rèn)幻燈片圖片目錄,可以把模板默認(rèn)的幻燈片圖片放在此目錄,當(dāng)用戶沒有設(shè)置幻燈片時(shí),默認(rèn)調(diào)用此目錄中的圖片

模板開發(fā)規(guī)劃
調(diào)用模板目錄中的圖片或css、js等文件時(shí),可以使用${cTemplatePath}標(biāo)簽代替模板所在目錄,因?yàn)槟0宓哪夸浢锌赡軙?huì)被用戶改變,使用二級(jí)域名或目錄方式訪問(wèn)時(shí),模板保存的目錄也不同。
例:調(diào)用當(dāng)前模板目錄下的css.css文件
<link rel="stylesheet" type="text/css" href="${cTemplatePath}/css.css" />
由于使用域名訪問(wèn)和通過(guò)目錄訪問(wèn)時(shí),首頁(yè)、關(guān)于我們、產(chǎn)品列表等地址不同。所以統(tǒng)一規(guī)范為通過(guò)域名訪問(wèn)時(shí)的鏈接,方便在目錄訪問(wèn)時(shí)系統(tǒng)替換為對(duì)應(yīng)的目錄鏈接。
首頁(yè)鏈接 /
手機(jī)站首頁(yè)鏈接 /wap/
關(guān)于我們 /about.html
關(guān)于我們手機(jī)站 /wap/about.html
聯(lián)系我們 /contact.html
聯(lián)系我們手機(jī)站 /wap/contact.html
留言 /feedback.html
留言手機(jī)站 /wap/feedback.html
產(chǎn)品列表 /products/
產(chǎn)品列表手機(jī)站 /wap/products/
相冊(cè)列表 /photos/
相冊(cè)列表手機(jī)站 /wap/photos/
文章列表 /news/
文章列表手機(jī)站 /wap/news/
標(biāo)簽及說(shuō)明
${top.html} 調(diào)用頭部
${foot.html} 調(diào)用底部
${cTemplatePath} 模板目錄
${cTopPic} 商家頭部圖片 注:商家未上傳圖片時(shí)默認(rèn)為(當(dāng)前模板目錄/images/top.jpg)
${cTopPic1} 手機(jī)版商家頭部圖片 注:商家未上傳圖片時(shí)默認(rèn)為(當(dāng)前模板目錄/images/top.jpg)
${cBgPic} 背景圖片 注:商家未上傳圖片時(shí)默認(rèn)為(當(dāng)前模板目錄/images/bg.jpg)
${cPic} 商家圖標(biāo) 注:商家未上傳圖片時(shí)默認(rèn)為(當(dāng)前模板目錄/images/nopic.gif)
${cWeixinPic} 微信二維碼 注:商家未上傳圖片時(shí)默認(rèn)為(當(dāng)前模板目錄/images/nopic.gif)
${cName} 商家名
${cId} 商家Id
${cUserName} 商家用戶名
${cDomain} 商家主頁(yè)地址或域名
${cPoint} 商家訪問(wèn)量
${cAbout,0} 關(guān)于我們,數(shù)字為限制顯示的字?jǐn)?shù),0為顯示全部。
${cYear} 當(dāng)前年份
${cStat} 網(wǎng)站統(tǒng)計(jì)
${cBeian} 網(wǎng)站備案號(hào)
${cTemplateName} 模板文件夾名
${cTitle} 網(wǎng)站標(biāo)題
${cKeywords} 網(wǎng)站關(guān)鍵詞
${cDescription} 網(wǎng)站描述
${sWebDomain} 主站域名
${sWebName} 主站名稱
${sWebStat} 主站統(tǒng)計(jì)代碼
${cBaiduMap} 百度地圖
<!-- HTML代碼${cTel} HTML代碼--> 手機(jī)
<!-- HTML代碼${cPhone} HTML代碼--> 電話
<!-- HTML代碼${cFaxes} HTML代碼--> 傳真
<!-- HTML代碼${cWeixin} HTML代碼--> 微信
<!-- HTML代碼${cQq} HTML代碼--> QQ
<!-- HTML代碼${cAddress} HTML代碼--> 地址
<!-- HTML代碼${cBusiness} HTML代碼--> 營(yíng)業(yè)時(shí)間
調(diào)用商家視頻(視頻由站長(zhǎng)在后臺(tái)為商家上傳)
<!--${cVideo}-->html代碼${cVideo}<!--${cVideoEnd}--> 調(diào)用商家視頻,${cVideo}會(huì)換成視頻地址
文字LOGO和圖片LOGO兼容問(wèn)題
可以用以下標(biāo)簽實(shí)現(xiàn)沒有上傳圖片LOGO時(shí),顯示商家名文字LOGO
<!--${cImgLogo}-->當(dāng)是傳了圖片LOGO顯示的內(nèi)容<!--${cImgLogoEnd}-->
<!--${cTextLogo}-->當(dāng)沒有上傳圖片LOGO時(shí)顯示的內(nèi)容<!--${cTextLogoEnd}-->
舉例:
[code_html]<!--${cImgLogo}--><div class="logo"><a href="/"><img src="${cTopPic}" alt="${cName}"/></a></div><!--${cImgLogoEnd}-->
<!--${cTextLogo}--><div class="textlogo">${cName}</div><!--${cTextLogoEnd}-->[/code_html]
調(diào)用內(nèi)容列表
<!--${cBizInfo,0,0,0,0}-->列表內(nèi)容標(biāo)簽及html代碼<!--${cBizInfoEnd}-->
【說(shuō)明】
數(shù)字1:類型 0全部 1幻燈片 2產(chǎn)品信息 3企業(yè)動(dòng)態(tài) 4相冊(cè) 5單頁(yè)
數(shù)字2:是否調(diào)用熱門 0全部 1普通 2為熱門展示
數(shù)字3:分類id,如產(chǎn)品、文章、相冊(cè)的分類,也可以輸入分類名
數(shù)字4:調(diào)用數(shù)量
【內(nèi)部標(biāo)簽】
${pLink} 鏈接
${pDate} 日期
${pSort} 分類名
${pPic} 封圖
${pPrice} 價(jià)格,無(wú)價(jià)格顯示面議
<!-- HTML代碼${pPrice} HTML代碼--> 價(jià)格,無(wú)價(jià)格不顯示
${pTitle,0} 標(biāo)題
${pContent,0} 內(nèi)容
${kColms_date,"yyyy-MM-dd",0} 自定義日期格式 y替換為年 M替換成月 d替換成日,注M為大寫
h替換為時(shí),m替換為分 s替換為秒
例:<div class="date">${kColms_date,"<\h4>dd</\h4><p>yyyy-MM</p>",0}</div>
標(biāo)簽中的<h4>要寫成<\h4>,不然h會(huì)替換為小時(shí)。
調(diào)用分類
產(chǎn)品分類
<!--${cProductSortList,0} HTML代碼及內(nèi)部標(biāo)簽-->
文章動(dòng)態(tài)分類
<!--${cNewsSortList,0} HTML代碼及內(nèi)部標(biāo)簽-->
相冊(cè)分類
<!--${cPhotosSortList,0} HTML代碼及內(nèi)部標(biāo)簽-->
【說(shuō)明】
數(shù)字1:調(diào)用數(shù)量
【內(nèi)部標(biāo)簽】
${pSort} 分類ID
${pTitle} 鏈接字
${pLink} 鏈接
例:
<div class="home-title-more">
<a href="/news/" class="active">全部</a>
<!--${cNewsSortList,0}<a href="${pLink}" title="${pTitle} ">${pTitle} </a>-->
</div>調(diào)用友情鏈接
<!--${cLink,0} HTML代碼及內(nèi)部標(biāo)簽-->
【說(shuō)明】
數(shù)字1:調(diào)用數(shù)量
【內(nèi)部標(biāo)簽】
${pTitle} 鏈接字
${pLink} 鏈接
調(diào)用網(wǎng)站導(dǎo)航
${cWebIndex} 網(wǎng)站導(dǎo)航
注:網(wǎng)站導(dǎo)航輸出格式 <li class="fi">導(dǎo)航鏈接1</li><li>導(dǎo)航鏈接2</li>...<li class="ei">導(dǎo)航鏈接N</li>
自定義導(dǎo)航
<!--${cWebIndex,0} HTML代碼及內(nèi)部標(biāo)簽-->
【說(shuō)明】
數(shù)字1:調(diào)用數(shù)量
【內(nèi)部標(biāo)簽】
${pTitle} 鏈接字
${pLink} 鏈接
搜索表單格式
例子:
<form method="get" name="myform1" action="search.aspx">
<input type="hidden" name="u" value='${cId}' />
<input type="text" name="k" value="關(guān)鍵詞" onfocus="javascript:if(this.value=='關(guān)鍵詞')this.value='';" size='20' />
<input type="submit" value="搜索" />
</form>
說(shuō)明:
可以自己添加各種樣式和代碼。表單的提交頁(yè)面為search.aspx ,提交方式為get
表單必需包含的內(nèi)容有<input type="hidden" name="u" value='${cId}' /> 用來(lái)記錄企業(yè)ID。
手機(jī)版搜索表單要有<input type="hidden" name="r" value="wap" />用來(lái)標(biāo)記手機(jī)搜索。
<input type="text" name="k" value="關(guān)鍵詞" onfocus="javascript:if(this.value=='關(guān)鍵詞')this.value='';" size='20' />用來(lái)輸入搜索詞。
<input type="submit" value="搜索" /> 提交搜索的按鈕。
商家留言調(diào)用
<!--${cFeedback,20} HTML代碼及內(nèi)部標(biāo)簽-->
【說(shuō)明】
數(shù)字1:調(diào)用數(shù)量
【內(nèi)部標(biāo)簽】
${pDate} 留言日期
${pContent} 留言內(nèi)容
幻燈片調(diào)用
<!--${cHot,20} HTML代碼及內(nèi)部標(biāo)簽-->
【說(shuō)明】
數(shù)字1:調(diào)用數(shù)量
【內(nèi)部標(biāo)簽】
${pPic} 圖片地址 默認(rèn)為nopic.gif
${pLink} 鏈接地址
${pTitle,0} 標(biāo)題
${pContent,0} 內(nèi)容
${pDate} 發(fā)布日期
注:模板開發(fā)者可以為模板設(shè)置默認(rèn)幻燈片圖片,當(dāng)用戶沒有上傳幻燈片時(shí),顯示默認(rèn)圖片,在模板目錄創(chuàng)建slidepic目錄,將默認(rèn)幻燈片圖片放在slidepic目錄,模板處理程序會(huì)自動(dòng)調(diào)用。
列表頁(yè)面
news.html企業(yè)動(dòng)態(tài)列表模板
<!--${cNewsList,20} HTML代碼及內(nèi)部標(biāo)簽--> 企業(yè)動(dòng)態(tài)列表調(diào)用,數(shù)字為每頁(yè)顯示的數(shù)量
products.html企業(yè)產(chǎn)品列表模板
<!--${cProductsList,20} HTML代碼及內(nèi)部標(biāo)簽--> 企業(yè)產(chǎn)品列表調(diào)用,數(shù)字為每頁(yè)顯示的數(shù)量
photos.html企業(yè)相冊(cè)列表模板
<!--${cPhotosList,20} HTML代碼及內(nèi)部標(biāo)簽--> 企業(yè)相冊(cè)列表調(diào)用,數(shù)字為每頁(yè)顯示的數(shù)量
info.html調(diào)用用戶發(fā)布的分類信息列表
<!--${cInfoList,20} HTML代碼及內(nèi)部標(biāo)簽-->調(diào)用用戶發(fā)布的分類信息列表,數(shù)字為每頁(yè)顯示的數(shù)量
search.html搜索結(jié)果列表模板
<!--${cSearchList,20} HTML代碼及內(nèi)部標(biāo)簽--> 搜索結(jié)果列表調(diào)用,數(shù)字為每頁(yè)顯示的數(shù)量
${cKeyword} 搜索頁(yè)面調(diào)用當(dāng)前搜索詞
<!-- HTML代碼${cSortName} HTML代碼--> 當(dāng)前選擇的分類名調(diào)用,沒有選擇分類不顯示
【內(nèi)部標(biāo)簽】
${cSortId} 分類ID
【說(shuō)明】
數(shù)字1:每頁(yè)顯示的數(shù)量
【內(nèi)部標(biāo)簽】
${pPic} 圖片地址 默認(rèn)為nopic.gif
${pLink} 鏈接地址
${pInfoLink} 分類信息列表頁(yè)面調(diào)用原地址標(biāo)簽
${pSort} 分類
${pTitle,0} 標(biāo)題
${pPrice} 價(jià)格
${pContent,0} 內(nèi)容
${pDate} 發(fā)布日期
【分頁(yè)代碼調(diào)用】
${cPage} 中文
${cPageEn} 英文
注:分頁(yè)代碼格式為<div class="pn">第1/1頁(yè)</div><div class="pn">首頁(yè)</a></div><div class="pn">頁(yè)1</div><div class="pn pnc">當(dāng)前頁(yè)</div><div class="pn">頁(yè)3</div><div class="pn">尾頁(yè)</div>
內(nèi)容頁(yè)模板
show.html 產(chǎn)品內(nèi)容頁(yè)模板
shownews.html 文章內(nèi)容頁(yè)模板
showphotos.html 相冊(cè)內(nèi)容頁(yè)模板
showsp.html 幻燈片和單頁(yè)內(nèi)容頁(yè)模板
showinfo.html 分類信息內(nèi)容頁(yè)模板
內(nèi)容頁(yè)模板標(biāo)簽
${pTitle,0} 信息標(biāo)題
${pContent,0} 信息內(nèi)容
${pSort} 信息分類
${pDate} 發(fā)布日期
<!--${pPrice}-->價(jià)格 等于0時(shí)不輸出
<!--${pPic1}--> 封圖
${cPreTitle,0} 上一篇標(biāo)題
${cPreTitleEn,0} 上一篇標(biāo)題英文
${cPreLink} 上一篇鏈接
${cNextTitle,0} 下一篇標(biāo)題
${cNextTitleEn,0} 下一篇標(biāo)題英文
${cNextLink} 下一篇鏈接
留言表單
Form action地址:/action/?s=feedback&id=${cId}
返回英文的地址/action/?s=feedback&id=${cId}&lan=en
留言內(nèi)容要放在message名的input或textarea中,也可以在提交表單時(shí),通過(guò)js合并到message中
留言表單例子:
<form action="/action/?s=feedback&id=${cId}" class="feedbackwrap" name="feedback" method="post" onsubmit="return formatFeedback()">
<div class="feedback_item">
<label>姓名</label>
<div class="inputwrap"><input type="text" size="50" id="name" placeholder="您的姓名" name="name" /></div>
</div>
<div class="feedback_item">
<label>聯(lián)系方式</label>
<div class="inputwrap"><input type="text" size="50" id="contact" name="contact" placeholder="請(qǐng)輸入您的聯(lián)系方式" /></div>
</div>
<div class="feedback_item">
<label>留言</label>
<div class="textareawrap"><textarea name="text" rows="5" id="text" cols="50" placeholder="請(qǐng)輸入您的留言內(nèi)容"></textarea></div>
</div>
<div class="feedback_item">
<label>驗(yàn)證碼</label>
<div class="inputwrap"><input type="text" size="20" name="validate" /></div>
<div class="valipic"><img src="/validate/?cache=" id="valiPic" onclick="this.src='/validate/?cache='+Math.random()" alt="點(diǎn)擊更換圖片" class="c_valipic" align="middle" /></div>
</div>
<div class="feedback_item"><input type="submit" class="postbtn" value="提交留言" />
</div>
<input type="hidden" id="message" name="message" />
</form>
<script type="text/javascript">
function formatFeedback()
{
if($("#name").val()=="")
{
alert("請(qǐng)輸入姓名!");
return false;
}
if($("#contact").val()=="")
{
alert("請(qǐng)輸入聯(lián)系方式!");
return false;
}
if($("#text").val()=="")
{
alert("請(qǐng)輸入留言內(nèi)容!");
return false;
}
$("#message").val("姓名:"+$("#name").val()+"\r\n聯(lián)系方式:"+$("#contact").val()+"\r\n內(nèi)容:"+$("#text").val());
if($("#message").val().length>500)
{
alert("內(nèi)容請(qǐng)保持400字以內(nèi)!");
return false;
}
return true;
}
</script>
黑公網(wǎng)安備 23090402000014號(hào)