模板标签 「轻松搭建」企业官网

页面结构

进入当前启用模板的文件夹之后,用notepad++软件打开里面的 index.html 文件,可以看到一些 HTML 代码和一些看不懂的代码。

 <LINKREL="STYLESHEET"TYPE="TEXT/CSS"HREF="<%TEMPLATESKIN%>/CSS/CSS.CSS">

 <LINK REL="STYLESHEET" TYPE="TEXT/CSS" HREF="<%TEMPLATESKIN%>/CSS/IN.CSS">

 <SCRIPT SRC="<%TEMPLATESKIN%>/JS/JQUERY-1.8.3.MIN.JS"></SCRIPT > 

 <SCRIPT SRC="<%TEMPLATESKIN%>/JS/JS.JS"></SCRIPT>

<%template src="header.html"%>      

<%template src="footer.html"%>

页面调用,在页面执行的时候将指定模板文件的代码引用到当前页面来。

以上就是首页页面引用css样式,头部、底部是调用的页面文件。

引用文件地址前的<%templateskin%>是服务器的目录地址,我们可以不用管,写好根目录下的地址即可。

 

栏目显示

栏目内容添加的代码一般都会在header.html里面编写,我们打开此代码。

< %SET DATATABLE NEWSCLIST=GET_CATEGORY_LIST(-1,9,"TOP=1","LISTORDER ASC")%>

<%FOREACH(DATAROW DR IN NEWSCLIST.ROWS)%>

<%IF(TOPID=={STRTOINT({DR[ID]})} && TOPID==CATID)% >

<LI CLASS=" ANOTHER"><A HREF="<%LINKURL(1,{DR[ID]})%>"TITLE="{DR[CATNAME]}">{DR[CATNAME]}</A></LI>

<%else if(catid=={strtoint({dr[id]})})%>

<LI CLASS=" ANOTHER">  <A  HREF="<%LINKURL(1,{DR[ID]})%>"TITLE="{DR[CATNAME]}">{DR[CATNAME]}</A></LI>

<%ELSE%>

<li><a HREF="<%LINKURL(1,{DR[ID]})%>"TITLE="{DR[CATNAME]}">{DR[CATNAME]}</A></LI>

<%/if%>

   <%/FOREACH%> 


<%set DataTable newsCList=get_category_list(-1,9,"top=1","listorder asc")%>


Datatable 呈现数据,-1表示负级栏目,9表示依次显示9个栏目。

Li列表内的title="{dr[catname]}"表示绑定栏目名称。

网站的父栏目就能展示出来。

 

链接设置

我们在编写html页面时,经常会遇到为元素添加超链接的问题,如果我们想链接此页面所在文件夹中的另一个页面,则需要输入<%linkurl(0,"对应页面ID")>

<li _src="url(<%templateskin%>/images/banner1.jpg)"> <a target="_blank" href="<%linkurl(0,"5372310")%>" title=""></a></li>

<li _src="url(<%templateskin%>/images/banner2.jpg)"> <a  target="_blank" href="<%linkurl(0,"16319055")%>" title=""></a></li>

<li _src="url(<%templateskin%>/images/banner3.jpg)">< a  target="_blank" href="<%linkurl(0,"78059336")%>" title=""></a></li>

 

新闻列表添加

<div class="news_tit"><b>常见问题</b><a href="<%linkurl(0,"62094414")%>" title="更多>>">更多>></a></div>

<ul>

<%set DataTable redian=get_content_list(18491094,8)%>

<%foreach(DataRow dr in redian.Rows)%>

<li><a href="<%linkurl(0,{dr[catid]},{dr[id]})%>" title="{dr[title]}">{dr[title]}</a>

<span><%datetostr({dr[add_time]},MMdd)%></span></li>

<%/foreach%>

</ul>

<%ELSE%>

</div> 

<%set DataTable redian=get_content_list(“栏目ID,列表个数)%>

datatable出入栏目ID和列表个数俩参数即可

<%datetostr({dr[add_time]},MMdd)%>

系统时间显示,格式为xxxxxx日。

title="{dr[title]}">{dr[title]}

列表各列名展示

学习制作模板的思路转变就是原来是编写一整个网页,而现在要把一个网页拆分为多个部分。

 

 

调用后台自定义标签

<%diy(“head”)%>

Diy后面括号里面是自定义标签名称,一般头部标签会用head,内容是content,尾部footer

 

banner添加

<div class="banner"> 

<div class="bd">

<ul>

<%set DataTable yyt_banner=get_ad_list(1,6)%>

<%foreach(DataRow yyt in yyt_banner.Rows)%>

<li style="background: url({yyt[image]}) center 0 no-repeat;">                                           

<a href="{yyt[url]}" title="{yyt[title]}" target="_blank"></a></li>

<%/foreach%>

</ul></div>

<span class="prev"></span><span class="next"></span></div>

例如get_ad_list(1,6)%其中1代表bannerid6代表banner的个数

style="background: url({yyt[image]}) center 0 no-repeat;"

这个设置banner地址,not-repeat为不平铺。

 

产品添加

<div class="iksecp">  

<ul>

<%set DataTable yyt_goods_categoryList=get_category_list(48,4)%>

<%foreach(DataRow yyt in yyt_goods_categoryList.Rows)%>

<li>

<h4><a href="<%linkurl(1,{yyt[id]})%>">{yyt[catname]}</a></h4>

<li></li>

<a href="<%linkurl(1,{yyt[id]})%>"><img src="{yyt[image]}" alt="{yyt[catname]}" /></a> </li>

<%/foreach%>

</ul></div>



例如get_category_list(48,4)

参数:48表示产品栏目ID

4表示需要显示产品个数,具体个数还要看网站显示长宽啊, 产品的奇偶性来传入.

{yyt[catname]}yyt是实例化的一个数据源,[catname]是显示产品名称

{yyt[image]}绑定图片地址

 

 

内容显示

<div class="cpyc">  

<ul>

<%set DataTable yyt_tuijian_goodslist=get_content_list(48,12,"","listorder desc,id desc")%>

<%foreach(DataRow yyt in yyt_tuijian_goodslist.Rows)%>  

<li><a href="<%linkurl(1,{yyt[catid]},{yyt[id]})%>"><img src="{yyt[thumb]}" alt="{yyt[title]}" /></a>

<p><a href="<%linkurl(1,{yyt[catid]},{yyt[id]})%>">{yyt[title]}</a></p>

</li>

<%/foreach%>

<%/foreach%>

</ul></div>

此代码是详情页面的内容展示
<%set DataTable yyt_tuijian_goodslist=get_content_list(48,12,"","listorder desc,id desc")%>

参数:48表示内容ID

      12表示个数

      Id desc 表示按照id降序排列

 

初始化时间

<%datetostr({yyt[add_time]},yyyy-MM-dd)%>

yyt还是自定义的数据源,add_time表示显示时间,参数yyy-mm-dd表示时间的显示格式。

 

案例展示

<%set DataTable yyt_case_List=get_content_list(57,8)%>

<%foreach(DataRow yyt in yyt_case_List.Rows)%>

<li>

<div class="isk_a">  

<a href="<%linkurl(0,{yyt[catid]},{yyt[id]})%>"> <img src="{yyt[thumb]}" alt="{yyt[title]}" /></a></div>

<div class="isk_b">

<h4><a href="<%linkurl(0,{yyt[catid]},{yyt[id]})%>">{yyt[title]}</a></h4>

<%datetostr({yyt[add_time]},yyyy-MM-dd)%>

<p><%cutstring({yyt[zhaiyao]},60)%></p>

</div></li>

<%/foreach%>

案例展示基本都是要显示图片以及标题的,显示图片一定要指定图片的路径。

 <img src="{yyt[thumb]}" alt="{yyt[title]}" />

 

 


新派魔方帮助文档|教程中心 Powered by 新派魔方 1.1.1