导航栏

导航栏

关注
发信
关注(28)粉丝(399)

ECshop--导航栏模块细究

花了一下午的时间，总算解决了。



本来想在前台界面上分析看看ecshop导航栏设置，在浏览器里面是定位到了“nav-manu”下面，然后子目录是在m_left下可以看到是动态生成一系列的ul，li标签来设置导航栏的，然后打开源码，因为主界面是由index.dwt布局完成的

<strong><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<meta name="Keywords" content="{$keywords}" />

<meta name="Description" content="{$description}" />

<!-- TemplateBeginEditable name="doctitle" -->

<title>{$page_title}</title>

<!-- TemplateEndEditable --><!-- TemplateBeginEditable name="head" --><!-- TemplateEndEditable -->

<link rel="shortcut icon" href="favicon.ico" />

<link rel="icon" href="animated_favicon.gif" type="image/gif" />

<link href="{$ecs_css_path}" rel="stylesheet" type="text/css" />

<link rel="alternate" type="application/rss+xml" title="RSS|{$page_title}" href="{$feed_url}" />

<link rel="stylesheet" type="text/css" href="themes/default/images/swiper.min.css">

<script language='javascript' src='themes/default/js/swiper.min.js' type='text/javascript' charset='utf-8'></script>

{* 包含脚本文件 *}

{insert_scripts files='common.js,index.js'}

{$ecs_css_path}

{$testtest}

<><>

</head>

<body>

<!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem -->

<script>

if (Object.prototype.toJSONString){

      var oldToJSONString = Object.toJSONString;

      Object.prototype.toJSONString = function(){

        if (arguments.length > 0){

          return false;

        }else{

          return oldToJSONString.apply(this, arguments);

        }

}}</script>

<div class="indexpage clearfix">

  <div class="index-cat">

    <!-- #BeginLibraryItem "/library/index_category_tree.lbi" --><!-- #EndLibraryItem -->

  </div>

  <div class="index-banner"><!-- #BeginLibraryItem "/library/index_banner.lbi" --><!-- #EndLibraryItem --> </div>

</div>

<div class="indexpage clearfix index-ad">

  <div class="ad-tg">

    <!-- TemplateBeginEditable name="团购广告230x206" -->

<!-- #BeginLibraryItem "/library/ad_position.lbi" -->

123

{insert name='ads' id=$ads_id num=$ads_num}

 <!-- #EndLibraryItem -->

<!-- TemplateEndEditable -->

  </div>

  <div class="ad-lb">

    <!-- #BeginLibraryItem "/library/index_lad.lbi" -->

	000000

	<!-- #EndLibraryItem -->

	123333

  </div>

</div>

<div class="index-body">

  <div class="indexpage">

    <div class="body-goods">

      <div class="goods-title">1F 家用电器</div>

      <div class="clearfix goods-wrap">

        <div class="goods-leftad">

          <!-- #BeginLibraryItem "/library/f1_ad.lbi" --><!-- #EndLibraryItem -->

        </div>

        <div class="goods-right">

            <!-- TemplateBeginEditable name="1层产品" -->

<!-- #BeginLibraryItem "/library/cat_goods.lbi" -->

<div class="all_ms">

  <!--{foreach from=$cat_goods item=goods}-->

  <a class="goodsItem" href="{$goods.url}">

	  <div  class="img-box">

		<img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" />

	  </div>

	  <div class="goods-brief">{$goods.brief|truncate:20}</div>

		<div class="gos-title">{$goods.short_name|escape:html}</div>

		<div class="prices">

			<!-- {if $goods.promote_price neq ""} -->

		<font class="shop_s">{$lang.promote_price}<b>{$goods.promote_price}</b></font>

		<!-- {else}-->

		<font class="shop_s"><b>{$goods.shop_price}</b></font>

		<!--{/if}-->

		</div>

		<div class="comment">

		</div>

  </a>

  <!--{/foreach}-->

  <div class="clear0"></div>

</div>

 <!-- #EndLibraryItem -->

<!-- TemplateEndEditable -->

        </div>

      </div>

      <div class="goods-title">2F 数码时尚</div>

      <div class="clearfix goods-wrap">

        <div class="goods-leftad">

          <!-- #BeginLibraryItem "/library/f2_ad.lbi" --><!-- #EndLibraryItem -->

        </div>

        <div class="goods-right">

            <!-- TemplateBeginEditable name="2层产品" -->

<!-- #BeginLibraryItem "/library/cat_goods.lbi" -->

<div class="all_ms">

  <!--{foreach from=$cat_goods item=goods}-->

  <a class="goodsItem" href="{$goods.url}"> <div  class="img-box"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></div>

  <div class="goods-brief">{$goods.brief|truncate:20}</div>

    <div class="gos-title">{$goods.short_name|escape:html}</div>

	<div class="prices">

	    <!-- {if $goods.promote_price neq ""} -->

    <font class="shop_s">{$lang.promote_price}<b>{$goods.promote_price}</b></font>

    <!-- {else}-->

    <font class="shop_s"><b>{$goods.shop_price}</b></font>

    <!--{/if}-->

	</div>

  </a>

  <!--{/foreach}-->

  <div class="clear0"></div>

</div>

 <!-- #EndLibraryItem -->

<!-- TemplateEndEditable -->

        </div>

      </div>

      <div class="goods-title">3F 家居生活</div>

      <div class="clearfix goods-wrap">

        <div class="goods-leftad">

          <!-- #BeginLibraryItem "/library/f3_ad.lbi" --><!-- #EndLibraryItem -->

        </div>

        <div class="goods-right">

            <!-- TemplateBeginEditable name="3层产品" -->

<!-- #BeginLibraryItem "/library/cat_goods.lbi" -->

<div class="all_ms">

  <!--{foreach from=$cat_goods item=goods}-->

  <a class="goodsItem" href="{$goods.url}"> <div  class="img-box"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></div>

  <div class="goods-brief">{$goods.brief|truncate:20}</div>

    <div class="gos-title">{$goods.short_name|escape:html}</div>

	<div class="prices">

	    <!-- {if $goods.promote_price neq ""} -->

    <font class="shop_s">{$lang.promote_price}<b>{$goods.promote_price}</b></font>

    <!-- {else}-->

    <font class="shop_s"><b>{$goods.shop_price}</b></font>

    <!--{/if}-->

	</div>

  </a>

  <!--{/foreach}-->

  <div class="clear0"></div>

</div>

 <!-- #EndLibraryItem -->

<!-- TemplateEndEditable -->

        </div>

      </div>

      <div class="goods-title">热门商品推荐</div>

      <div class="clearfix goods-wrap hot-goods">

            <!-- TemplateBeginEditable name="热门商品推荐" -->

<!-- #BeginLibraryItem "/library/recommend_hot.lbi" -->

<!-- {if $hot_goods} -->

<!-- {if $cat_rec_sign neq 1} -->

<div id="show_hot_area" class="clearfix goodsBox all_mid all_ms">

  <!-- {/if} -->

  <!--{foreach from=$hot_goods item=goods}-->

 <a class="goodsItem" href="{$goods.url}"> <div  class="img-box"><img src="{$goods.thumb}" alt="{$goods.name|escape:html}" class="goodsimg" /></div>

  <div class="goods-brief">{$goods.brief|truncate:20}</div>

    <div class="gos-title">{$goods.short_name|escape:html}</div>

  <div class="prices">

      <!-- {if $goods.promote_price neq ""} -->

    <font class="shop_s">{$lang.promote_price}<b>{$goods.promote_price}</b></font>

    <!-- {else}-->

    <font class="shop_s"><b>{$goods.shop_price}</b></font>

    <!--{/if}-->

  </div>

  </a>

  <!--{/foreach}-->

  <!-- {if $cat_rec_sign neq 1} -->

  <div class="clear0"></div>

</div> <div class="clear10"></div>

<!-- {/if} -->

<!-- {/if} -->

 <!-- #EndLibraryItem -->

<!-- TemplateEndEditable -->

      </div>

    </div>

  </div>

</div>

<!-- #BeginLibraryItem "/library/page_footer.lbi" --><!-- #EndLibraryItem -->

</body>

</html></strong>

所以可以在其中发现

<strong><!-- #BeginLibraryItem "/library/page_header.lbi" --><!-- #EndLibraryItem --></strong>

这一行代码，因为dwt文件的缘故，注释可以忽略，然后进入

/library/page_header.lbi

文件下，找到nav-menu标签，原始代码真是够乱的，对于有强迫症的我来说，必须得重新排版下

<strong><div class="m_left">

		  <ul>

				<li>

					<a href="../index.php"

						{if $navigator_list.config.index eq 1} class="cur"{/if}>

							{$lang.home}{$lang.home}{$smarty.foreach.nav_middle_list.last}

					</a>

				</li>

				{foreach name=nav_middle_list from=$navigator_list.middle item=nav}

				{if $smarty.foreach.nav_middle_list.last}

						<li>

							<a href="{$nav.url}"

								{if $nav.opennew eq 1}

									target="_blank"

								{/if}

									{$nav.name}

							</a>

						</li>

				<!-- {else} -->

				<li>

					<a href="{$nav.url}"

						<!-- {if $nav.opennew eq 1} -->target="_blank"<!-- {/if} -->>

								{$nav.name}

					</a>

				</li>

		<!-- {/if} -->

				<!-- {if $nav.active eq 1} --><!-- {/if} -->

					<!-- {/foreach} -->

		  </ul>

      </div></strong>

在m_left标签下，可以发现首页标签是单独列出来的，而后面的几个选项是通过foreach动态生成，从给的href可以看出。

之前一直没看懂$navigator_list这个参数是怎么传进来的，因为固定思维，一直以为带有‘$’的标签都是根目录下的php文件通过smarty传递过来，所以找遍了所有php文件和dwt文件，都没发现$navigator_list这个参数，后面又试着关键字搜索nav这个表名，以为能找到对应的sql语句，可是找遍仍然没发现，后面接着在page_header.lbi这个文件下调试这几个参数的值，输出这些值，找找看能不能发现什么，顺便把数据库里面nav表的name参数改动，看看变化，依然没什么进展，不过，倒是解决了之前很多的疑问，感觉里面的代码和界面被我调试的面目全非。最终问题是解决了，我无意中翻看其他文件夹，在includes/目录下，我意识到，像导航栏这种常年不变的组件，必须得剥离到共用的地方，很多地方都得调用，如果写在业务逻辑代码里面，会非常臃肿的，我翻了一下，本能的从init.php，lib_base,lib_main这三个文件里面看了看，最后在lib_main文件内找到$navigator_list参数。

呵呵，我想说一句，fuck，几十个文件翻着看，这基本的调用也不给个注释，这叫我们这些菜鸟怎么活啊ORZ

05-11 21:52
Powered by LMLPHP ©2024 导航栏 0.051171