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

ECshop--导航栏模块细究的更多相关文章

Ecshop导航栏标题栏的伪静态设置
当Ecshop的伪静设置成功之后,左侧的分类标签,包括具体的产品页面都可以顺利的打开伪静态页面,但是点击导航栏,或者标题栏的时候,却还是之前的数据库标签页的方式,这是怎么一回事呢? 这是由于,Ecsh ...
ABP(现代ASP.NET样板开发框架)系列之22、ABP展现层——导航栏设置
点这里进入ABP系列文章总目录基于DDD的现代ASP.NET开发框架--ABP系列之22.ABP展现层——导航栏设置 ABP是“ASP.NET Boilerplate Project (ASP.NE ...
Bootstrap框架(基础篇)之按钮,网格,导航栏,下拉菜单
一,按钮注意:虽然在Bootstrap框架中使用任何标签元素都可以实现按钮风格,但个人并不建议这样使用,为了避免浏览器兼容性问题,个人强烈建议使用button或a标签来制作按钮. 框架中提供了基础按 ...
[ExtJS5学习笔记]第十七节 Extjs5的panel组件增加accodion成为折叠导航栏
本文地址:http://blog.csdn.net/sushengmiyan/article/details/39102335 官方例子:http://dev.sencha.com/ext/5.0.1 ...
Android开源项目——带图标文字的底部导航栏IconTabPageIndicator
接下来的博客计划是,在<Android官方技术文档翻译>之间会发一些Android开源项目的介绍,直接剩下的几篇Android技术文档发完,然后就是Android开源项目和Gradle翻译 ...
AndroidStudio制作底部导航栏以及用Fragment实现切换功能
前言大家好,给大家带来AndroidStudio制作底部导航栏以及用Fragment实现切换功能的概述,希望你们喜欢学习目标 AndroidStudio制作底部导航栏以及用Fragment实现切换 ...
iOS系统中导航栏的转场解决方案与最佳实践
背景目前,开源社区和业界内已经存在一些 iOS 导航栏转场的解决方案,但对于历史包袱沉重的美团 App 而言,这些解决方案并不完美.有的方案不能满足复杂的页面跳转场景,有的方案迁移成本较大,为此我们 ...
5.5修改xadmin的头部底部和导航栏名称
1.修改xadmin的头部标题和底部信息: 在users模块中的adminx.py中添加修改函数: from xadmin import views class GlobalSettings(obje ...
ECSHOP后台开发模块步骤
一.建数据库二.添加到后台导航栏并配置相关语言包三.权限配置四.添加增删查改五.增加其他功能(复制,搜索(暂时调不出来页面),排序,转移,AJAX) 以添加支付信息模块为例第一步首先我们用phpmy ...

随机推荐

Android开源项目发现---GridView 篇（持续更新）
1. StaggeredGridView 允许非对齐行的GridView 类似Pinterest的瀑布流,并且跟ListView一样自带View缓存,继承自ViewGroup 项目地址:https:/ ...
【CF】121 Div.1 C. Fools and Roads
题意是给定一棵树.同时,给定如下k个查询: 给出任意两点u,v,对u到v的路径所经过的边进行加计数. k个查询后,分别输出各边的计数之和. 思路利用LCA,对cnt[u]++, cnt[v]++,并对 ...
【session】
users.json { "tobi": { "password": "ferret", "name": "T ...
UNion ALL 和 UNION 的区别
UNION: 指定合并多个结果集并将其作为单个结果集返回.ALL: 将全部行并入结果中.其中包括重复行.如果未指定该参数,则删除重复行.
使用jenkins + python + selenium一步步搭建web自动化测试“框架”（1） - 各部件简介
原先搭建过一个自动化测试框架,迷迷糊糊不求甚解,算是搭建了一个仅限于能用的.根本算不上框架的玩意儿. 现在回过头来好好看看究竟每一步是怎么联系起来的,是怎么运行起来的. 本次博客先说说各部件都是干什么 ...
常用开源GIS项目
常用开源GIS项目常用开源桌面GIS软件 QGIS 始于2002年5月,算得上是开源GIS平台中的后起之秀.界面友好,分析功能可与GRASS GIS相媲美.主页:http://www.qgi ...
个人推荐，比较好的MySQL客户端工具
关于啊,MySQL客户端,实在是太多了.本人也是正在摸索中. MySQL Workbench phpMyAdmin SQLyog Navicat for MySQL MySQL Server MySQ ...
php-mysql结果集函数比较
本节主要介绍了获取查询结果集的4个函数,此处对它们进行综合比较. ● mysql_result():优点在于使用方便:而缺点在于功能少,一次调用只能获取结果数据集中的一行记录,对较大型的数据库 ...
sql server2008报“评估已过期....."
开始-->所有程序-->Microsoft SQL Server 2008-->配置工具-->SQL Server 安装中心-->维护-->版本升级,接着按照提示一 ...
Navicat远程连接MySQL数据库
1.打开Navicat,在界面的“主机名和IP地址”处输入IP地址,一般是192.168.1.1 2.输入相应的用户名和密码,点击连接测试,确认是否已经连接,之后就可以点击确定了 3.找到相应的数据库 ...

ECshop--导航栏模块细究

ECshop--导航栏模块细究的更多相关文章

随机推荐

热门专题