商家建站模板与标签开发
商家站模板目录与皮肤结构、常用 c 系列标签、表单与链接规范及上传要点。
一、模板目录与皮肤
商家(企业)建站模板放在 company/template,每个子目录是一套皮肤,如 0、che(车商)、fang(房产)等;手机端皮肤放在 company/template/wap。如果安装了商家域名绑定程序,同一套皮肤还要复制一份到该程序的 template 与 template/wap 目录,否则用绑定域名访问时样式会丢失。
旧 .NET 版的商家模板同样是 .aspx 加母版页写法,PHP 版改为 .html 加 ${标签},标签名基本一致,迁移时主要改解析写法与表单提交地址。
二、皮肤文件构成
| 文件 | 作用 |
|---|---|
index.html、top.html、foot.html | 首页与头部、底部(头尾用标签引入) |
products.html、show.html | 产品列表页、产品内页 |
photos.html、showphotos.html | 相册列表页、相册内页 |
news.html、shownews.html | 动态列表页、动态内页 |
about.html、contact.html、feedback.html | 关于我们、联系我们、给我留言 |
showsp.html、info.html、showinfo.html | 单页内容、分类信息列表与内页 |
preview.gif、slidepic/ | 模板预览图、默认幻灯片目录 |
三、常用标签
全局类:${cName} 商家名、${cId} 商家 ID、${cDomain} 主页地址或域名、${cTopPic} 头部图、${cPic} 图标、${cWeixinPic} 二维码、${cAbout,0} 简介(数字限制字数)、${cBeian} 备案号、${sWebName} 与 ${sWebDomain} 主站信息、${cBaiduMap} 地图、${cPoint} 访问量。
调用模板目录下的 css、js、图片,一律用 ${cTemplatePath} 代替固定路径,因为皮肤目录名可能被改,访问方式也可能从域名变成目录:
<link rel="stylesheet" href="${cTemplatePath}/css.css" />
列表类标签按「类型 / 是否热门 / 分类 / 数量」参数循环调用,常用的有 ${cProducts,分类,20}、${cNews,分类,20}、${cPhotos,分类,20}、${cHot,20}(幻灯片)、${cBizInfo,0,0,0,0}(综合),内部用 ${pTitle,0}、${pContent,0}、${pPic}、${pLink}、${pDate}、${pSort}、${pPrice} 取值。分页用 ${cPage}(中文)或 ${cPageEn}(英文)。文字 LOGO 与图片 LOGO 可用 ${cImgLogo}、${cTextLogo} 成对标签做兼容。
四、表单与链接规范
- 搜索表单用 get 提交,必须带上记录商家 ID 的隐藏域
value='${cId}'与关键词输入框,手机版另加一个标记手机端的隐藏域;提交地址请对照config/routes.php里搜索结果对应的路由取用,不要沿用旧式页面名。 - 留言表单提交到
/action/?s=feedback&id=${cId},正文放在名为message的字段里,可在提交前用脚本把多个输入框的内容合并进去。 - 站内链接统一写域名访问版地址(如
/about.html、/products/),系统在目录方式访问时会自动换成对应目录链接,手机端加/wap/前缀。
五、上传与核对
皮肤改好后,同时更新主站 company/template 与域名绑定程序目录两处,后台清理缓存,用演示页面逐页核对首页、列表、内页与留言提交,重点看图片是否走了 ${cTemplatePath}、默认幻灯片是否已放入 slidepic。