发新话题
打印

10天学会增强版模板制作第1天 (6.11更新)

10天学会增强版模板制作第1天 (6.11更新)

1.就先拿大斗同学自己修改的模板下手处理下,大斗同学在商品类别的页面里面加入了"目前共有 9 件",也就是把商品的剩余数量即时显示出来
效果见http://www.51yd.net/productclass.asp?id=258 (声明不是做广告哦!)


2.我们先看下没有修改前的代码,不要晕哦,看看就习惯了 哈~!我们先来找到这个文件,根目录下的template->city->productclass.html,用Dreamweaver或者记事本打开, 找到下面的这段代码是(正常应该是54-73行):

<tr>
                                          <asp:Repeater ID="pro" RowNum="4">
                                                <td width="125" valign="top" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                          <td align="center"><a href="{BaseUrlToPage}{pro.htmllink}"><img src="{BaseUrlToPage}{pro.productpic}" alt="{pro.productname}" {sort_width1} border="0" class="imgborder" /></a></td>
                                                        </tr>
                                                        <tr>
                                                          <td height="24" align="center"><img height="9" src="images{webcolor}/title_dot.gif" width="9" /> <a href="{BaseUrlToPage}{pro.htmllink}">{pro.productname}</a></td>
                                                        </tr>
                                                        <tr>
                                                          <td align="center"><strong style="color:#FF3300">¥{pro.productprice1}</strong></td>
                                                        </tr>
                                                        <tr>
                                                          <td align="center"> </td>
                                                        </tr>
                                                  </table>
                                                  <a href="{BaseUrlToPage}{pro.htmllink}"></a></td>
                                                {pro.tr}
                                        </asp:Repeater>
                  </tr>

在这里我就不详细讲解HTML了,<asp:Repeater ID="pro" RowNum="4"></asp:Repeater>是个循环的标签, ID="pro"指的是绑定商品数组,RowNum="4"指的是一行显示4个,在里面的{}都是代表商品里面的属性,如{pro.productname}就是商品名称.{pro.productprice1}就是商品价格...我们大斗同学调用的商品数量为{pro.productnum},至于商品里面所有属性的标签名,我会整理一份模板的具体说明文当给大家的!


3.我们把这段代码稍做修改,加入商品数量这个参数
<tr>
                                          <asp:Repeater ID="pro" RowNum="4">
                                                <td width="125" valign="top" ><table width="100%" border="0" cellspacing="0" cellpadding="0">
                                                        <tr>
                                                          <td align="center"><a href="{BaseUrlToPage}{pro.htmllink}"><img src="{BaseUrlToPage}{pro.productpic}" alt="{pro.productname}" {sort_width1} border="0" class="imgborder" /></a></td>
                                                        </tr>
                                                        <tr>
                                                          <td height="24" align="center"><img height="9" src="images{webcolor}/title_dot.gif" width="9" /> <a href="{BaseUrlToPage}{pro.htmllink}">{pro.productname}</a></td>
                                                        </tr>
                                                        <tr>
                                                          <td align="center"><strong style="color:#FF3300">¥{pro.productprice1}</strong></td>
                                                        </tr>
<tr>
                                                          <td align="center">目前共有 {pro.productnum} 件 </td>
                                                        </tr>
                                                        <tr>
                                                          <td align="center"> </td>
                                                        </tr>
                                                  </table>
                                                  <a href="{BaseUrlToPage}{pro.htmllink}"></a></td>
                                                {pro.tr}
                                        </asp:Repeater>
                  </tr>

也就是加入这段
<tr>
                                                          <td align="center">目前共有 {pro.productnum} 件 </td>
                                                        </tr>
这样您的页面就会显示出商品的数量,怎么样是不是很简单呢?




教程还在继续......

TOP

需要把这个消息告诉给所有老客户,大家有个交流学习完善的好地方了。

TOP

10天都快到了,还是一篇空白啊,老兄
努力、坚持才有收获啊。

TOP

想写些又不知道从何写起

是不是该从HTML说起

TOP

就你现有的系统,针对代表性的模板修改做几个图文并貌的演示。
当然先从HTML模板讲解了,至于JS模板我也不太了解。

TOP

发新话题