电商项目第六天

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <parent>
        <artifactId>shop</artifactId>
        <groupId>com.yjxxt</groupId>
        <version>1.0-SNAPSHOT</version>
    </parent>
    <modelVersion>4.0.0</modelVersion>


    <artifactId>shop-portal</artifactId>


    <name>shop-portal</name>


    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
    </properties>


    <dependencies>
        <!-- shop common 依赖 -->
        <dependency>
            <groupId>com.yjxxt</groupId>
            <artifactId>shop-common</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
        <!-- spring boot web 依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>
        <!-- spring boot freemarker 依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-freemarker</artifactId>
        </dependency>
        <!-- mybatis 依赖 -->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
        </dependency>
        <!-- pagehelper 分页依赖 -->
        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper-spring-boot-starter</artifactId>
        </dependency>
        <!-- mysql 数据库依赖 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <!-- druid 连接池依赖 -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
        </dependency>
        <!-- spring data redis 依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>
        <!-- commons-pool2 对象池依赖 -->
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-pool2</artifactId>
        </dependency>
        <!-- spring boot test 依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>




        <!-- dubbo依赖 -->
        <dependency>
            <groupId>org.apache.dubbo</groupId>
            <artifactId>dubbo-spring-boot-starter</artifactId>
        </dependency>


        <!--zookeeper 注册中心客户端引入 curator客户端 -->
        <dependency>
            <groupId>org.apache.dubbo</groupId>
            <artifactId>dubbo-dependencies-zookeeper</artifactId>
            <type>pom</type>
        </dependency>




        <dependency>
            <groupId>com.yjxxt</groupId>
            <artifactId>shop-rpc-provider</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
        <dependency>
            <groupId>com.yjxxt</groupId>
            <artifactId>shop-rpc</artifactId>
            <version>1.0-SNAPSHOT</version>
            <scope>compile</scope>
        </dependency>
    </dependencies>


    <build>
    </build>
</project>

spring:
  profiles:
    active: dev

server:
  port: 9091                                # 项目访问端口,默认 8080
  servlet:                                 # 项目访问路径,默认 /
    context-path: /shop-portal
# Spring
spring:
  # 数据源
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/shop?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
    username: root
    password: root
    # 指定 druid 连接池以及 druid 连接池配置
    type: com.alibaba.druid.pool.DruidDataSource
    druid:
      initial-size: 1                       # 初始连接数
      max-active: 20                        # 最大连接数
      max-idle: 20                          # 最大空闲
      min-idle: 1                           # 最小空闲
      max-wait: 60000                       # 最长等待时间
  # freemarker 模板引擎
  freemarker:
    cache: false
    charset: UTF-8
    content-type: text/html;charset=UTF-8
    enabled: true
    suffix: .ftl
    template-loader-path: classpath:/views/
    # 配置模板里是否可以直接取request的属性 request是别名
    request-context-attribute: request
    # 配置将request和session中的键值添加到
    # AbstractTemplateView类的renderMergedOutputModel方法中的model这个Map参数中
    expose-request-attributes: true
    expose-spring-macro-helpers: true
    # 配置模板里是否可以直接取session的属性 true 是允许
    expose-session-attributes: true
    settings:
      tag_syntax: auto_detect               # 配置标签语法为自动,页面可以将 <> 改为 [],为了区别 html 标签
      template_update_delay: 0              # 模板更新时间,单位秒
      default_encoding: UTF-8               # 默认编码字符集
      output_encoding: UTF-8                # 模板输出编码字符集
      locale: zh_CN                         # 本地化配置
      date_format: yyyy-MM-dd               # 日期格式化
      time_format: HH:mm:ss                 # 时间格式化
      datetime_format: yyyy-MM-dd HH:mm:ss  # 日期时间格式化
      number_format: #.##                   # 数字格式化
      boolean_format: true,false            # boolean格式化
      # ignore,debug,html_debug,rethrow
      # 1.TemplateExceptionHandler.IGNORE_HANDLER简单地压制所有异常
      # 它对处理异常没有任何作用,也不会重新抛出异常,页面可以正常渲染,后台抛异常
      # 2.TemplateExceptionHandler.DEBUG_HANDLER打印堆栈信息和重新抛出异常。这是默认的异常控制器
      # 3.TemplateExceptionHandler.HTML_DEBUG_HANDLER和DEBUG_HANDLER相同
      # 但是可以格式化堆栈跟踪信息,HTML页面,建议使用它而不是DEBUG_HANDLER
      # 4.TemplateExceptionHandler.RETHROW_HANDLER简单重新抛出所有异常而不会做其他的事情
      # 5.使用自定义异常类实现TemplateExceptionHandler重写handleTemplateException方法
      template_exception_handler: html_debug


#文件上传
  servlet:
    multipart:
      max-file-size: 100MB
      max-request-size: 1000MB
#redis缓存
  redis:
    timeout: 10000ms
    host: 192.168.18.100
    port: 6379
    password: root
    database: 0
    lettuce:
      pool:
        max-active: 1024
        max-wait: 10000ms
        max-idle: 200
        min-idle: 5


# MyBatis
mybatis:
  # 配置 MyBatis数据返回类型别名(默认别名是类名)
  type-aliases-package: com.yjxxt.portal.pojo
  # 配置 MyBatis Mapper 映射文件
  mapper-locations: classpath:mapper/*.xml


# Mybatis SQL 打印(方法接口所在的包,不是 Mapper.xml 所在的包)
logging:
  level:
    com.yjxxt.portal.mapper: debug


#dubbo环境配置
dubbo:
  application:
    name: shop-portal
  #使用zookeeper注册中心暴露服务地址
  registry:
    address: zookeeper://192.168.18.100:2181

导入一个index.html

<!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" />
<title>EGO商城</title>
<link href="css/main.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
<link href="css/main.ie6.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 7]>
<link href="css/main.ie7.css" rel="stylesheet" type="text/css" />
<![endif]-->
<script type="text/javascript" src="js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="js/jquery-imgslideshow.js"></script>
<script type="text/javascript" src="js/ks-switch.js"></script>
<script type="text/javascript" src="js/lib.js"></script>
<script type="text/javascript" src="js/layer/layer.js"></script>
<script type="text/javascript">
var timeout    = 500;
var closetimer    = 0;
var ddmenuitem    = 0;


$(document).ready(function(){
       /* ----------鼠标移入移出事件---begin------- */
    $('.cat_item').mousemove(function () {
        $(this).addClass('cat_item_on');
    });
    $('.cat_item').mouseleave(function () {
        $(this).removeClass('cat_item_on');
    });
    /* ----------鼠标移入移出事件-----end------- */
    $('#slideshow').imgSlideShow({itemclass: 'i'})
    $("#slide-qg").switchTab({titCell: "dt a", trigger: "mouseover", delayTime: 0});
    $("#s_cart_nums1").hover(function(){
        mcancelclosetime();
        if(ddmenuitem) ddmenuitem.hide();
        ddmenuitem = $(document).find("#s_cartbox");
        ddmenuitem.fadeIn();
    },function(){
        mclosetime();
    });
    $("#s_cart_nums2").hover(function(){
        mcancelclosetime();
        if(ddmenuitem) ddmenuitem.hide();
        ddmenuitem = $(document).find("#s_cartbox");
        ddmenuitem.fadeIn();
    },function(){
        mclosetime();
    });
    $("#s_cartbox").hover(function(){
        mcancelclosetime();
    },function(){
        mclosetime();
    });
     var $cur = 1;
    var $i = 4;
    var $len = $('.hot_list>ul>li').length;
    var $pages = Math.ceil($len / $i);
    var $w = $('.hotp').width()-66;
    
    var $showbox = $('.hot_list');
    
    var $pre = $('div.left_icon');
    var $next = $('div.rgt_icon');
     
    $pre.click(function(){
        if (!$showbox.is(':animated')) {
            if ($cur == 1) {   
                $showbox.animate({
                    left: '-=' + $w * ($pages - 1)
                }, 500);
                $cur = $pages;
            }
            else {
                $showbox.animate({
                    left: '+=' + $w
                }, 500);
                $cur--;
            }
           
        }
    });


    $next.click(function(){
        if (!$showbox.is(':animated')) {
            if ($cur == $pages) {  
                $showbox.animate({
                    left: 0
                }, 500);
                $cur = 1;
            }
            else {
                $showbox.animate({
                    left: '-=' + $w
                }, 500);
                $cur++;
            }
            
        }
    });
    
});
function mclose()
{
    if(ddmenuitem) ddmenuitem.hide();
}
function mclosetime()
{
    closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime()
{
    if(closetimer)
    {
        window.clearTimeout(closetimer);
        closetimer = null;
    }
}
</script>
</head>


<body>
<div id="doc">
    <div id="s_hdw">
    
        <div id="s_tbar">
            <div class="s_hd">
                <div class="tbar_lft">您好,欢迎来到EGO商城!<a href="#">请登录</a> | <a href="#">免费注册</a></div>
                <div class="tbar_rgt">
                    <ul>
                        <li class="first"><a href="#">我的订单</a></li>
                        <li><a href="#">我的EGO商城</a></li>
                        <li><a href="#">帮助中心</a></li>
                        <li><a href="#">联系客服</a></li>
                        <li><a href="#">加入收藏</a></li>
                        <li class="s_tel_str">服务热线:</li>
                        <li class="s_tel">400-009-1906</li>
                    </ul>
                </div>
            </div>
        </div><!--s_tbar end-->
        
        <div class="s_hd nav">
            <div id="s_logo"><a href="#"><img src="images/logo.png" border="0" /></a></div>
            <div id="s_nav">
                <ul>
                    <li class="first cur"><a href="#">首页</a><span></span></li>
                    <li><a href="#">积分兑换</a><span></span></li>
                    <li><a href="#">抢购</a><span></span></li>
                    <li class="last"><a href="#">礼品</a><span></span></li>
                </ul>
            </div>
        </div><!--s_hd end-->
        
        <div class="mmenu">
            <div class="s_hd">
                <div id="s_search">
                    <form action="" method="post"><input name="" type="text" class="search-input" /><input name="" type="image" src="images/btn_search.jpg" /></form>
                </div>
                
                <div id="s_keyword">
                    <ul>
                        <li><strong>热门搜索:</strong></li>
                        <li><a href="#">贝玲妃</a></li>
                        <li><a href="#">SKII</a></li>
                        <li><a href="#">阿芙</a></li>
                        <li><a href="#">罗莱家纺</a></li>
                        <li><a href="#">glasslock</a></li>
                        <li><a href="#">翡翠</a></li>
                        <li><a href="#">珍珠</a></li>
                        <li><a href="#">银饰</a></li>
                        <li><a href="#">机械表</a></li>
                    </ul>
                </div>
                
                <div id="s_cart">
                    <ul>
                        <li class="nums"><a href="" id="s_cart_nums1">购物车: <span>0</span>  件</a> <a href="" class="btn" id="s_cart_nums2"></a></li>
                        <li class="checkout"><a href="#">去结算>></a></li>
                    </ul>
                </div>
            
                <div id="s_cartbox" class="s_cartbox">您的购物车中暂无商品,赶快选择心爱的商品吧!</div>
            
                <div id="s_cats">
                    <div class="cat_hd"><h3><a href="#">所有商品分类</a></h3></div>
                    <div class="cat_bd" style="display:block;">
                    <ul>
                    <li class="cat_item">
                        <h4 class="cat_tit"><a href="#" class="cat_tit_link">食品、饮料、酒水</a><span class="s_arrow">></span></h4>
                        <div class="cat_cont">
                            <div class="cat_cont_lft">
                            <dl class="cf">
                                <dt><a href="#">进口食品</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">进口米</a></li>
                                        <li><a href="#">进口饼干糕点</a></li>
                                        <li><a href="#">进口冲饮</a></li>
                                        <li><a href="#">进口牛奶</a></li>
                                        <li><a href="#">进口薯片</a></li>
                                        <li><a href="#">进口矿泉水</a></li>
                                        <li><a href="#">进口柚子茶/奶茶</a></li>
                                        <li><a href="#">进口花果茶</a></li>
                                        <li><a href="#">进口肉干/鱼干</a></li>
                                        <li><a href="#" class="more">更多</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">休闲零食</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">薯片</a></li>
                                        <li><a href="#">爆米花</a></li>
                                        <li><a href="#">膨化食品</a></li>
                                        <li><a href="#">鸡鸭禽类</a></li>
                                        <li><a href="#">肉干</a></li>
                                        <li><a href="#">肉松</a></li>
                                        <li><a href="#">鱼干</a></li>
                                        <li><a href="#">海苔</a></li>
                                        <li><a href="#">蜜饯</a></li>
                                        <li><a href="#">果冻/ 布丁/龟苓膏</a></li>
                                        <li><a href="#">小食</a></li>
                                        <li><a href="#">坚果</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">饮料</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">碳酸饮料</a></li>
                                        <li><a href="#">果汁</a></li>
                                        <li><a href="#">运动/健康饮料</a></li>
                                        <li><a href="#">茶饮料</a></li>
                                        <li><a href="#">水</a></li>
                                        <li><a href="#">乳品</a></li>
                                        <li><a href="#">咖啡饮料</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">酒</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">啤酒</a></li>
                                        <li><a href="#">葡萄酒</a></li>
                                        <li><a href="#">白酒</a></li>
                                        <li><a href="#">黄酒</a></li>
                                        <li><a href="#">洋酒</a></li>
                                        <li><a href="#">滋补酒</a></li>
                                        <li><a href="#">日本酒</a></li>
                                        <li><a href="#">预调酒</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">方便面/速食</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">方便面</a></li>
                                        <li><a href="#">速食品</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">粮油</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">米/面粉</a></li>
                                        <li><a href="#">杂粮</a></li>
                                        <li><a href="#">食用油</a></li>
                                        <li><a href="#">挂面</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">乳制品</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">酸奶</a></li>
                                        <li><a href="#">纯牛奶</a></li>
                                        <li><a href="#">口味奶</a></li>
                                        <li><a href="#">功能奶</a></li>
                                        <li><a href="#">儿童奶</a></li>
                                        <li><a href="#">豆奶</a></li>
                                        <li><a href="#">新鲜低温奶</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">咖啡</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">咖啡冲饮</a></li>
                                        <li><a href="#">咖啡豆/粉</a></li>
                                        <li><a href="#">咖啡配套</a></li>
                                        <li><a href="#">咖啡礼盒</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">冲饮</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">奶粉</a></li>
                                        <li><a href="#">蜂蜜</a></li>
                                        <li><a href="#">麦片</a></li>
                                        <li><a href="#">奶茶</a></li>
                                        <li><a href="#">速溶</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">饼干</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">咸味饼干</a></li>
                                        <li><a href="#">甜味饼干</a></li>
                                        <li><a href="#">苏打饼干</a></li>
                                        <li><a href="#">夹心饼干</a></li>
                                        <li><a href="#">威化饼干</a></li>
                                        <li><a href="#">曲奇饼干</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">进入该频道</a></dt>
                                <dd></dd>
                            </dl>


                        </div>
                        
                        <div class="cat_cont_rgt">
                            <dl>
                                <dt>推荐品牌</dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">奥利奥</a></li>
                                        <li><a href="#">光明</a></li>
                                        <li><a href="#">金龙鱼</a></li>
                                        <li><a href="#">立顿</a></li>
                                        <li><a href="#">咏萄 Everwines</a></li>
                                        <li><a href="#">阿明</a></li>
                                        <li><a href="#">康师傅</a></li>
                                        <li><a href="#">蒙牛</a></li>
                                        <li><a href="#">伊利</a></li>
                                        <li><a href="#">可口可乐</a></li>
                                        <li><a href="#">雀巢</a></li>
                                        <li><a href="#">统一</a></li>
                                        <li><a href="#">福临门</a></li>
                                    </ul>    
                                </dd>
                            </dl>
                            
                            <dl>
                                <dt>促销专题</dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">饼干糕点10.8元任选3</a></li>
                                        <li><a href="#">阳澄湖大闸蟹立省百元</a></li>
                                        <li><a href="#">清新水果季 全场上海</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        </div>
                    </div>
                </li>
                <li class="cat_item">
                    <h4 class="cat_tit"><a href="#" class="cat_tit_link">美容化妆、个人护理</a><span class="s_arrow">></span></h4>
                    <div class="cat_cont">
                        <div class="cat_cont_lft">
                            <dl class="cf">
                                <dt><a href="#">面部护肤</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">洁面</a></li>
                                        <li><a href="#">柔肤水/爽肤水</a></li>
                                        <li><a href="#">乳液</a></li>
                                        <li><a href="#">面霜</a></li>
                                        <li><a href="#">精华</a></li>
                                        <li><a href="#">面膜</a></li>
                                        <li><a href="#">精油</a></li>
                                        <li><a href="#">美白</a></li>
                                        <li><a href="#">保湿</a></li>
                                        <li><a href="#">唇部</a></li>
                                        <li><a href="#">防晒</a></li>
                                        <li><a href="#">祛痘</a></li>
                                        <li><a href="#">喷雾</a></li>
                                        <li><a href="#">卸妆</a></li>
                                        <li><a href="#">护肤套装</a></li>
                                        <li><a href="#">晚霜</a></li>
                                        <li><a href="#">祛黑头</a></li>
                                    </ul>
                                </dd>
                            </dl>
                    
                            <dl class="cf">
                                <dt><a href="#">男士护理</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">男士洁面</a></li>
                                        <li><a href="#">男士护肤</a></li>
                                        <li><a href="#">男性洗液</a></li>
                                        <li><a href="#">洗发护发</a></li>
                                        <li><a href="#">沐浴露</a></li>
                                        <li><a href="#">剃须刀架/片</a></li>
                                        <li><a href="#">须后水</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">眼部保养</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">眼部精华</a></li>
                                        <li><a href="#">眼膜</a></li>
                                        <li><a href="#">眼部啫喱</a></li>
                                        <li><a href="#">眼霜</a></li>
                                        <li><a href="#">眼部卸妆液</a></li>
                                    </ul>
                                </dd>
                            </dl>
                    
                            <dl class="cf">
                                <dt><a href="#">洗发护发</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">去屑型洗发水</a></li>
                                        <li><a href="#">柔顺型洗发水</a></li>
                                        <li><a href="#">修复型洗发水</a></li>
                                        <li><a href="#">二合一洗发水</a></li>
                                        <li><a href="#">防脱型洗发水</a></li>
                                        <li><a href="#">滋润营养洗发水</a></li>
                                        <li><a href="#">深层洁净型洗发水</a></li>
                                        <li><a href="#">焗油洗发水/膏</a></li>
                                        <li><a href="#">护发/润发</a></li>
                                        <li><a href="#">洗护套装</a></li>
                                        <li><a href="#">定型</a></li>
                                        <li><a href="#" class="more">更多</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">身体护理</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">身体乳</a></li>
                                        <li><a href="#">足部护理</a></li>
                                        <li><a href="#">手部护理</a></li>
                                        <li><a href="#">美体塑身</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">洗浴用品</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">沐浴露</a></li>
                                        <li><a href="#">浴盐</a></li>
                                        <li><a href="#">香皂</a></li>
                                        <li><a href="#">洗手液</a></li>
                                        <li><a href="#">浴花沐浴手套</a></li>
                                        <li><a href="#">浴帽</a></li>
                                        <li><a href="#">沐浴套装</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">女性护理</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">促销装卫生巾</a></li>
                                        <li><a href="#">日用卫生巾</a></li>
                                        <li><a href="#">夜用卫生巾</a></li>
                                        <li><a href="#">护垫</a></li>
                                        <li><a href="#">女性洗液</a></li>
                                        <li><a href="#">女性湿巾</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">口腔护理</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">牙膏</a></li>
                                        <li><a href="#">牙刷</a></li>
                                        <li><a href="#">漱口水</a></li>
                                        <li><a href="#">牙线/牙签</a></li>
                                        <li><a href="#">口气清新剂</a></li>
                                        <li><a href="#">白牙素</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">进入该频道</a></dt>
                                <dd></dd>
                            </dl>


                        </div>
                    
                        <div class="cat_cont_rgt">
                            <dl>
                                <dt>推荐品牌</dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">玉兰油</a></li>
                                        <li><a href="#">资生堂</a></li>
                                        <li><a href="#">欧莱雅</a></li>
                                        <li><a href="#">相宜本草</a></li>
                                        <li><a href="#">潘婷</a></li>
                                        <li><a href="#">海飞丝</a></li>
                                        <li><a href="#">沙宣</a></li>
                                        <li><a href="#">肌研</a></li>
                                        <li><a href="#">曼秀雷敦</a></li>
                                        <li><a href="#">佳洁士</a></li>
                                        <li><a href="#">雅诗兰黛</a></li>
                                        <li><a href="#">护舒宝</a></li>
                                        <li><a href="#">妮维雅</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl>
                                <dt>促销专题</dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">资生堂史无前例买赠专</a></li>
                                        <li><a href="#">佳洁士满48元送乐扣茶</a></li>
                                        <li><a href="#">联合利华品牌联合促销</a></li>
                                        <li><a href="#">飘柔全场护发素85折</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                        </div>
                    </div>
                </li>
                
                <li class="cat_item">
                    <h4 class="cat_tit"><a href="#" class="cat_tit_link">母婴食品、母婴用品</a><span class="s_arrow">></span></h4>
                    <div class="cat_cont">
                        <div class="cat_cont_lft">
                            <dl class="cf">
                                <dt><a href="#">奶粉系列</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">奶粉特惠组合</a></li>
                                        <li><a href="#">妈妈奶粉</a></li>
                                        <li><a href="#">奶粉赠品</a></li>
                                        <li><a href="#">1段奶粉</a></li>
                                        <li><a href="#">2段奶粉</a></li>
                                        <li><a href="#">3段奶粉</a></li>
                                        <li><a href="#">4段奶粉</a></li>
                                        <li><a href="#">特殊配方奶粉</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl class="cf">
                                <dt><a href="#">辅食</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">米粉</a></li>
                                        <li><a href="#">婴儿果汁</a></li>
                                        <li><a href="#">果/菜/肉泥</a></li>
                                        <li><a href="#">其它辅食</a></li>
                                        <li><a href="#">面条</a></li>
                                        <li><a href="#">饼干/磨牙棒</a></li>
                                        <li><a href="#">果粉/菜粉/肉粉</a></li>
                                        <li><a href="#">婴儿肉松</a></li>
                                        <li><a href="#">营养粥</a></li>
                                        <li><a href="#">婴儿饮料</a></li>
                                        <li><a href="#">婴幼儿糖果</a></li>
                                        <li><a href="#">婴儿食用油</a></li>
                                        <li><a href="#">辅食赠品</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">母婴营养品</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">鱼肝油</a></li>
                                        <li><a href="#">妈妈营养品</a></li>
                                        <li><a href="#">牛初乳</a></li>
                                        <li><a href="#">综合营养素</a></li>
                                        <li><a href="#">钙类</a></li>
                                        <li><a href="#">清火类</a></li>
                                        <li><a href="#">幼儿益生菌</a></li>
                                        <li><a href="#">开胃类</a></li>
                                        <li><a href="#">葡萄糖</a></li>
                                        <li><a href="#">营养品赠品</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">防尿用品</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">纸尿裤</a></li>
                                        <li><a href="#">尿布/尿垫</a></li>
                                        <li><a href="#">婴儿湿巾</a></li>
                                        <li><a href="#">成人纸尿裤</a></li>
                                        <li><a href="#">纸尿裤赠品</a></li>
                                        <li><a href="#">婴儿纸巾</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">哺育用品</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">奶瓶/奶嘴</a></li>
                                        <li><a href="#">调理用具</a></li>
                                        <li><a href="#">安抚奶嘴/牙胶</a></li>
                                        <li><a href="#">奶刷/奶夹</a></li>
                                        <li><a href="#">吸奶器</a></li>
                                        <li><a href="#">清洁消毒</a></li>
                                        <li><a href="#">保温器具</a></li>
                                        <li><a href="#">婴儿用品收纳</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">洗护</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">洗发/沐浴</a></li>
                                        <li><a href="#">面霜/护肤</a></li>
                                        <li><a href="#">护臀/奶癣</a></li>
                                        <li><a href="#">爽身/防痱</a></li>
                                        <li><a href="#">防晒/清凉液</a></li>
                                        <li><a href="#">护唇/护手</a></li>
                                        <li><a href="#">婴儿洗护套装</a></li>
                                        <li><a href="#">洗护赠品</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">健康安全</a></dt>
                                <dd>
                                    <ul>
                                        <li class="first"><a href="#">安全防护</a></li>
                                        <li><a href="#">护理/测量用具</a></li>
                                        <li><a href="#">驱蚊/防虫</a></li>
                                        <li><a href="#">学步用品</a></li>
                                        <li><a href="#">婴儿理发护理</a></li>
                                        <li><a href="#">健康安全赠品</a></li>
                                        <li><a href="#">婴儿净水/空气净化</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                            <dl class="cf">
                                <dt><a href="#">进入该频道</a></dt>
                                <dd></dd>
                            </dl>
                        
                        </div>
                        
                        <div class="cat_cont_rgt">
                            <dl>
                                <dt>推荐品牌</dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">帮宝适</a></li>
                                        <li><a href="#">妈咪宝贝</a></li>
                                        <li><a href="#">好奇</a></li>
                                        <li><a href="#">雅培</a></li>
                                        <li><a href="#">多美滋</a></li>
                                        <li><a href="#">惠氏</a></li>
                                        <li><a href="#">美赞臣</a></li>
                                        <li><a href="#">美素</a></li>
                                        <li><a href="#">贝亲</a></li>
                                        <li><a href="#">亨氏</a></li>
                                        <li><a href="#">宝贝可爱</a></li>
                                        <li><a href="#">生命阳光</a></li>
                                    </ul>
                                </dd>
                            </dl>
                            
                            <dl>
                                <dt>促销专题</dt>
                                <dd>
                                    <ul>
                                        <li><a href="#">惠氏美赞臣满额立减再</a></li>
                                        <li><a href="#">帮宝适满100立减15</a></li>
                                        <li><a href="#">好奇特惠85折</a></li>
                                        <li><a href="#">亨氏奶粉买2送1</a></li>
                                    </ul>
                                </dd>
                            </dl>
                        
                        </div>
                    </div>
                </li>
                
                <li class="cat_item">
                    <h4 class="cat_tit"><a href="#" class="cat_tit_link">厨房用品、清洁用品</a><span class="s_arrow">></span></h4>
                    <div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">锅具水壶</a></dt>
                    <dd><ul><li class="first"><a href="#">汤锅</a></li>
                    <li><a href="#">水壶</a></li>
                    <li><a href="#">炒锅</a></li>
                    <li><a href="#">奶锅</a></li>
                    <li><a href="#">煎盘/平底锅</a></li>
                    <li><a href="#">套装锅</a></li>
                    <li><a href="#">蒸锅</a></li>
                    <li><a href="#">压力锅</a></li>
                    <li><a href="#">锅具配件</a></li>
                    <li><a href="#">煲类</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">纸制品</a></dt>
                    <dd><ul><li class="first"><a href="#">卷纸</a></li>
                    <li><a href="#">盒装抽取式面纸</a></li>
                    <li><a href="#">软包装抽取式面纸</a></li>
                    <li><a href="#">厨房用纸</a></li>
                    <li><a href="#">湿巾纸</a></li>
                    <li><a href="#">手帕纸</a></li>
                    <li><a href="#">商务用纸</a></li>
                    <li><a href="#">平板纸</a></li>
                    <li><a href="#">环保用纸</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">乐扣乐扣</a></dt>
                    <dd><ul><li class="first"><a href="#">保鲜盒</a></li>
                    <li><a href="#">玻璃制品</a></li>
                    <li><a href="#">时尚生活</a></li>
                    <li><a href="#">水壶/水杯</a></li>
                    <li><a href="#">人气套装</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">清洁剂</a></dt>
                    <dd><ul><li class="first"><a href="#">洗衣皂</a></li>
                    <li><a href="#">洗衣粉</a></li>
                    <li><a href="#">洗衣液</a></li>
                    <li><a href="#">衣物护理</a></li>
                    <li><a href="#">消毒液</a></li>
                    <li><a href="#">洗洁精</a></li>
                    <li><a href="#">家具护理剂</a></li>
                    <li><a href="#">洁厕剂</a></li>
                    <li><a href="#">鞋油/鞋刷</a></li>
                    <li><a href="#">空气清新/香氛</a></li>
                    <li><a href="#">水垢清洁</a></li>
                    <li><a href="#">除甲醛</a></li>
                    <li><a href="#">皮革护理剂</a></li>
                    <li><a href="#">微波炉清洁剂</a></li>
                    <li><a href="#">进口清洁剂</a></li>
                    <li><a href="#">油污净</a></li>
                    <li><a href="#">浴室清洁剂</a></li>
                    <li><a href="#">驱蚊/驱虫</a></li>
                    <li><a href="#">玻璃清洁剂</a></li>
                    <li><a href="#">瓷砖清洁剂</a></li>
                    <li><a href="#">地板清洁剂</a></li>
                    <li><a href="#">空调清洁剂</a></li>
                    <li><a href="#">管道清洁剂</a></li>
                    <li><a href="#">洗衣机清洁剂</a></li>
                    <li><a href="#">衣物除菌液</a></li>
                    <li><a href="#">吸湿/防蛀</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">清洁用具</a></dt>
                    <dd><ul><li class="first"><a href="#">百洁布/抹布/清洁球</a></li>
                    <li><a href="#">拖把尘推及配件</a></li>
                    <li><a href="#">扫帚/畚箕</a></li>
                    <li><a href="#">护肤手套</a></li>
                    <li><a href="#">垃圾桶</a></li>
                    <li><a href="#">厨卫过滤网/地漏</a></li>
                    <li><a href="#">其他清洁工具</a></li>
                    <li><a href="#">脸盆</a></li>
                    <li><a href="#">水桶</a></li>
                    <li><a href="#">厨卫清洁刷子</a></li>
                    <li><a href="#">纸巾盒</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">一次性用品</a></dt>
                    <dd><ul><li class="first"><a href="#">垃圾袋</a></li>
                    <li><a href="#">保鲜袋</a></li>
                    <li><a href="#">一次性餐具</a></li>
                    <li><a href="#">桌布/围裙</a></li>
                    <li><a href="#">一次性鞋套/手套</a></li>
                    <li><a href="#">牙签/杯托</a></li>
                    <li><a href="#">保鲜膜</a></li>
                    <li><a href="#">纸杯</a></li>
                    <li><a href="#">塑杯</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">进入该频道</a></dt>
                    <dd></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">洁云</a></li><li><a href="#">乐扣乐扣</a></li><li><a href="#">金纺</a></li><li><a href="#">ASD 爱仕达</a></li><li><a href="#">蓝月亮</a></li><li><a href="#">滴露</a></li><li><a href="#">可爱可</a></li><li><a href="#">SIMELO</a></li><li><a href="#">清风</a></li><li><a href="#">Supor 苏泊尔</a></li><li><a href="#">妙洁</a></li><li><a href="#">奥妙</a></li></dd></dl><dl><dt>促销专题</dt><dd><ul><li><a href="#">白猫满38元送漂水</a></li><li><a href="#">厨房清洁全攻略</a></li><li><a href="#">洁云赠品大放送</a></li><li><a href="#">一次性用品抄底价</a></li></dd></dl> </div> </div></li>
                    <li class="cat_item"><h4 class="cat_tit"><a href="#" class="cat_tit_link">手机通讯、数码电器</a><span class="s_arrow">></span></h4><div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">手机通讯 </a></dt>
                    <dd><ul><li class="first"><a href="#">选号入网</a></li>
                    <li><a href="#">手机</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">手机配件 </a></dt>
                    <dd><ul><li class="first"><a href="#">手机电池</a></li>
                    <li><a href="#">蓝牙耳机</a></li>
                    <li><a href="#">手机充电器</a></li>
                    <li><a href="#">手机保护套</a></li>
                    <li><a href="#">手机贴膜</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">数码影像 </a></dt>
                    <dd><ul><li class="first"><a href="#">单反相机 </a></li>
                    <li><a href="#">单电/微单相机</a></li>
                    <li><a href="#">单反镜头</a></li>
                    <li><a href="#">闪光灯</a></li>
                    <li><a href="#">便携相机</a></li>
                    <li><a href="#">数码摄像机</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">数码影音 </a></dt>
                    <dd><ul><li class="first"><a href="#">MP3/MP4</a></li>
                    <li><a href="#">电玩周边 </a></li>
                    <li><a href="#">数码相框</a></li>
                    <li><a href="#">录音笔 </a></li>
                    <li><a href="#">耳机/耳麦 </a></li>
                    <li><a href="#">音箱</a></li>
                    <li><a href="#">MID</a></li>
                    <li><a href="#">电子书</a></li>
                    <li><a href="#">电子词典</a></li>
                    <li><a href="#">电子教育</a></li>
                    <li><a href="#">手持电视</a></li>
                    <li><a href="#">麦克风</a></li>
                    <li><a href="#">专业音频</a></li>
                    <li><a href="#">MP3/MP4配件</a></li>
                    <li><a href="#">收录机</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">数码配件 </a></dt>
                    <dd><ul><li class="first"><a href="#">存储卡</a></li>
                    <li><a href="#">电池/充电器 </a></li>
                    <li><a href="#">读卡器 </a></li>
                    <li><a href="#">移动电源</a></li>
                    <li><a href="#">数码包</a></li>
                    <li><a href="#">摄影配件</a></li>
                    <li><a href="#">闪光灯/手柄</a></li>
                    <li><a href="#">三脚架/云台</a></li>
                    <li><a href="#">清洁用品</a></li>
                    <li><a href="#">数码贴膜</a></li>
                    <li><a href="#">其它数码配件</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">车载电器 </a></dt>
                    <dd><ul><li class="first"><a href="#">GPS导航仪</a></li>
                    <li><a href="#">其它汽车用品</a></li>
                    <li><a href="#">车载用品</a></li>
                    </ul></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">诺基亚</a></li><li><a href="#">佳能</a></li><li><a href="#">三星</a></li><li><a href="#">尼康</a></li><li><a href="#">HTC</a></li><li><a href="#">索尼</a></li><li><a href="#">Apple 苹果</a></li><li><a href="#">硕美科</a></li><li><a href="#">漫步者</a></li><li><a href="#">卡西欧</a></li><li><a href="#">铁三角</a></li><li><a href="#">爱国者</a></li></dd></dl><dl><dt>促销专题</dt><dd><ul><li><a href="#">三星、摩托罗拉手机专</a></li><li><a href="#">“清仓价”电纸书大放</a></li><li><a href="#">单反镜头随心配,搭出</a></li><li><a href="#">数码相机,跳楼价清仓</a></li></dd></dl> </div> </div></li>
                    <li class="cat_item"><h4 class="cat_tit"><a href="#" class="cat_tit_link">大家电、生活电器</a><span class="s_arrow">></span></h4><div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">大家电 </a></dt>
                    <dd><ul><li class="first"><a href="#">平板电视 </a></li>
                    <li><a href="#">空调 </a></li>
                    <li><a href="#">冰箱 </a></li>
                    <li><a href="#">洗衣机 </a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">影音视听 </a></dt>
                    <dd><ul><li class="first"><a href="#">DVD播放机</a></li>
                    <li><a href="#">高清播放器</a></li>
                    <li><a href="#">家庭影院 </a></li>
                    <li><a href="#">迷你音响 </a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">厨房电器</a></dt>
                    <dd><ul><li class="first"><a href="#">豆浆机</a></li>
                    <li><a href="#">微波炉</a></li>
                    <li><a href="#">电压力锅</a></li>
                    <li><a href="#">电饭煲</a></li>
                    <li><a href="#">电水壶/热水瓶</a></li>
                    <li><a href="#">电磁炉</a></li>
                    <li><a href="#">多用途锅</a></li>
                    <li><a href="#">电饼铛/煎烤机</a></li>
                    <li><a href="#">煮蛋器</a></li>
                    <li><a href="#">酸奶机</a></li>
                    <li><a href="#">面包机</a></li>
                    <li><a href="#">咖啡机</a></li>
                    <li><a href="#">电烤箱</a></li>
                    <li><a href="#">果蔬解毒机</a></li>
                    <li><a href="#">料理机/榨汁机</a></li>
                    <li><a href="#">其它厨房电器</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">生活电器</a></dt>
                    <dd><ul><li class="first"><a href="#">取暖电器</a></li>
                    <li><a href="#">净化器</a></li>
                    <li><a href="#">挂烫机</a></li>
                    <li><a href="#">加湿器</a></li>
                    <li><a href="#">吸尘器</a></li>
                    <li><a href="#">电话机</a></li>
                    <li><a href="#">饮水机</a></li>
                    <li><a href="#">电熨斗</a></li>
                    <li><a href="#">净水设备</a></li>
                    <li><a href="#">其它生活电器</a></li>
                    <li><a href="#">浴霸/排气扇</a></li>
                    <li><a href="#">除湿机</a></li>
                    <li><a href="#">电风扇/空调扇</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">个人护理 </a></dt>
                    <dd><ul><li class="first"><a href="#">剃须刀 </a></li>
                    <li><a href="#">剃/脱毛器 </a></li>
                    <li><a href="#">口腔护理 </a></li>
                    <li><a href="#">美容器</a></li>
                    <li><a href="#">美发器</a></li>
                    <li><a href="#">电 吹 风</a></li>
                    <li><a href="#">其它个人护理 </a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">电器附件 </a></dt>
                    <dd><ul><li class="first"><a href="#">插座</a></li>
                    <li><a href="#">电池</a></li>
                    <li><a href="#">电视挂架/底座</a></li>
                    <li><a href="#">线材/线缆 </a></li>
                    <li><a href="#">万能遥控器</a></li>
                    <li><a href="#">墙面开关</a></li>
                    </ul></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">飞利浦</a></li><li><a href="#">松下</a></li><li><a href="#">索尼</a></li><li><a href="#">夏普</a></li><li><a href="#">创维</a></li><li><a href="#">海尔</a></li><li><a href="#">海信</a></li><li><a href="#">TCL</a></li><li><a href="#">Midea美的</a></li><li><a href="#">Supor 苏泊尔</a></li><li><a href="#">格兰仕</a></li><li><a href="#">博朗</a></li><li><a href="#">九阳</a></li></dd></dl><dl><dt>促销专题</dt><dd><ul><li><a href="#">三大合资空调疯狂抢购</a></li><li><a href="#">冰洗直降,步步惊喜!</a></li><li><a href="#">液晶电视清仓大放价,</a></li><li><a href="#">小家电惠战十月,最低</a></li></dd></dl> </div> </div></li>
                    <li class="cat_item"><h4 class="cat_tit"><a href="#" class="cat_tit_link">电脑,软件,办公用品</a><span class="s_arrow">></span></h4><div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">电脑整机</a></dt>
                    <dd><ul><li class="first"><a href="#">笔记本电脑</a></li>
                    <li><a href="#">上网本电脑</a></li>
                    <li><a href="#">平板电脑</a></li>
                    <li><a href="#">台式机</a></li>
                    <li><a href="#">笔记本电脑包</a></li>
                    <li><a href="#">iPad平板附件</a></li>
                    <li><a href="#">周边配件</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">存储产品</a></dt>
                    <dd><ul><li class="first"><a href="#">移动硬盘 </a></li>
                    <li><a href="#">U盘</a></li>
                    <li><a href="#">网络存储NAS</a></li>
                    <li><a href="#">光驱</a></li>
                    <li><a href="#">硬盘盒</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">外设产品</a></dt>
                    <dd><ul><li class="first"><a href="#">显示器</a></li>
                    <li><a href="#">键盘</a></li>
                    <li><a href="#">鼠标</a></li>
                    <li><a href="#">鼠标垫 </a></li>
                    <li><a href="#">键鼠套装</a></li>
                    <li><a href="#">摄像头</a></li>
                    <li><a href="#">插座</a></li>
                    <li><a href="#">线缆/HUB</a></li>
                    <li><a href="#">电脑清洁</a></li>
                    <li><a href="#">游戏设备</a></li>
                    <li><a href="#">电视盒</a></li>
                    <li><a href="#">UPS电源</a></li>
                    <li><a href="#">电脑工具</a></li>
                    <li><a href="#">手写板</a></li>
                    <li><a href="#">耳麦</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">网络产品</a></dt>
                    <dd><ul><li class="first"><a href="#">路由器</a></li>
                    <li><a href="#">无线AP</a></li>
                    <li><a href="#">调制解调器</a></li>
                    <li><a href="#">网卡</a></li>
                    <li><a href="#">3G上网</a></li>
                    <li><a href="#">交换机</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">设备、耗材</a></dt>
                    <dd><ul><li class="first"><a href="#">点钞机 </a></li>
                    <li><a href="#">装订配件 </a></li>
                    <li><a href="#">一体机 </a></li>
                    <li><a href="#">传真机 </a></li>
                    <li><a href="#">扫描仪 </a></li>
                    <li><a href="#">复印机 </a></li>
                    <li><a href="#">装订机 </a></li>
                    <li><a href="#">投影机 </a></li>
                    <li><a href="#">电子白板 </a></li>
                    <li><a href="#">激光笔 </a></li>
                    <li><a href="#">硒鼓 </a></li>
                    <li><a href="#">墨盒 </a></li>
                    <li><a href="#">墨粉 </a></li>
                    <li><a href="#">色带 </a></li>
                    <li><a href="#">刻录盘片 </a></li>
                    <li><a href="#">打印机 </a></li>
                    <li><a href="#">投影幕 </a></li>
                    <li><a href="#">考勤机</a></li>
                    <li><a href="#">会议电话 </a></li>
                    <li><a href="#">扩音器 </a></li>
                    <li><a href="#">手写板 </a></li>
                    <li><a href="#">碎纸机</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">纸品、薄本 </a></dt>
                    <dd><ul><li class="first"><a href="#">复印纸 </a></li>
                    <li><a href="#">传真纸 </a></li>
                    <li><a href="#">财务行政用品 </a></li>
                    <li><a href="#">电脑打印纸 </a></li>
                    <li><a href="#">照片相纸</a></li>
                    <li><a href="#">日记本 </a></li>
                    <li><a href="#">练习本 </a></li>
                    <li><a href="#">便签本 </a></li>
                    <li><a href="#">拍纸本 </a></li>
                    <li><a href="#">商务记事本 </a></li>
                    <li><a href="#">线圈本 </a></li>
                    <li><a href="#">硬面本 </a></li>
                    <li><a href="#">螺旋本 </a></li>
                    <li><a href="#">活页本 </a></li>
                    <li><a href="#">软面本 </a></li>
                    <li><a href="#">胶装本 </a></li>
                    <li><a href="#">缝线本 </a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">书写、修正 </a></dt>
                    <dd><ul><li class="first"><a href="#">圆珠笔 </a></li>
                    <li><a href="#">中性笔 </a></li>
                    <li><a href="#">签字笔 </a></li>
                    <li><a href="#">铅笔/活动铅笔 </a></li>
                    <li><a href="#">白板/马克笔 </a></li>
                    <li><a href="#">记号笔 </a></li>
                    <li><a href="#">笔芯 </a></li>
                    <li><a href="#">修正用品 </a></li>
                    <li><a href="#">削笔器 </a></li>
                    <li><a href="#">钢笔 </a></li>
                    <li><a href="#">墨水 </a></li>
                    <li><a href="#">荧光笔 </a></li>
                    <li><a href="#">油漆笔 </a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">进入该频道</a></dt>
                    <dd></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">苹果</a></li><li><a href="#">索尼</a></li><li><a href="#">SAMSUNG 三星</a></li><li><a href="#">联想</a></li><li><a href="#">ThinkPad</a></li><li><a href="#">华硕</a></li><li><a href="#">纽曼</a></li><li><a href="#">金士顿</a></li><li><a href="#">得力</a></li><li><a href="#">易达</a></li><li><a href="#">惠普</a></li><li><a href="#">智高</a></li></dd></dl> </div> </div></li>
                    <li class="cat_item"><h4 class="cat_tit"><a href="#" class="cat_tit_link">家居汽饰、箱包运动</a><span class="s_arrow">></span></h4><div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">床上用品</a></dt>
                    <dd><ul><li class="first"><a href="#">床品套件</a></li>
                    <li><a href="#">冬被</a></li>
                    <li><a href="#">春秋被</a></li>
                    <li><a href="#">夏凉被</a></li>
                    <li><a href="#">床品单件</a></li>
                    <li><a href="#">毯子/毛巾毯</a></li>
                    <li><a href="#">枕头/枕芯</a></li>
                    <li><a href="#">靠垫/坐垫</a></li>
                    <li><a href="#">凉席/凉枕</a></li>
                    <li><a href="#">蚊帐</a></li>
                    <li><a href="#">LOVO生活馆</a></li>
                    <li><a href="#">床垫</a></li>
                    <li><a href="#">电热毯/电热垫</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">运动保健</a></dt>
                    <dd><ul><li class="first"><a href="#">足浴盆及配件</a></li>
                    <li><a href="#">按摩器件</a></li>
                    <li><a href="#">体温/血压计</a></li>
                    <li><a href="#">人体秤</a></li>
                    <li><a href="#">拍类及配件</a></li>
                    <li><a href="#">高尔夫</a></li>
                    <li><a href="#">健身车/自行车</a></li>
                    <li><a href="#">跑步机/踏步机</a></li>
                    <li><a href="#">溜冰鞋/滑板及配件</a></li>
                    <li><a href="#">球类及配件</a></li>
                    <li><a href="#">健身配件</a></li>
                    <li><a href="#">水上用具</a></li>
                    <li><a href="#">防护配件</a></li>
                    <li><a href="#">烧烤用品</a></li>
                    <li><a href="#">户外野营用品</a></li>
                    <li><a href="#">平安健康通卡</a></li>
                    <li><a href="#">其他健身器材</a></li>
                    <li><a href="#">磁力保健品</a></li>
                    <li><a href="#">运动服装</a></li>
                    <li><a href="#">渔具</a></li>
                    <li><a href="#">飞镖</a></li>
                    <li><a href="#">其它运动用品</a></li>
                    <li><a href="#">瑜伽用品</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">家纺日用品</a></dt>
                    <dd><ul><li class="first"><a href="#">毛巾</a></li>
                    <li><a href="#">拖鞋</a></li>
                    <li><a href="#">毛巾礼盒</a></li>
                    <li><a href="#">浴衣</a></li>
                    <li><a href="#">浴巾</a></li>
                    <li><a href="#">台布</a></li>
                    <li><a href="#">围裙/手套</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">生活日用品</a></dt>
                    <dd><ul><li class="first"><a href="#">雨具/雨衣</a></li>
                    <li><a href="#">粘钩及挂钩</a></li>
                    <li><a href="#">热水袋</a></li>
                    <li><a href="#">炭净化</a></li>
                    <li><a href="#">墙面装饰</a></li>
                    <li><a href="#">灭蚊灯/拍</a></li>
                    <li><a href="#">暖宝宝</a></li>
                    <li><a href="#">其他生活日用品</a></li>
                    <li><a href="#">蜡烛</a></li>
                    <li><a href="#">相册</a></li>
                    <li><a href="#">窗帘</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">家具/灯具</a></dt>
                    <dd><ul><li class="first"><a href="#">空间大师生活馆</a></li>
                    <li><a href="#">桌椅</a></li>
                    <li><a href="#">鞋架/鞋柜</a></li>
                    <li><a href="#">衣橱/衣柜</a></li>
                    <li><a href="#">电脑桌</a></li>
                    <li><a href="#">儿童家具</a></li>
                    <li><a href="#">创意吧</a></li>
                    <li><a href="#">层架/层柜</a></li>
                    <li><a href="#">照明灯具</a></li>
                    <li><a href="#">地毯/地垫/挂毯</a></li>
                    <li><a href="#">床垫</a></li>
                    <li><a href="#">沙发</a></li>
                    <li><a href="#">床</a></li>
                    <li><a href="#">组合家具</a></li>
                    <li><a href="#">好事达生活馆</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">进入该频道</a></dt>
                    <dd></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">小绵羊</a></li><li><a href="#">天堂伞</a></li><li><a href="#">空间大师</a></li><li><a href="#">大豪赛鲸</a></li><li><a href="#">外交官</a></li><li><a href="#">格雷特</a></li><li><a href="#">七匹狼</a></li><li><a href="#">瑞士军刀威戈Wenger</a></li><li><a href="#">红海棠</a></li><li><a href="#">洁丽雅</a></li><li><a href="#">华润家纺</a></li><li><a href="#">御灵珠宝</a></li><li><a href="#">安美驰</a></li></dd></dl><dl><dt>促销专题</dt><dd><ul><li><a href="#">床品套件99元起</a></li><li><a href="#">华润家纺买赠特促</a></li><li><a href="#">御灵珠宝登入EGO</a></li><li><a href="#">婚庆开始了</a></li></dd></dl> </div> </div></li>
                    <li class="cat_item"><h4 class="cat_tit"><a href="#" class="cat_tit_link">玩具、图书音像</a><span class="s_arrow">></span></h4><div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">毛绒玩具</a></dt>
                    <dd><ul><li class="first"><a href="#">毛绒玩偶</a></li>
                    <li><a href="#">靠垫/抱枕</a></li>
                    <li><a href="#">毛绒拖鞋</a></li>
                    <li><a href="#">空调被</a></li>
                    <li><a href="#">挂件吊饰</a></li>
                    <li><a href="#">毛绒收纳</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">婴幼玩具</a></dt>
                    <dd><ul><li class="first"><a href="#">早教益智</a></li>
                    <li><a href="#">感官协调</a></li>
                    <li><a href="#">健身玩具</a></li>
                    <li><a href="#">声音玩具</a></li>
                    <li><a href="#">推拉玩具</a></li>
                    <li><a href="#">摇铃/床铃</a></li>
                    <li><a href="#">婴儿泳池</a></li>
                    <li><a href="#">游戏垫/游戏毯</a></li>
                    <li><a href="#">学步玩具</a></li>
                    <li><a href="#">洗澡玩具</a></li>
                    <li><a href="#">牙胶</a></li>
                    <li><a href="#">秋千/摇椅</a></li>
                    <li><a href="#">婴儿纪念品</a></li>
                    <li><a href="#">布书/布玩</a></li>
                    <li><a href="#">音乐玩具</a></li>
                    <li><a href="#">角色扮演</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">图书</a></dt>
                    <dd><ul><li class="first"><a href="#">幼儿启蒙</a></li>
                    <li><a href="#">儿童文学</a></li>
                    <li><a href="#">手工游戏</a></li>
                    <li><a href="#">科普/百科</a></li>
                    <li><a href="#">儿童绘本</a></li>
                    <li><a href="#">家庭教育</a></li>
                    <li><a href="#">智力开发</a></li>
                    <li><a href="#">传统文化</a></li>
                    <li><a href="#">才艺课堂</a></li>
                    <li><a href="#">入园准备</a></li>
                    <li><a href="#">入学教育</a></li>
                    <li><a href="#">立体图书</a></li>
                    <li><a href="#">玩具书</a></li>
                    <li><a href="#">卡通动漫</a></li>
                    <li><a href="#">孕产育儿</a></li>
                    <li><a href="#">文教</a></l
                    </ul></dd></dl><dl class="cf"><dt><a href="#">音像教育</a></dt>
                    <dd><ul><li class="first"><a href="#">英语学习</a></li>
                    <li><a href="#">幼儿与学前启蒙</a></li>
                    <li><a href="#">卡通动画</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">积木/拼插玩具</a></dt>
                    <dd><ul><li class="first"><a href="#">拼插积木</a></li>
                    <li><a href="#">磁力棒</a></li>
                    <li><a href="#">拼图</a></li>
                    <li><a href="#">堆叠积木</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">运动户外</a></dt>
                    <dd><ul><li class="first"><a href="#">体育玩具</a></li>
                    <li><a href="#">充气玩具</a></li>
                    <li><a href="#">游泳及沙滩玩具</a></li>
                    <li><a href="#">户外玩具</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">娃娃玩具</a></dt>
                    <dd><ul><li class="first"><a href="#">芭比娃娃</a></li>
                    <li><a href="#">迪士尼公主</a></li>
                    <li><a href="#">新奇娃娃</a></li>
                    <li><a href="#">娃娃配件</a></li>
                    <li><a href="#">民族娃娃</a></li>
                    <li><a href="#">情侣娃娃</a></li>
                    <li><a href="#">音乐娃娃</a></li>
                    <li><a href="#">语音智能娃娃</a></li>
                    <li><a href="#">小菠莉</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">进入该频道</a></dt>
                    <dd></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">皇室</a></li><li><a href="#">费雪</a></li><li><a href="#">乐高</a></li><li><a href="#">芭比</a></li><li><a href="#">孩之宝</a></li><li><a href="#">伊诗比蒂</a></li><li><a href="#">LALABABY</a></li><li><a href="#">蒲蒲兰绘本馆</a></li><li><a href="#">洪恩</a></li><li><a href="#">小企鹅</a></li><li><a href="#">乐乐趣</a></li><li><a href="#">毛毛仔</a></li></dd></dl><dl><dt>促销专题</dt><dd><ul><li><a href="#">300款玩具1折起售</a></li><li><a href="#">三大品牌遥控玩具特卖</a></li><li><a href="#">乐高超低价</a></li><li><a href="#">费雪 乐高 皇室联合让</a></li></dd></dl> </div> </div></li>
                    <li class="cat_item"><h4 class="cat_tit"><a href="#" class="cat_tit_link">服装鞋帽</a><span class="s_arrow">></span></h4><div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">女装.</a></dt>
                    <dd><ul><li class="first"><a href="#">女装T恤</a></li>
                    <li><a href="#">女装Polo衫</a></li>
                    <li><a href="#">女装针织衫/毛衫</a></li>
                    <li><a href="#">女装衬衫</a></li>
                    <li><a href="#">女装运动服装</a></li>
                    <li><a href="#">女装卫衣</a></li>
                    <li><a href="#">女装裙子</a></li>
                    <li><a href="#">女装长裤</a></li>
                    <li><a href="#">女装外套</a></li>
                    <li><a href="#">情侣装</a></li>
                    <li><a href="#">女装雪纺衫</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">男装.</a></dt>
                    <dd><ul><li class="first"><a href="#">男装T恤</a></li>
                    <li><a href="#">男装Polo衫</a></li>
                    <li><a href="#">男装针织衫/毛衫</a></li>
                    <li><a href="#">男装衬衫</a></li>
                    <li><a href="#">男装运动服装</a></li>
                    <li><a href="#">男装短裤</a></li>
                    <li><a href="#">男装长裤 </a></li>
                    <li><a href="#">男装外套</a></li>
                    <li><a href="#">男装西服</a></li>
                    <li><a href="#">男装卫衣</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">童装</a></dt>
                    <dd><ul><li class="first"><a href="#">男童</a></li>
                    <li><a href="#">女童</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">鞋靴</a></dt>
                    <dd><ul><li class="first"><a href="#">童鞋</a></li>
                    <li><a href="#">男鞋</a></li>
                    <li><a href="#">女鞋</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">个人配件</a></dt>
                    <dd><ul><li class="first"><a href="#">鞋子配件</a></li>
                    <li><a href="#">女式配件</a></li>
                    <li><a href="#">儿童配件</a></li>
                    <li><a href="#">男式配件</a></li>
                    <li><a href="#">运动配件</a></li>
                    </ul></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">李宁</a></li><li><a href="#">佐丹奴</a></li><li><a href="#">nike 360</a></li><li><a href="#">CARTELO卡帝乐</a></li><li><a href="#">乐途</a></li><li><a href="#">唐狮</a></li><li><a href="#">PARGO佩戈</a></li><li><a href="#">OLOMO欧莱诺</a></li><li><a href="#">保罗威特</a></li><li><a href="#">Tomnrabbit</a></li><li><a href="#">JAMESKING</a></li></dd></dl><dl><dt>促销专题</dt><dd><ul><li><a href="#">李宁疯狂满送第二波</a></li><li><a href="#">卡帝乐清仓 2折起</a></li><li><a href="#">牛仔裤热卖 69元起</a></li><li><a href="#">佐丹奴旗舰店</a></li></dd></dl> </div> </div></li>
                    <li class="cat_item"><h4 class="cat_tit"><a href="#" class="cat_tit_link">营养保健、健康器械</a><span class="s_arrow">></span></h4><div class="cat_cont"><div class="cat_cont_lft">
                    <dl class="cf"><dt><a href="#">增强免疫/ 抗疲劳</a></dt>
                    <dd><ul><li class="first"><a href="#">氨基酸</a></li>
                    <li><a href="#">保健酒</a></li>
                    <li><a href="#">大蒜油</a></li>
                    <li><a href="#">鸡精</a></li>
                    <li><a href="#">螺旋藻</a></li>
                    <li><a href="#">乳清蛋白质粉</a></li>
                    <li><a href="#">鲨鱼肝油</a></li>
                    <li><a href="#">保健茶</a></li>
                    <li><a href="#">角鲨烯</a></li>
                    <li><a href="#">牛初乳/蛋白质粉</a></li>
                    <li><a href="#">肽合物</a></li>
                    <li><a href="#">西洋参/花旗参</a></li>
                    <li><a href="#">综合营养素Y</a></li>
                    <li><a href="#">西洋参</a></li>
                    <li><a href="#">花旗参</a></li>
                    <li><a href="#">增强免疫</a></li>
                    <li><a href="#">蛋白质粉</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">维生素/矿物质</a></dt>
                    <dd><ul><li class="first"><a href="#">钙质剂</a></li>
                    <li><a href="#">B族维生素</a></li>
                    <li><a href="#">维生素A/D</a></li>
                    <li><a href="#">维生素E/C</a></li>
                    <li><a href="#">叶酸片</a></li>
                    <li><a href="#">孕妇维生素</a></li>
                    <li><a href="#">多种维生素</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">美容养颜</a></dt>
                    <dd><ul><li class="first"><a href="#">草本茶</a></li>
                    <li><a href="#">馥莓饮</a></li>
                    <li><a href="#">燕窝</a></li>
                    <li><a href="#">珍珠粉</a></li>
                    <li><a href="#">胶原蛋白</a></li>
                    <li><a href="#">补血补气</a></li>
                    <li><a href="#">胎盘素</a></li>
                    <li><a href="#">延缓衰老</a></li>
                    <li><a href="#">美容养颜类1</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">减肥瘦身</a></dt>
                    <dd><ul><li class="first"><a href="#">减肥茶</a></li>
                    <li><a href="#">苹果醋/酸</a></li>
                    <li><a href="#">代餐食品</a></li>
                    <li><a href="#">修身咖啡</a></li>
                    <li><a href="#">左旋肉碱</a></li>
                    <li><a href="#">藤黄果</a></li>
                    <li><a href="#">燃脂素/纤体</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">健康器械</a></dt>
                    <dd><ul><li class="first"><a href="#">按摩鞋类</a></li>
                    <li><a href="#">健康枕</a></li>
                    <li><a href="#">辅助治疗仪器类</a></li>
                    <li><a href="#">护具</a></li>
                    <li><a href="#">体温计/计步器/脂肪、口气、酒精测试仪</a></li>
                    <li><a href="#">其它健康器械类</a></li>
                    <li><a href="#">牵引器</a></li>
                    <li><a href="#">足浴器</a></li>
                    <li><a href="#">血糖仪/试纸</a></li>
                    <li><a href="#">制氧器材类</a></li>
                    <li><a href="#">拔罐器类</a></li>
                    <li><a href="#">急救包(健)</a></li>
                    <li><a href="#">按摩器</a></li>
                    <li><a href="#">拔罐器/刮痧板</a></li>
                    <li><a href="#">保健理疗</a></li>
                    <li><a href="#">测量仪器</a></li>
                    <li><a href="#">膏贴喷剂</a></li>
                    <li><a href="#">急救包Y</a></li>
                    <li><a href="#">家庭常备</a></li>
                    <li><a href="#">冷/热敷器具</a></li>
                    <li><a href="#">血压计Y</a></li>
                    <li><a href="#">制氧器材Y</a></li>
                    </ul></dd></dl><dl class="cf"><dt><a href="#">进入该频道</a></dt>
                    <dd></dd></dl></div><div class="cat_cont_rgt"><dl><dt>推荐品牌</dt><dd><ul><li><a href="#">绿A</a></li><li><a href="#">喜瑞</a></li><li><a href="#">白兰氏</a></li><li><a href="#">养生堂</a></li><li><a href="#">奈氏力斯</a></li><li><a href="#">善存</a></li><li><a href="#">碧生源</a></li><li><a href="#">欧姆龙</a></li><li><a href="#">昂立</a></li><li><a href="#">恒寿堂</a></li><li><a href="#">lumi</a></li><li><a href="#">膳通</a></li><li><a href="#">修身堂</a></li></dd></dl><dl><dt>促销专题</dt><dd><ul><li><a href="#">保健品0利润抢购第二</a></li><li><a href="#">保健品滋补人气排行</a></li><li><a href="#">情趣用品系列</a></li><li><a href="#">雅姿饼干买3送1</a></li></dd></dl> </div> </div></li>
                    </ul>
                    <!--<div class="all_cats"><a href="#" class="more">全部商品分类</a></div>-->
                    </div>
                </div>
            </div>
        </div><!--mmenu end-->
    
    </div><!--s_hdw end-->
    
    <div id="s_bdw">
        <div id="s_bd">
            <div class="cf">
                <div id="i_col_lft" class="i_col_lft">
                    <div class="categories"></div>
                </div>
                <div id="i_col_rgt" class="i_col_rgt">
                    <div class="i_col_rgt_box">
                    
                        <div class="i_slides" id="slideshow">
                            <div class="i"><a href="#"><img src="images/slide-1.jpg" /></a></div>
                            <div class="i"><a href="#"><img src="images/slide-2.jpg" /></a></div>
                            <div class="i"><a href="#"><img src="images/slide-3.jpg" /></a></div>
                            <div class="i"><a href="#"><img src="images/slide-4.jpg" /></a></div>
                            <div class="i"><a href="#"><img src="images/slide-5.jpg" /></a></div>
                        </div>
                        
                        <div class="pbt10"></div>
                        
                        <div class="lft">
                            <div class="hotp">
                                <div class="lft_icon"><a href="#"><span>pre</span></a></div>
                                <div class="hot_list">
                                    <ul>
                                        <li><a href="#"><img src="images/f1.jpg" /></a></li>
                                        <li><a href="#"><img src="images/f2.jpg" /></a></li>
                                        <li><a href="#"><img src="images/f3.jpg" /></a></li>
                                        <li><a href="#"><img src="images/f4.jpg" /></a></li>
                                        <li><a href="#"><img src="images/f5.jpg" /></a></li>
                                        <li><a href="#"><img src="images/f6.jpg" /></a></li>
                                        <li><a href="#"><img src="images/f7.jpg" /></a></li>
                                        <li><a href="#"><img src="images/f8.jpg" /></a></li>
                                    </ul>
                                </div>
                                <div class="rgt_icon"><a href="#"><span>Nexr</span></a></div>
                            </div>
                        </div>
                        
                        <div class="rgt">
                            <div class="rgt-box">
                                <div class="loginbox">
                                    <div class="login_icon cf">
                                        <ul>
                                            <li><a href="#">免费注册</a></li>
                                            <li><a href="#">用户登录</a></li>
                                        </ul>
                                    </div>
                                    
                                    <div class="announce_top cf"><h3>关注EGO商城<span><a href="#">更多</a></span></h3></div>
                                
                                    <div class="announce_cont">
                                        <ul>
                                            <li><a href="#">EGO商城迎国庆促销活动28号开始</a></li>
                                            <li><a href="#">迎中秋,上品轩专卖店开业</a></li>
                                            <li><a href="#">贺EGO商城全南店盛大开业</a></li>
                                            <li><a href="#">凡注册为EGO商城网上商城的会员</a></li>
                                        </ul>
                                    </div>
                                </div>
                            </div>
                        </div>
                        
                    </div>
                    
                </div>
                
            </div>
            
            <div class="cf">
                <div class="i_col_lft">
                    <div class="i_lads">
                        <ul>
                            <li><a href="#"><img src="images/lad1.jpg" /></a></li>
                            <li><a href="#"><img src="images/lad2.jpg" /></a></li>
                            <li><a href="#"><img src="images/lad3.jpg" /></a></li>
                        </ul>
                    </div>
                </div>
                
                <div class="i_col_rgt">
                    <div class="i_col_rgt_box1">
                        <div class="lft">
                            <div class="i_qg">
                                <dl id="slide-qg">
                                    <dt class="cf">
                                        <a href="javascript:void(0);">限时抢购</a>
                                        <a href="javascript:void(0);">品牌精选</a>
                                        <a href="javascript:void(0);">热卖推荐</a>
                                        <a href="javascript:void(0);" class="last">新品上市</a>
                                    </dt>
                                    <dd>
                                        <div class="cat_list_box slide_cont">
                                            <ul>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg1-1.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">伊宝爬行垫大号 伊宝动物乐园便携爬行</a></div>
                                                        <div class="sprice">特价:<span>¥69</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg1-2.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">清风纤巧装2层100抽面纸*5包</a></div>
                                                        <div class="sprice">特价:<span>¥9.5</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg1-3.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">TCL滚筒洗衣机 XQG60-601AS</a></div>
                                                        <div class="sprice">特价:<span>¥1598<span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg1-4.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">云南蒙自纸皮薄皮石榴 皮薄果肉细嫰</a></div>
                                                        <div class="sprice">特价:<span>¥65<span></div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </dd>
                                    <dd>
                                        <div class="cat_list_box slide_cont">
                                            <ul>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg2-1.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">乐扣乐扣 树叶百纳箱(55L)LLB51</a></div>
                                                        <div class="sprice">特价:<span>¥59</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg2-2.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">昂立多邦礼罐特惠组合特价125元(8包)</a></div>
                                                        <div class="sprice">特价:<span>¥125</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg2-3.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">贝亲 滋润型润肤霜35g</a></div>
                                                        <div class="sprice">特价:<span>¥18.9<span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg2-4.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">好奇干爽舒适纸尿裤S小号 14片/包 赠品变动</a></div>
                                                        <div class="sprice">特价:<span>¥12.8<span></div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </dd>
                                    <dd>
                                        <div class="cat_list_box slide_cont">
                                            <ul>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg3-1.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">休闲饼干DIY 10.8元选3件</a></div>
                                                        <div class="sprice">特价:<span>¥3.6</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg3-2.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">L'OREAL欧莱雅清润全日保湿水精华凝露 </a></div>
                                                        <div class="sprice">特价:<span>¥90</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg3-3.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">5830升级版跌破2000,还不来抢!</a></div>
                                                        <div class="sprice">特价:<span>¥1998<span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg3-4.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">智多熊 早教益智玩具v15</a></div>
                                                        <div class="sprice">特价:<span>¥99<span></div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </dd>
                                    <dd>
                                        <div class="cat_list_box slide_cont">
                                            <ul>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg4-1.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">【满200减60】 Lansiwear 浪氏威尔</a></div>
                                                        <div class="sprice">特价:<span>¥189</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg4-2.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">李宁全场3折起,满199送T恤</a></div>
                                                        <div class="sprice">特价:<span>¥129</span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg4-3.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">闽龙达 嫩香菇200g</a></div>
                                                        <div class="sprice">特价:<span>¥56.5<span></div>
                                                    </div>
                                                </li>
                                                <li>
                                                    <div class="cat_pd">
                                                        <div class="pic"><a href="#"><img src="images/qg4-4.jpg" border="0" /></a></div>
                                                        <div class="ptitle"><a href="#">鲜得味天然泉水金枪鱼180g/罐(泰国)</a></div>
                                                        <div class="sprice">特价:<span>¥14.5<span></div>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </dd>
                                </dl>
                            </div>
                        </div>
                    </div>
                    
                    <div class="rgt">
                        <div class="rgt-box">
                            <div class="i_tg">
                                <div class="i_tg_top cf"><h3>团购<span><a href="#">更多</a></span></h3></div>
                                <div class="i_tg_cont">
                                    <h4><a href="#">【包邮】仅售308元!原价688元的阳澄湖大闸蟹8只装</a></h4>
                                    <div class="i_tg_pic">
                                        <div class="price">
                                            <div class="sprice">¥<span>308</span></div>
                                            <div class="lprice">¥<span>688</span></div>
                                        </div>
                                        <div class="pic"><a href="#"><img src="images/tg1.jpg" border="0" /></a></div>
                                    </div>
                                    <div class="i_tg_buynums">已有<span>102</span>个人购买</div>
                                </div>
                            </div>
                        </div>
                    </div>
                    
                </div>
            </div>
            
            <div class="banner2 ptt10 cf"><a href="#"><img src="images/banner1.jpg" border="0" /></a></div>
        
            <div id="channel_0" class="i_channels cf">
                <div class="i_channels_tit">
                    <div class="i_channels_cat_title"><h3 class="cf1">食品饮料</h3></div>
                    <div class="i_channels_brand">
                        <ul>
                            <li class="first"><a href="#">康师傅</a></li>
                            <li><a href="#">福临门</a></li>
                            <li><a href="#">天喔</a></li>
                            <li><a href="#">洽洽</a></li>
                            <li><a href="#">卡夫</a></li>
                            <li><a href="#">可口可乐</a></li>
                            <li><a href="#">张裕</a></li>
                            <li><a href="#">乐事</a></li>
                            <li><a href="#">格力高</a></li>
                            <li><a href="#">金龙鱼</a></li>
                            <li><a href="#">更多</a></li>
                        </ul>
                    </div>
                </div>
                
                <div class="i_channels_cont">
                    <div class="channel_lft">
                        <div class="big_ad_box"><a href="#"><img src="images/cat_ad1.jpg" border="0" /></a></div>
                    </div>
                    
                    <div class="channel_mid">
                        <div class="cat_list_box">
                            <ul>
                                <li>
                                    <div class="cat_pd">
                                        <div class="pic"><a href="#"><img src="images/pd_1_1.jpg" border="0" /></a></div>
                                        <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                                        <div class="list_price">¥11.9</div>
                                        <div class="price">¥9.9</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cat_pd">
                                        <div class="pic"><a href="#"><img src="images/pd_1_2.jpg" border="0" /></a></div>
                                        <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                                        <div class="list_price">¥30</div>
                                        <div class="price">¥20.8</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cat_pd">
                                        <div class="pic"><a href="#"><img src="images/pd_1_3.jpg" border="0" /></a></div>
                                        <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                                        <div class="list_price">¥26.5</div>
                                        <div class="price">¥20.4</div>
                                    </div>
                                </li>
                                <li>
                                    <div class="cat_pd">
                                        <div class="pic"><a href="#"><img src="images/pd_1_4.jpg" border="0" /></a></div>
                                        <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                                        <div class="list_price">¥14.5</div>
                                        <div class="price">¥12.5</div>
                                    </div>
                                </li>
                            </ul>
                        </div>
                    </div>
                
                    <div class="channel_rgt">
                        <div class="small_ad_box">
                            <ul>
                                <li><a href="#"><img src="images/cat_s_ad1.jpg" border="0" /></a></li>
                                <li><a href="#"><img src="images/cat_s_ad2.jpg" border="0" /></a></li>
                                <li><a href="#"><img src="images/cat_s_ad3.jpg" border="0" /></a></li>
                            </ul>
                        </div>
                    </div>
                    
                </div>
                
            </div>
        
            <div id="channel_1" class="i_channels cf">
                <div class="i_channels_tit">
                <div class="i_channels_cat_title"><h3 class="cf2">美容护理</h3></div>
                <div class="i_channels_brand">
                    <ul>
                        <li class="first"><a href="#">欧莱雅</a></li>
                        <li><a href="#">护舒宝</a></li>
                        <li><a href="#">Hada</a></li>
                        <li><a href="#">Labo肌研</a></li>
                        <li><a href="#">玉兰油</a></li>
                        <li><a href="#">相宜本草</a></li>
                        <li><a href="#">曼秀雷敦</a></li>
                        <li><a href="#">资生堂</a></li>
                        <li><a href="#">苏菲</a></li>
                        <li><a href="#">佳洁士</a></li>
                        <li><a href="#">潘婷</a></li>
                        <li><a href="#">更多</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="i_channels_cont">
                <div class="channel_lft">
                    <div class="big_ad_box"><a href="#"><img src="images/cat_ad2.jpg" border="0" /></a></div>
                </div>
                <div class="channel_mid">
                    <div class="cat_list_box">
                        <ul>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat2-1.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">膜法世家1908 樱桃(车厘子)睡眠面膜100g</a></div>
                                    <div class="list_price">¥186</div>
                                    <div class="price">¥116</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat2-2.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">凌仕魅动男士香氛-契合</a></div>
                                    <div class="list_price">¥59</div>
                                    <div class="price">¥52.9</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat2-3.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">多芬日常损伤理护洗发乳400ml+润发精华素</a></div>
                                    <div class="list_price">¥65</div>
                                    <div class="price">¥55</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat2-4.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">德国爱姬玛琳经典香水沐浴露(100%原装进</a></div>
                                    <div class="list_price">¥58</div>
                                    <div class="price">¥38.6</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="channel_rgt">
                    <div class="small_ad_box">
                        <ul>
                            <li><a href="#"><img src="images/cat_s_2-1.jpg" width="208" height="63" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_2-2.jpg" width="208" height="63" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_ad_2_3.jpg" width="203" height="98" border="0" /></a></li>
                        </ul>
                    </div>
                </div>
                
            </div>
            
        </div>
        
        <div id="channel_2" class="i_channels cf">
            <div class="i_channels_tit">
                <div class="i_channels_cat_title"><h3 class="cf3">母婴</h3></div>
                <div class="i_channels_brand">
                    <ul>
                        <li class="first"><a href="#">康师傅</a></li>
                        <li><a href="#">福临门</a></li>
                        <li><a href="#">天喔</a></li>
                        <li><a href="#">洽洽</a></li>
                        <li><a href="#">卡夫</a></li>
                        <li><a href="#">可口可乐</a></li>
                        <li><a href="#">张裕</a></li>
                        <li><a href="#">乐事</a></li>
                        <li><a href="#">格力高</a></li>
                        <li><a href="#">金龙鱼</a></li>
                        <li><a href="#">更多</a></li>
                    </ul>
                </div>
            </div>
        
            <div class="i_channels_cont">
                <div class="channel_lft">
                    <div class="big_ad_box"><a href="#"><img src="images/cat_ad3.jpg" border="0" /></a></div>
                </div>
                
                <div class="channel_mid">
                    <div class="cat_list_box">
                        <ul>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat3-1.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                                    <div class="list_price">¥11.9</div>
                                    <div class="price">¥9.9</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat3-2.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                                    <div class="list_price">¥30</div>
                                    <div class="price">¥20.8</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat3-3.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                                    <div class="list_price">¥26.5</div>
                                    <div class="price">¥20.4</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat3-4.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                                    <div class="list_price">¥14.5</div>
                                    <div class="price">¥12.5</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="channel_rgt">
                    <div class="small_ad_box">
                        <ul>
                            <li><a href="#"><img src="images/cat_s_ad3-1.jpg" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_ad3-2.jpg" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_ad3-3.jpg" border="0" /></a></li>
                        </ul>
                    </div>
                </div>
            
            </div>
        </div>
        
        <div id="channel_3" class="i_channels cf">
            <div class="i_channels_tit">
                <div class="i_channels_cat_title"><h3 class="cf4">厨卫清洁</h3></div>
                <div class="i_channels_brand">
                    <ul>
                        <li class="first"><a href="#">康师傅</a></li>
                        <li><a href="#">福临门</a></li>
                        <li><a href="#">天喔</a></li>
                        <li><a href="#">洽洽</a></li>
                        <li><a href="#">卡夫</a></li>
                        <li><a href="#">可口可乐</a></li>
                        <li><a href="#">张裕</a></li>
                        <li><a href="#">乐事</a></li>
                        <li><a href="#">格力高</a></li>
                        <li><a href="#">金龙鱼</a></li>
                        <li><a href="#">更多</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="i_channels_cont">
                <div class="channel_lft">
                    <div class="big_ad_box"><a href="#"><img src="images/cat_ad4.jpg" border="0" /></a></div>
                </div>
                
                <div class="channel_mid">
                    <div class="cat_list_box">
                        <ul>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat4-1.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                                    <div class="list_price">¥11.9</div>
                                    <div class="price">¥9.9</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat4-2.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                                    <div class="list_price">¥30</div>
                                    <div class="price">¥20.8</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat4-3.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                                    <div class="list_price">¥26.5</div>
                                    <div class="price">¥20.4</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/cat4-4.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                                    <div class="list_price">¥14.5</div>
                                    <div class="price">¥12.5</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                
                <div class="channel_rgt">
                    <div class="small_ad_box">
                        <ul>
                            <li><a href="#"><img src="images/cat_s_ad4-1.jpg" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_ad4-2.jpg" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_ad4-3.jpg" border="0" /></a></li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
        
        <div id="channel_4" class="i_channels cf">
            <div class="i_channels_tit">
                <div class="i_channels_cat_title"><h3 class="cf5">家居</h3></div>
                <div class="i_channels_brand">
                    <ul>
                        <li class="first"><a href="#">康师傅</a></li>
                        <li><a href="#">福临门</a></li>
                        <li><a href="#">天喔</a></li>
                        <li><a href="#">洽洽</a></li>
                        <li><a href="#">卡夫</a></li>
                        <li><a href="#">可口可乐</a></li>
                        <li><a href="#">张裕</a></li>
                        <li><a href="#">乐事</a></li>
                        <li><a href="#">格力高</a></li>
                        <li><a href="#">金龙鱼</a></li>
                        <li><a href="#">更多</a></li>
                    </ul>
                </div>
            </div>
            
            <div class="i_channels_cont">
                <div class="channel_lft">
                    <div class="big_ad_box"><a href="#"><img src="images/cat_ad5.jpg" border="0" /></a></div>
                </div>
                
                <div class="channel_mid">
                    <div class="cat_list_box">
                        <ul>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/pd_1_1.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                                    <div class="list_price">¥11.9</div>
                                    <div class="price">¥9.9</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/pd_1_2.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                                    <div class="list_price">¥30</div>
                                    <div class="price">¥20.8</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/pd_1_3.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                                    <div class="list_price">¥26.5</div>
                                    <div class="price">¥20.4</div>
                                </div>
                            </li>
                            <li>
                                <div class="cat_pd">
                                    <div class="pic"><a href="#"><img src="images/pd_1_4.jpg" border="0" /></a></div>
                                    <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                                    <div class="list_price">¥14.5</div>
                                    <div class="price">¥12.5</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>


                <div class="channel_rgt">
                    <div class="small_ad_box">
                        <ul>
                            <li><a href="#"><img src="images/cat_s_ad5-1.jpg" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_ad5-2.jpg" border="0" /></a></li>
                            <li><a href="#"><img src="images/cat_s_ad5-3.jpg" border="0" /></a></li>
                        </ul>
                    </div>
                </div>
                
            </div>
        </div>
        
        </div>
    </div><!--s_bdw end-->    
    
    <div id="s_ftw">
    
        <div class="ft_quicklinks">
            <div class="ftql cf">
                <ul>
                    <li class="ftql_s">
                        <h3>购物指南</h3>
                        <ul>
                            <li><a href="">怎样购物</a></li>
                            <li><a href="">会员制</a></li>
                            <li><a href="">积分制度</a></li>
                            <li><a href="">优惠券介绍</a></li>
                            <li><a href="">订单状态说明</a></li>
                        </ul>
                    </li>
                    <li class="ftql_s">
                        <h3>服务条款</h3>
                        <ul>
                            <li><a href="">售后条款</a></li>
                            <li><a href="">退换货说明</a></li>
                            <li><a href="">联系客服</a></li>
                        </ul>
                    </li>
                    <li class="ftql_s">
                        <h3>配送方式</h3>
                        <ul>
                            <li><a href="">上门自提</a></li>
                            <li><a href="">快递运输</a></li>
                            <li><a href="">特快专递(EMS)</a></li>
                            <li><a href="">如何送礼</a></li>
                        </ul>
                    </li>
                    <li class="ftql_s">
                        <h3>支付帮助</h3>
                        <ul>
                            <li><a href="">货到付款</a></li>
                            <li><a href="">在线支付</a></li>
                            <li><a href="">邮政汇款</a></li>
                            <li><a href="">银行转账</a></li>
                            <li><a href="">发票说明</a></li>
                        </ul>
                    </li>
                    <li class="ftql_s">
                        <h3>关于EGO商城</h3>
                        <ul>
                            <li><a href="">EGO商城介绍</a></li>
                            <li><a href="">团队</a></li>
                            <li><a href="">媒体报道</a></li>
                            <li><a href="">招纳贤士</a></li>
                            <li><a href="">公告</a></li>
                        </ul>
                    </li>
                    <li class="ftql_s">
                        <div class="ftql_d">
                            <div class="str">客服中心信箱:</div>
                            <div class="val"><a href="mailto:service@shunkelong.com">yjxxt@yjxxt.com</a></div>
                        </div>
                        <div class="ftql_d">
                            <div class="str">客服中心热线:</div>
                            <div class="val stel">400-009-1906</div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    
        <div id="s_ft">
            <div class="ft_suggest pt100">请帮助我们提高!<a href="#">商城首页意见反馈</a></div>
            <div class="ft_banners1 tac pbt10">
                <ul>
                    <li><a href="#"><img src="images/ft_1.gif" border="0" /></a></li>
                    <li><a href="#"><img src="images/ft_2.gif" border="0" /></a></li>
                    <li><a href="#"><img src="images/ft_3.gif" border="0" /></a></li>
                </ul>
            </div>
            <div class="copyright tac pbt10">版权所有 Copyright&copy; EGO商城 All Rights Reserved 版权所有 </div>
            <div class="ft_banners2 tac">
                <ul>
                    <li><a href="#"><img src="images/u255.png" border="0" /></a></li>
                    <li><a href="#"><img src="images/u257.png" border="0" /></a></li>
                    <li><a href="#"><img src="images/u259.png" border="0" /></a></li>
                    <li><a href="#"><img src="images/u261.png" border="0" /></a></li>
                </ul>
            </div>
        </div>
        
    </div><!--s_ftw end-->


</div>
</body>
</html>

更改后缀名为.ftl,在index.ftl的顶部设置变量为ctx,其为:

<!-- 设置项目根路径全局变量 -->
<#assign ctx=request.contextPath/>

然后我们设置一个头文件(这样看着好看些)

<!-- 设置项目根路径全局变量 -->
<#assign ctx=request.contextPath/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>EGO商城</title>
<link href="${ctx}/css/main.css" rel="stylesheet" type="text/css" />
<!--[if IE 6]>
    <link href="${ctx}/css/main.ie6.css" rel="stylesheet" type="text/css" />
    <![endif]-->
<!--[if IE 7]>
    <link href="${ctx}/css/main.ie7.css" rel="stylesheet" type="text/css" />
    <![endif]-->
<script type="text/javascript" src="${ctx}/js/jquery-1.8.2.min.js"></script>
<script type="text/javascript" src="${ctx}/js/jquery-imgslideshow.js"></script>
<script type="text/javascript" src="${ctx}/js/ks-switch.js"></script>
<script type="text/javascript" src="${ctx}/js/lib.js"></script>
<script type="text/javascript" src="${ctx}/js/layer/layer.js"></script>
<script type="text/javascript">
    var ctx="${ctx}";
</script>

​​​​​​因为我们这时已经有了头文件,就可以把index.ftl中相同的代码删除了,又因为我们这个列表展示是需要从数据库中进行查询,把商品列表展示给用户面前,现在这个只是个模板,是死的,无法查询,我们把齐整的死数据全部删除。最后的结果是:

<html>
<head>


   <#include  "head.ftl"/>
   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
   <title>EGO商城</title>
   <script type="text/javascript" src="${ctx}/js/doT.min.js"></script>
   <script type="text/javascript">
var timeout    = 500;
var closetimer = 0;
var ddmenuitem = 0;


$(document).ready(function(){
       /* ----------鼠标移入移出事件---begin------- */
   $('.cat_item').mousemove(function () {
      $(this).addClass('cat_item_on');
   });
   $('.cat_item').mouseleave(function () {
      $(this).removeClass('cat_item_on');
   });
   /* ----------鼠标移入移出事件-----end------- */
   $('#slideshow').imgSlideShow({itemclass: 'i'})
   $("#slide-qg").switchTab({titCell: "dt a", trigger: "mouseover", delayTime: 0});
   $("#s_cart_nums1").hover(function(){
      mcancelclosetime();
      if(ddmenuitem) ddmenuitem.hide();
      ddmenuitem = $(document).find("#s_cartbox");
      ddmenuitem.fadeIn();
   },function(){
      mclosetime();
   });
   $("#s_cart_nums2").hover(function(){
      mcancelclosetime();
      if(ddmenuitem) ddmenuitem.hide();
      ddmenuitem = $(document).find("#s_cartbox");
      ddmenuitem.fadeIn();
   },function(){
      mclosetime();
   });
   $("#s_cartbox").hover(function(){
      mcancelclosetime();
   },function(){
      mclosetime();
   });
    var $cur = 1;
    var $i = 4;
    var $len = $('.hot_list>ul>li').length;
    var $pages = Math.ceil($len / $i);
    var $w = $('.hotp').width()-66;


    var $showbox = $('.hot_list');


    var $pre = $('div.left_icon');
    var $next = $('div.rgt_icon');


    $pre.click(function(){
        if (!$showbox.is(':animated')) {
            if ($cur == 1) {
                $showbox.animate({
                    left: '-=' + $w * ($pages - 1)
                }, 500);
                $cur = $pages;
            }
            else {
                $showbox.animate({
                    left: '+=' + $w
                }, 500);
                $cur--;
            }


        }
    });


    $next.click(function(){
        if (!$showbox.is(':animated')) {
            if ($cur == $pages) {
                $showbox.animate({
                    left: 0
                }, 500);
                $cur = 1;
            }
            else {
                $showbox.animate({
                    left: '-=' + $w
                }, 500);
                $cur++;
            }


        }
    });


});
function mclose()
{
   if(ddmenuitem) ddmenuitem.hide();
}
function mclosetime()
{
   closetimer = window.setTimeout(mclose, timeout);
}
function mcancelclosetime()
{
   if(closetimer)
   {
      window.clearTimeout(closetimer);
      closetimer = null;
   }
}
</script>
</head>


<body>
<div id="doc">
   <div id="s_hdw">


      <div id="s_tbar">
         <div class="s_hd">
            <div class="tbar_lft">您好,欢迎来到EGO商城!<a href="#">请登录</a> | <a href="#">免费注册</a></div>
            <div class="tbar_rgt">
               <ul>
                  <li class="first"><a href="#">我的订单</a></li>
                  <li><a href="#">我的EGO商城</a></li>
                  <li><a href="#">帮助中心</a></li>
                  <li><a href="#">联系客服</a></li>
                  <li><a href="#">加入收藏</a></li>
                  <li class="s_tel_str">服务热线:</li>
                  <li class="s_tel">400-009-1906</li>
               </ul>
            </div>
         </div>
      </div><!--s_tbar end-->


      <div class="s_hd nav">
         <div id="s_logo"><a href="#"><img src="${ctx}/images/logo.png" border="0" /></a></div>
         <div id="s_nav">
            <ul>
               <li class="first cur"><a href="#">首页</a><span></span></li>
               <li><a href="#">积分兑换</a><span></span></li>
               <li><a href="#">抢购</a><span></span></li>
               <li class="last"><a href="#">礼品</a><span></span></li>
            </ul>
         </div>
      </div><!--s_hd end-->


      <div class="mmenu">
         <div class="s_hd">
            <div id="s_search">
               <form action="" method="post"><input name="" type="text" class="search-input" /><input name="" type="image" src="${ctx}/images/btn_search.jpg" /></form>
            </div>


            <div id="s_keyword">
               <ul>
                  <li><strong>热门搜索:</strong></li>
                  <li><a href="#">贝玲妃</a></li>
                  <li><a href="#">SKII</a></li>
                  <li><a href="#">阿芙</a></li>
                  <li><a href="#">罗莱家纺</a></li>
                  <li><a href="#">glasslock</a></li>
                  <li><a href="#">翡翠</a></li>
                  <li><a href="#">珍珠</a></li>
                  <li><a href="#">银饰</a></li>
                  <li><a href="#">机械表</a></li>
               </ul>
            </div>


            <div id="s_cart">
               <ul>
                  <li class="nums"><a href="" id="s_cart_nums1">购物车: <span>0</span>  件</a> <a href="" class="btn" id="s_cart_nums2"></a></li>
                  <li class="checkout"><a href="#">去结算>></a></li>
               </ul>
            </div>


            <div id="s_cartbox" class="s_cartbox">您的购物车中暂无商品,赶快选择心爱的商品吧!</div>


            <div id="s_cats">
               <div class="cat_hd"><h3><a href="#">所有商品分类</a></h3></div>
               <div class="cat_bd" style="display:block;">
               <ul id="goodsCategoryContent">
                  <#if gcList??>
                     <#list gcList as gc>
                        <li class="cat_item">
                           <h4 class="cat_tit"><a href="#" class="cat_tit_link">${gc.name}</a>
                              <span class="s_arrow">></span>
                           </h4>
                           <div class="cat_cont">
                              <div class="cat_cont_lft">
                                 <#if gc.children??>
                                    <#list gc.children as gc_02>
                                       <dl class="cf">
                                          <dt><a href="">${gc_02.name}</a></dt>
                                          <dd>
                                             <ul>
                                                <#if gc_02.children??>
                                                   <#list gc_02.children as gc_03>
                                                      <li class="first"><a href="#">${gc_03.name}</a></li>
                                                   </#list>
                                                </#if>
                                             </ul>
                                          </dd>
                                       </dl>
                                    </#list>
                                 </#if>


                              </div>
                           </div>
                        </li>
                     </#list>
                  </#if>
         </ul>
               <!--<div class="all_cats"><a href="#" class="more">全部商品分类</a></div>-->
               </div>
            </div>
         </div>
      </div><!--mmenu end-->


   </div><!--s_hdw end-->


   <div id="s_bdw">
      <div id="s_bd">
         <div class="cf">
            <div id="i_col_lft" class="i_col_lft">
               <div class="categories"></div>
            </div>
            <div id="i_col_rgt" class="i_col_rgt">
               <div class="i_col_rgt_box">


                  <div class="i_slides" id="slideshow">
                     <div class="i"><a href="#"><img src="${ctx}/images/slide-1.jpg" /></a></div>
                     <div class="i"><a href="#"><img src="${ctx}/images/slide-2.jpg" /></a></div>
                     <div class="i"><a href="#"><img src="${ctx}/images/slide-3.jpg" /></a></div>
                     <div class="i"><a href="#"><img src="${ctx}/images/slide-4.jpg" /></a></div>
                     <div class="i"><a href="#"><img src="${ctx}/images/slide-5.jpg" /></a></div>
                  </div>


                  <div class="pbt10"></div>


                  <div class="lft">
                     <div class="hotp">
                        <div class="lft_icon"><a href="#"><span>pre</span></a></div>
                        <div class="hot_list">
                           <ul>
                              <li><a href="#"><img src="${ctx}/images/f1.jpg" /></a></li>
                              <li><a href="#"><img src="${ctx}/images/f2.jpg" /></a></li>
                              <li><a href="#"><img src="${ctx}/images/f3.jpg" /></a></li>
                              <li><a href="#"><img src="${ctx}/images/f4.jpg" /></a></li>
                              <li><a href="#"><img src="${ctx}/images/f5.jpg" /></a></li>
                              <li><a href="#"><img src="${ctx}/images/f6.jpg" /></a></li>
                              <li><a href="#"><img src="${ctx}/images/f7.jpg" /></a></li>
                              <li><a href="#"><img src="${ctx}/images/f8.jpg" /></a></li>
                           </ul>
                        </div>
                        <div class="rgt_icon"><a href="#"><span>Nexr</span></a></div>
                     </div>
                  </div>


                  <div class="rgt">
                     <div class="rgt-box">
                        <div class="loginbox">
                           <div class="login_icon cf">
                              <ul>
                                 <li><a href="#">免费注册</a></li>
                                 <li><a href="#">用户登录</a></li>
                              </ul>
                           </div>


                           <div class="announce_top cf"><h3>关注EGO商城<span><a href="#">更多</a></span></h3></div>


                           <div class="announce_cont">
                              <ul>
                                 <li><a href="#">EGO商城迎国庆促销活动28号开始</a></li>
                                 <li><a href="#">迎中秋,上品轩专卖店开业</a></li>
                                 <li><a href="#">贺EGO商城全南店盛大开业</a></li>
                                 <li><a href="#">凡注册为EGO商城网上商城的会员</a></li>
                              </ul>
                           </div>
                        </div>
                     </div>
                  </div>


               </div>


            </div>


         </div>


         <div class="cf">
            <div class="i_col_lft">
               <div class="i_lads">
                  <ul>
                     <li><a href="#"><img src="${ctx}/images/lad1.jpg" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/lad2.jpg" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/lad3.jpg" /></a></li>
                  </ul>
               </div>
            </div>


            <div class="i_col_rgt">
               <div class="i_col_rgt_box1">
                  <div class="lft">
                     <div class="i_qg">
                        <dl id="slide-qg">
                           <dt class="cf">
                              <a href="javascript:void(0);">限时抢购</a>
                              <a href="javascript:void(0);">品牌精选</a>
                              <a href="javascript:void(0);">热卖推荐</a>
                              <a href="javascript:void(0);" class="last">新品上市</a>
                           </dt>
                           <dd>
                              <div class="cat_list_box slide_cont">
                                 <ul>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg1-1.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">伊宝爬行垫大号 伊宝动物乐园便携爬行</a></div>
                                          <div class="sprice">特价:<span>¥69</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg1-2.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">清风纤巧装2层100抽面纸*5包</a></div>
                                          <div class="sprice">特价:<span>¥9.5</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg1-3.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">TCL滚筒洗衣机 XQG60-601AS</a></div>
                                          <div class="sprice">特价:<span>¥1598<span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg1-4.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">云南蒙自纸皮薄皮石榴 皮薄果肉细嫰</a></div>
                                          <div class="sprice">特价:<span>¥65<span></div>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </dd>
                           <dd>
                              <div class="cat_list_box slide_cont">
                                 <ul>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg2-1.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">乐扣乐扣 树叶百纳箱(55L)LLB51</a></div>
                                          <div class="sprice">特价:<span>¥59</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg2-2.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">昂立多邦礼罐特惠组合特价125元(8包)</a></div>
                                          <div class="sprice">特价:<span>¥125</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg2-3.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">贝亲 滋润型润肤霜35g</a></div>
                                          <div class="sprice">特价:<span>¥18.9<span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg2-4.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">好奇干爽舒适纸尿裤S小号 14片/包 赠品变动</a></div>
                                          <div class="sprice">特价:<span>¥12.8<span></div>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </dd>
                           <dd>
                              <div class="cat_list_box slide_cont">
                                 <ul>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg3-1.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">休闲饼干DIY 10.8元选3件</a></div>
                                          <div class="sprice">特价:<span>¥3.6</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg3-2.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">L'OREAL欧莱雅清润全日保湿水精华凝露 </a></div>
                                          <div class="sprice">特价:<span>¥90</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg3-3.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">5830升级版跌破2000,还不来抢!</a></div>
                                          <div class="sprice">特价:<span>¥1998<span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg3-4.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">智多熊 早教益智玩具v15</a></div>
                                          <div class="sprice">特价:<span>¥99<span></div>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </dd>
                           <dd>
                              <div class="cat_list_box slide_cont">
                                 <ul>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg4-1.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">【满200减60】 Lansiwear 浪氏威尔</a></div>
                                          <div class="sprice">特价:<span>¥189</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg4-2.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">李宁全场3折起,满199送T恤</a></div>
                                          <div class="sprice">特价:<span>¥129</span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg4-3.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">闽龙达 嫩香菇200g</a></div>
                                          <div class="sprice">特价:<span>¥56.5<span></div>
                                       </div>
                                    </li>
                                    <li>
                                       <div class="cat_pd">
                                          <div class="pic"><a href="#"><img src="${ctx}/images/qg4-4.jpg" border="0" /></a></div>
                                          <div class="ptitle"><a href="#">鲜得味天然泉水金枪鱼180g/罐(泰国)</a></div>
                                          <div class="sprice">特价:<span>¥14.5<span></div>
                                       </div>
                                    </li>
                                 </ul>
                              </div>
                           </dd>
                        </dl>
                     </div>
                  </div>
               </div>


               <div class="rgt">
                  <div class="rgt-box">
                     <div class="i_tg">
                        <div class="i_tg_top cf"><h3>团购<span><a href="#">更多</a></span></h3></div>
                        <div class="i_tg_cont">
                           <h4><a href="#">【包邮】仅售308元!原价688元的阳澄湖大闸蟹8只装</a></h4>
                           <div class="i_tg_pic">
                              <div class="price">
                                 <div class="sprice">¥<span>308</span></div>
                                 <div class="lprice">¥<span>688</span></div>
                              </div>
                              <div class="pic"><a href="#"><img src="${ctx}/images/tg1.jpg" border="0" /></a></div>
                           </div>
                           <div class="i_tg_buynums">已有<span>102</span>个人购买</div>
                        </div>
                     </div>
                  </div>
               </div>


            </div>
         </div>


         <div class="banner2 ptt10 cf"><a href="#"><img src="${ctx}/images/banner1.jpg" border="0" /></a></div>


         <div id="channel_0" class="i_channels cf">
            <div class="i_channels_tit">
               <div class="i_channels_cat_title"><h3 class="cf1">食品饮料</h3></div>
               <div class="i_channels_brand">
                  <ul>
                     <li class="first"><a href="#">康师傅</a></li>
                     <li><a href="#">福临门</a></li>
                     <li><a href="#">天喔</a></li>
                     <li><a href="#">洽洽</a></li>
                     <li><a href="#">卡夫</a></li>
                     <li><a href="#">可口可乐</a></li>
                     <li><a href="#">张裕</a></li>
                     <li><a href="#">乐事</a></li>
                     <li><a href="#">格力高</a></li>
                     <li><a href="#">金龙鱼</a></li>
                     <li><a href="#">更多</a></li>
                  </ul>
               </div>
            </div>


            <div class="i_channels_cont">
               <div class="channel_lft">
                  <div class="big_ad_box"><a href="#"><img src="${ctx}/images/cat_ad1.jpg" border="0" /></a></div>
               </div>


               <div class="channel_mid">
                  <div class="cat_list_box">
                     <ul>
                        <li>
                           <div class="cat_pd">
                              <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_1.jpg" border="0" /></a></div>
                              <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                              <div class="list_price">¥11.9</div>
                              <div class="price">¥9.9</div>
                           </div>
                        </li>
                        <li>
                           <div class="cat_pd">
                              <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_2.jpg" border="0" /></a></div>
                              <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                              <div class="list_price">¥30</div>
                              <div class="price">¥20.8</div>
                           </div>
                        </li>
                        <li>
                           <div class="cat_pd">
                              <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_3.jpg" border="0" /></a></div>
                              <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                              <div class="list_price">¥26.5</div>
                              <div class="price">¥20.4</div>
                           </div>
                        </li>
                        <li>
                           <div class="cat_pd">
                              <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_4.jpg" border="0" /></a></div>
                              <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                              <div class="list_price">¥14.5</div>
                              <div class="price">¥12.5</div>
                           </div>
                        </li>
                     </ul>
                  </div>
               </div>


               <div class="channel_rgt">
                  <div class="small_ad_box">
                     <ul>
                        <li><a href="#"><img src="${ctx}/images/cat_s_ad1.jpg" border="0" /></a></li>
                        <li><a href="#"><img src="${ctx}/images/cat_s_ad2.jpg" border="0" /></a></li>
                        <li><a href="#"><img src="${ctx}/images/cat_s_ad3.jpg" border="0" /></a></li>
                     </ul>
                  </div>
               </div>


            </div>


         </div>


         <div id="channel_1" class="i_channels cf">
            <div class="i_channels_tit">
            <div class="i_channels_cat_title"><h3 class="cf2">美容护理</h3></div>
            <div class="i_channels_brand">
               <ul>
                  <li class="first"><a href="#">欧莱雅</a></li>
                  <li><a href="#">护舒宝</a></li>
                  <li><a href="#">Hada</a></li>
                  <li><a href="#">Labo肌研</a></li>
                  <li><a href="#">玉兰油</a></li>
                  <li><a href="#">相宜本草</a></li>
                  <li><a href="#">曼秀雷敦</a></li>
                  <li><a href="#">资生堂</a></li>
                  <li><a href="#">苏菲</a></li>
                  <li><a href="#">佳洁士</a></li>
                  <li><a href="#">潘婷</a></li>
                  <li><a href="#">更多</a></li>
               </ul>
            </div>
         </div>


         <div class="i_channels_cont">
            <div class="channel_lft">
               <div class="big_ad_box"><a href="#"><img src="${ctx}/images/cat_ad2.jpg" border="0" /></a></div>
            </div>
            <div class="channel_mid">
               <div class="cat_list_box">
                  <ul>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat2-1.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">膜法世家1908 樱桃(车厘子)睡眠面膜100g</a></div>
                           <div class="list_price">¥186</div>
                           <div class="price">¥116</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat2-2.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">凌仕魅动男士香氛-契合</a></div>
                           <div class="list_price">¥59</div>
                           <div class="price">¥52.9</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat2-3.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">多芬日常损伤理护洗发乳400ml+润发精华素</a></div>
                           <div class="list_price">¥65</div>
                           <div class="price">¥55</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat2-4.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">德国爱姬玛琳经典香水沐浴露(100%原装进</a></div>
                           <div class="list_price">¥58</div>
                           <div class="price">¥38.6</div>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>


            <div class="channel_rgt">
               <div class="small_ad_box">
                  <ul>
                     <li><a href="#"><img src="${ctx}/images/cat_s_2-1.jpg" width="208" height="63" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_2-2.jpg" width="208" height="63" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad_2_3.jpg" width="203" height="98" border="0" /></a></li>
                  </ul>
               </div>
            </div>


         </div>


      </div>


      <div id="channel_2" class="i_channels cf">
         <div class="i_channels_tit">
            <div class="i_channels_cat_title"><h3 class="cf3">母婴</h3></div>
            <div class="i_channels_brand">
               <ul>
                  <li class="first"><a href="#">康师傅</a></li>
                  <li><a href="#">福临门</a></li>
                  <li><a href="#">天喔</a></li>
                  <li><a href="#">洽洽</a></li>
                  <li><a href="#">卡夫</a></li>
                  <li><a href="#">可口可乐</a></li>
                  <li><a href="#">张裕</a></li>
                  <li><a href="#">乐事</a></li>
                  <li><a href="#">格力高</a></li>
                  <li><a href="#">金龙鱼</a></li>
                  <li><a href="#">更多</a></li>
               </ul>
            </div>
         </div>


         <div class="i_channels_cont">
            <div class="channel_lft">
               <div class="big_ad_box"><a href="#"><img src="${ctx}/images/cat_ad3.jpg" border="0" /></a></div>
            </div>


            <div class="channel_mid">
               <div class="cat_list_box">
                  <ul>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat3-1.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                           <div class="list_price">¥11.9</div>
                           <div class="price">¥9.9</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat3-2.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                           <div class="list_price">¥30</div>
                           <div class="price">¥20.8</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat3-3.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                           <div class="list_price">¥26.5</div>
                           <div class="price">¥20.4</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat3-4.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                           <div class="list_price">¥14.5</div>
                           <div class="price">¥12.5</div>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>


            <div class="channel_rgt">
               <div class="small_ad_box">
                  <ul>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad3-1.jpg" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad3-2.jpg" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad3-3.jpg" border="0" /></a></li>
                  </ul>
               </div>
            </div>


         </div>
      </div>


      <div id="channel_3" class="i_channels cf">
         <div class="i_channels_tit">
            <div class="i_channels_cat_title"><h3 class="cf4">厨卫清洁</h3></div>
            <div class="i_channels_brand">
               <ul>
                  <li class="first"><a href="#">康师傅</a></li>
                  <li><a href="#">福临门</a></li>
                  <li><a href="#">天喔</a></li>
                  <li><a href="#">洽洽</a></li>
                  <li><a href="#">卡夫</a></li>
                  <li><a href="#">可口可乐</a></li>
                  <li><a href="#">张裕</a></li>
                  <li><a href="#">乐事</a></li>
                  <li><a href="#">格力高</a></li>
                  <li><a href="#">金龙鱼</a></li>
                  <li><a href="#">更多</a></li>
               </ul>
            </div>
         </div>


         <div class="i_channels_cont">
            <div class="channel_lft">
               <div class="big_ad_box"><a href="#"><img src="${ctx}/images/cat_ad4.jpg" border="0" /></a></div>
            </div>


            <div class="channel_mid">
               <div class="cat_list_box">
                  <ul>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat4-1.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                           <div class="list_price">¥11.9</div>
                           <div class="price">¥9.9</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat4-2.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                           <div class="list_price">¥30</div>
                           <div class="price">¥20.8</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat4-3.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                           <div class="list_price">¥26.5</div>
                           <div class="price">¥20.4</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/cat4-4.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                           <div class="list_price">¥14.5</div>
                           <div class="price">¥12.5</div>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>


            <div class="channel_rgt">
               <div class="small_ad_box">
                  <ul>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad4-1.jpg" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad4-2.jpg" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad4-3.jpg" border="0" /></a></li>
                  </ul>
               </div>
            </div>


         </div>
      </div>


      <div id="channel_4" class="i_channels cf">
         <div class="i_channels_tit">
            <div class="i_channels_cat_title"><h3 class="cf5">家居</h3></div>
            <div class="i_channels_brand">
               <ul>
                  <li class="first"><a href="#">康师傅</a></li>
                  <li><a href="#">福临门</a></li>
                  <li><a href="#">天喔</a></li>
                  <li><a href="#">洽洽</a></li>
                  <li><a href="#">卡夫</a></li>
                  <li><a href="#">可口可乐</a></li>
                  <li><a href="#">张裕</a></li>
                  <li><a href="#">乐事</a></li>
                  <li><a href="#">格力高</a></li>
                  <li><a href="#">金龙鱼</a></li>
                  <li><a href="#">更多</a></li>
               </ul>
            </div>
         </div>


         <div class="i_channels_cont">
            <div class="channel_lft">
               <div class="big_ad_box"><a href="#"><img src="${ctx}/images/cat_ad5.jpg" border="0" /></a></div>
            </div>


            <div class="channel_mid">
               <div class="cat_list_box">
                  <ul>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_1.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">太平 加铁梳打奶盐口味400g 19元选2件</a></div>
                           <div class="list_price">¥11.9</div>
                           <div class="price">¥9.9</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_2.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">农夫山泉 维他命水美丽速度(石榴蓝莓风</a></div>
                           <div class="list_price">¥30</div>
                           <div class="price">¥20.8</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_3.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">丝宝宝 茶树菇145g/袋</a></div>
                           <div class="list_price">¥26.5</div>
                           <div class="price">¥20.4</div>
                        </div>
                     </li>
                     <li>
                        <div class="cat_pd">
                           <div class="pic"><a href="#"><img src="${ctx}/images/pd_1_4.jpg" border="0" /></a></div>
                           <div class="ptitle"><a href="#">梅林 午餐肉罐头 340g/罐</a></div>
                           <div class="list_price">¥14.5</div>
                           <div class="price">¥12.5</div>
                        </div>
                     </li>
                  </ul>
               </div>
            </div>


            <div class="channel_rgt">
               <div class="small_ad_box">
                  <ul>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad5-1.jpg" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad5-2.jpg" border="0" /></a></li>
                     <li><a href="#"><img src="${ctx}/images/cat_s_ad5-3.jpg" border="0" /></a></li>
                  </ul>
               </div>
            </div>


         </div>
      </div>


      </div>
   </div><!--s_bdw end-->


   <div id="s_ftw">


      <div class="ft_quicklinks">
         <div class="ftql cf">
            <ul>
               <li class="ftql_s">
                  <h3>购物指南</h3>
                  <ul>
                     <li><a href="">怎样购物</a></li>
                     <li><a href="">会员制</a></li>
                     <li><a href="">积分制度</a></li>
                     <li><a href="">优惠券介绍</a></li>
                     <li><a href="">订单状态说明</a></li>
                  </ul>
               </li>
               <li class="ftql_s">
                  <h3>服务条款</h3>
                  <ul>
                     <li><a href="">售后条款</a></li>
                     <li><a href="">退换货说明</a></li>
                     <li><a href="">联系客服</a></li>
                  </ul>
               </li>
               <li class="ftql_s">
                  <h3>配送方式</h3>
                  <ul>
                     <li><a href="">上门自提</a></li>
                     <li><a href="">快递运输</a></li>
                     <li><a href="">特快专递(EMS)</a></li>
                     <li><a href="">如何送礼</a></li>
                  </ul>
               </li>
               <li class="ftql_s">
                  <h3>支付帮助</h3>
                  <ul>
                     <li><a href="">货到付款</a></li>
                     <li><a href="">在线支付</a></li>
                     <li><a href="">邮政汇款</a></li>
                     <li><a href="">银行转账</a></li>
                     <li><a href="">发票说明</a></li>
                  </ul>
               </li>
               <li class="ftql_s">
                  <h3>关于EGO商城</h3>
                  <ul>
                     <li><a href="">EGO商城介绍</a></li>
                     <li><a href="">团队</a></li>
                     <li><a href="">媒体报道</a></li>
                     <li><a href="">招纳贤士</a></li>
                     <li><a href="">公告</a></li>
                  </ul>
               </li>
               <li class="ftql_s">
                  <div class="ftql_d">
                     <div class="str">客服中心信箱:</div>
                     <div class="val"><a href="mailto:service@shunkelong.com">yjxxt@yjxxt.com</a></div>
                  </div>
                  <div class="ftql_d">
                     <div class="str">客服中心热线:</div>
                     <div class="val stel">400-009-1906</div>
                  </div>
               </li>
            </ul>
         </div>
      </div>


      <div id="s_ft">
         <div class="ft_suggest pt100">请帮助我们提高!<a href="#">商城首页意见反馈</a></div>
         <div class="ft_banners1 tac pbt10">
            <ul>
               <li><a href="#"><img src="${ctx}/images/ft_1.gif" border="0" /></a></li>
               <li><a href="#"><img src="${ctx}/images/ft_2.gif" border="0" /></a></li>
               <li><a href="#"><img src="${ctx}/images/ft_3.gif" border="0" /></a></li>
            </ul>
         </div>
         <div class="copyright tac pbt10">版权所有 Copyright&copy; EGO商城 All Rights Reserved 版权所有 </div>
         <div class="ft_banners2 tac">
            <ul>
               <li><a href="#"><img src="${ctx}/images/u255.png" border="0" /></a></li>
               <li><a href="#"><img src="${ctx}/images/u257.png" border="0" /></a></li>
               <li><a href="#"><img src="${ctx}/images/u259.png" border="0" /></a></li>
               <li><a href="#"><img src="${ctx}/images/u261.png" border="0" /></a></li>
            </ul>
         </div>
      </div>


   </div><!--s_ftw end-->
</div>

</body>
</html>

创建一个static在resources中。将静态资源全部加入

链接:百度网盘 请输入提取码

提取码:7777

 

我们还需要修改index.ftl中的某些代码

将css/改为${ctx}/css/   js/改为${ctx}/js/    还有images/改为${ctx}/images/

更改方法:ctrl+r全局查找,并可以更改

搭建dubbo(远程服务调用)shop-rpc:这里的远程服务调用意思是将manager的服务单独拿出来成为一个服务,谁都可以调用,但是和manager已经没有关系了

修改pom.xml配置文件:

shop的pom.xml

<?xml version="1.0" encoding="UTF-8"?>
<project xmlns="http://maven.apache.org/POM/4.0.0"
         xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <packaging>pom</packaging>
    <modules>
        <module>shop-common</module>
        <module>shop-manager</module>
        <module>shop-generator</module>
        <module>shop-portal</module>
        <module>shop-rpc</module>
    </modules>
    <!-- 使用继承方式,实现复用,符合继承的都可以被使用 -->
    <parent>
        <groupId>org.springframework.boot</groupId>
        <artifactId>spring-boot-starter-parent</artifactId>
        <version>2.2.2.RELEASE</version>
    </parent>


    <groupId>com.yjxxt</groupId>
    <artifactId>shop</artifactId>
    <version>1.0-SNAPSHOT</version>


    <!--
      集中定义依赖组件版本号,但不引入,
      在子工程中用到声明的依赖时,可以不加依赖的版本号,
      这样可以统一管理工程中用到的依赖版本
   -->
    <properties>
        <!-- JDK 版本定义 -->
        <java.version>1.8</java.version>
        <!-- mybatis 依赖 -->
        <mybatis.version>2.1.1</mybatis.version>
        <!-- pagehelper 分页依赖 -->
        <pagehelper.version>1.2.13</pagehelper.version>
        <!-- mysql 数据库依赖 -->
        <mysql.version>8.0.18</mysql.version>
        <!-- druid 连接池依赖 -->
        <druid.version>1.1.20</druid.version>
        <!-- 七牛云sdk 依赖-->
        <qiniu.version>[7.2.0, 7.2.99]</qiniu.version>
        <!--commons-lang包的版本号-->
        <commons-lang.version>2.6</commons-lang.version>
        <!--dubbo 依赖-->
        <dubbo.version>2.7.3</dubbo.version>
    </properties>


    <!-- 项目依赖管理 父项目只是声明依赖,子项目需要写明需要的依赖(可以省略版本信息) -->
    <dependencyManagement>
        <dependencies>
            <!-- mybatis 依赖 -->
            <dependency>
                <groupId>org.mybatis.spring.boot</groupId>
                <artifactId>mybatis-spring-boot-starter</artifactId>
                <version>${mybatis.version}</version>
            </dependency>
            <!-- pagehelper 分页依赖 -->
            <dependency>
                <groupId>com.github.pagehelper</groupId>
                <artifactId>pagehelper-spring-boot-starter</artifactId>
                <version>${pagehelper.version}</version>
            </dependency>
            <!-- mysql 数据库依赖 -->
            <dependency>
                <groupId>mysql</groupId>
                <artifactId>mysql-connector-java</artifactId>
                <version>${mysql.version}</version>
            </dependency>
            <!-- druid 连接池依赖 -->
            <dependency>
                <groupId>com.alibaba</groupId>
                <artifactId>druid</artifactId>
                <version>${druid.version}</version>
            </dependency>
            <!--七牛云SKD-->
            <dependency>
                <groupId>com.qiniu</groupId>
                <artifactId>qiniu-java-sdk</artifactId>
                <version>${qiniu.version}</version>
            </dependency>
            <dependency>
                <groupId>commons-lang</groupId>
                <artifactId>commons-lang</artifactId>
            </dependency>


            <!-- dubbo依赖 -->
            <dependency>
                <groupId>org.apache.dubbo</groupId>
                <artifactId>dubbo-spring-boot-starter</artifactId>
                <version>${dubbo.version}</version>
            </dependency>


            <!--zookeeper 注册中心客户端引入 curator客户端 -->
            <dependency>
                <groupId>org.apache.dubbo</groupId>
                <artifactId>dubbo-dependencies-zookeeper</artifactId>
                <version>${dubbo.version}</version>
                <type>pom</type>
            </dependency>




        </dependencies>
    </dependencyManagement>
    <build>
        <plugins>
            <plugin>
                <groupId>org.apache.maven.plugins</groupId>
                <artifactId>maven-compiler-plugin</artifactId>
                <version>3.8.0</version>
                <configuration>
                    <source>1.8</source>
                    <target>1.8</target>
                    <encoding>UTF-8</encoding>
                </configuration>
            </plugin>
        </plugins>
    </build>
</project>

 shop-rpc的pom.xml

<?xml version="1.0" encoding="UTF-8"?>


<project xmlns="http://maven.apache.org/POM/4.0.0" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
         xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd">
    <modelVersion>4.0.0</modelVersion>
    <parent>
        <groupId>com.yjxxt</groupId>
        <artifactId>shop</artifactId>
        <version>1.0-SNAPSHOT</version>
    </parent>


    <groupId>com.yjxxt</groupId>
    <artifactId>shop-rpc</artifactId>
    <version>1.0-SNAPSHOT</version>


    <name>shop-rpc</name>


    <properties>
        <project.build.sourceEncoding>UTF-8</project.build.sourceEncoding>
        <maven.compiler.source>1.8</maven.compiler.source>
        <maven.compiler.target>1.8</maven.compiler.target>
    </properties>


    <dependencies>
        <!-- shop common 依赖 -->
        <dependency>
            <groupId>com.yjxxt</groupId>
            <artifactId>shop-common</artifactId>
            <version>1.0-SNAPSHOT</version>
        </dependency>
        <!-- spring boot web 依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-web</artifactId>
        </dependency>


        <!-- mybatis 依赖 -->
        <dependency>
            <groupId>org.mybatis.spring.boot</groupId>
            <artifactId>mybatis-spring-boot-starter</artifactId>
        </dependency>
        <!-- pagehelper 分页依赖 -->
        <dependency>
            <groupId>com.github.pagehelper</groupId>
            <artifactId>pagehelper-spring-boot-starter</artifactId>
        </dependency>
        <!-- mysql 数据库依赖 -->
        <dependency>
            <groupId>mysql</groupId>
            <artifactId>mysql-connector-java</artifactId>
        </dependency>
        <!-- druid 连接池依赖 -->
        <dependency>
            <groupId>com.alibaba</groupId>
            <artifactId>druid</artifactId>
        </dependency>
        <!-- spring data redis 依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-data-redis</artifactId>
        </dependency>
        <!-- commons-pool2 对象池依赖 -->
        <dependency>
            <groupId>org.apache.commons</groupId>
            <artifactId>commons-pool2</artifactId>
        </dependency>
        <!-- spring boot test 依赖 -->
        <dependency>
            <groupId>org.springframework.boot</groupId>
            <artifactId>spring-boot-starter-test</artifactId>
            <scope>test</scope>
            <exclusions>
                <exclusion>
                    <groupId>org.junit.vintage</groupId>
                    <artifactId>junit-vintage-engine</artifactId>
                </exclusion>
            </exclusions>
        </dependency>




        <!-- dubbo依赖 -->
        <dependency>
            <groupId>org.apache.dubbo</groupId>
            <artifactId>dubbo-spring-boot-starter</artifactId>
        </dependency>


        <!--zookeeper 注册中心客户端引入 curator客户端 -->
        <dependency>
            <groupId>org.apache.dubbo</groupId>
            <artifactId>dubbo-dependencies-zookeeper</artifactId>
            <type>pom</type>
        </dependency>




        <!-- elasticsearch 服务依赖 -->
        <dependency>
            <groupId>org.elasticsearch</groupId>
            <artifactId>elasticsearch</artifactId>
        </dependency>
        <!-- rest-client 客户端依赖 -->
        <dependency>
            <groupId>org.elasticsearch.client</groupId>
            <artifactId>elasticsearch-rest-client</artifactId>
        </dependency>
        <!-- rest-high-level-client 客户端依赖 -->
        <dependency>
            <groupId>org.elasticsearch.client</groupId>
            <artifactId>elasticsearch-rest-high-level-client</artifactId>
        </dependency>


    </dependencies>
    <build>
    </build>
</project>

application.yml:

# 不同环境下读取不同的配置文件
spring:
    profiles:
        active: dev

application.dev.yml:

server:
  port: 9091                                # 项目访问端口,默认 8080
  servlet:                                 # 项目访问路径,默认 /
    context-path: /shop-portal
# Spring
spring:
  # 数据源
  datasource:
    driver-class-name: com.mysql.cj.jdbc.Driver
    url: jdbc:mysql://localhost:3306/shop?useUnicode=true&characterEncoding=UTF-8&serverTimezone=Asia/Shanghai
    username: root
    password: root
    # 指定 druid 连接池以及 druid 连接池配置
    type: com.alibaba.druid.pool.DruidDataSource
    druid:
      initial-size: 1                       # 初始连接数
      max-active: 20                        # 最大连接数
      max-idle: 20                          # 最大空闲
      min-idle: 1                           # 最小空闲
      max-wait: 60000                       # 最长等待时间
  # freemarker 模板引擎
  freemarker:
    cache: false
    charset: UTF-8
    content-type: text/html;charset=UTF-8
    enabled: true
    suffix: .ftl
    template-loader-path: classpath:/views/
    # 配置模板里是否可以直接取request的属性 request是别名
    request-context-attribute: request
    # 配置将request和session中的键值添加到
    # AbstractTemplateView类的renderMergedOutputModel方法中的model这个Map参数中
    expose-request-attributes: true
    expose-spring-macro-helpers: true
    # 配置模板里是否可以直接取session的属性 true 是允许
    expose-session-attributes: true
    settings:
      tag_syntax: auto_detect               # 配置标签语法为自动,页面可以将 <> 改为 [],为了区别 html 标签
      template_update_delay: 0              # 模板更新时间,单位秒
      default_encoding: UTF-8               # 默认编码字符集
      output_encoding: UTF-8                # 模板输出编码字符集
      locale: zh_CN                         # 本地化配置
      date_format: yyyy-MM-dd               # 日期格式化
      time_format: HH:mm:ss                 # 时间格式化
      datetime_format: yyyy-MM-dd HH:mm:ss  # 日期时间格式化
      number_format: #.##                   # 数字格式化
      boolean_format: true,false            # boolean格式化
      # ignore,debug,html_debug,rethrow
      # 1.TemplateExceptionHandler.IGNORE_HANDLER简单地压制所有异常
      # 它对处理异常没有任何作用,也不会重新抛出异常,页面可以正常渲染,后台抛异常
      # 2.TemplateExceptionHandler.DEBUG_HANDLER打印堆栈信息和重新抛出异常。这是默认的异常控制器
      # 3.TemplateExceptionHandler.HTML_DEBUG_HANDLER和DEBUG_HANDLER相同
      # 但是可以格式化堆栈跟踪信息,HTML页面,建议使用它而不是DEBUG_HANDLER
      # 4.TemplateExceptionHandler.RETHROW_HANDLER简单重新抛出所有异常而不会做其他的事情
      # 5.使用自定义异常类实现TemplateExceptionHandler重写handleTemplateException方法
      template_exception_handler: html_debug


#文件上传
  servlet:
    multipart:
      max-file-size: 100MB
      max-request-size: 1000MB
#redis缓存
  redis:
    timeout: 10000ms
    host: 192.168.18.100
    port: 6379
    password: root
    database: 0
    lettuce:
      pool:
        max-active: 1024
        max-wait: 10000ms
        max-idle: 200
        min-idle: 5


# MyBatis
mybatis:
  # 配置 MyBatis数据返回类型别名(默认别名是类名)
  type-aliases-package: com.yjxxt.portal.pojo
  # 配置 MyBatis Mapper 映射文件
  mapper-locations: classpath:mapper/*.xml


# Mybatis SQL 打印(方法接口所在的包,不是 Mapper.xml 所在的包)
logging:
  level:
    com.yjxxt.portal.mapper: debug


#dubbo环境配置
dubbo:
  application:
    name: shop-portal
  #使用zookeeper注册中心暴露服务地址
  registry:
    address: zookeeper://192.168.18.100:2181

在shop-rpc中加入一个启动类:ShopRpcApplication,java

@SpringBootApplication
@MapperScan("com.yjxxt.rpc.mapper")
public class ShopRpcApplication {
    public static void main(String[] args) {
        SpringApplication.run(ShopRpcApplication.class,args);
    }
}
服务编写:将shop-manager中的pojo中的GoodsCategory和GoodsCategoryExample加入到rpc中的新建包:pojo中,再加入GoodsCategoryVo到vo包,GoodsCategoryMapper加入到mapper中,前端的GoodsCategoryMapper.xml也加入到rpc中的mapper
GoodsCategoryMapper.xml:注意,这里因为是从manager中调用来的,需要把路径中的manager全部改成rpc
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE mapper PUBLIC "-//mybatis.org//DTD Mapper 3.0//EN" "http://mybatis.org/dtd/mybatis-3-mapper.dtd">
<mapper namespace="com.yjxxt.rpc.mapper.GoodsCategoryMapper">
<resultMap id="BaseResultMap" type="com.yjxxt.rpc.pojo.GoodsCategory">
<id column="id" jdbcType="SMALLINT" property="id" />
<result column="name" jdbcType="VARCHAR" property="name" />
<result column="mobile_name" jdbcType="VARCHAR" property="mobileName" />
<result column="parent_id" jdbcType="SMALLINT" property="parentId" />
<result column="parent_id_path" jdbcType="VARCHAR" property="parentIdPath" />
<result column="level" jdbcType="TINYINT" property="level" />
<result column="sort_order" jdbcType="TINYINT" property="sortOrder" />
<result column="is_show" jdbcType="TINYINT" property="isShow" />
<result column="image" jdbcType="VARCHAR" property="image" />
<result column="is_hot" jdbcType="TINYINT" property="isHot" />
<result column="cat_group" jdbcType="TINYINT" property="catGroup" />
<result column="commission_rate" jdbcType="TINYINT" property="commissionRate" />
</resultMap>
<sql id="Example_Where_Clause">
<where>
<foreach collection="oredCriteria" item="criteria" separator="or">
<if test="criteria.valid">
<trim prefix="(" prefixOverrides="and" suffix=")">
<foreach collection="criteria.criteria" item="criterion">
<choose>
<when test="criterion.noValue">
and ${criterion.condition}
</when>
<when test="criterion.singleValue">
and ${criterion.condition} #{criterion.value}
</when>
<when test="criterion.betweenValue">
and ${criterion.condition} #{criterion.value} and #{criterion.secondValue}
</when>
<when test="criterion.listValue">
and ${criterion.condition}
<foreach close=")" collection="criterion.value" item="listItem" open="(" separator=",">
#{listItem}
</foreach>
</when>
</choose>
</foreach>
</trim>
</if>
</foreach>
</where>
</sql>
<sql id="Update_By_Example_Where_Clause">
<where>
<foreach collection="example.oredCriteria" item="criteria" separator="or">
<if test="criteria.valid">
<trim prefix="(" prefixOverrides="and" suffix=")">
<foreach collection="criteria.criteria" item="criterion">
<choose>
<when test="criterion.noValue">
and ${criterion.condition}
</when>
<when test="criterion.singleValue">
and ${criterion.condition} #{criterion.value}
</when>
<when test="criterion.betweenValue">
and ${criterion.condition} #{criterion.value} and #{criterion.secondValue}
</when>
<when test="criterion.listValue">
and ${criterion.condition}
<foreach close=")" collection="criterion.value" item="listItem" open="(" separator=",">
#{listItem}
</foreach>
</when>
</choose>
</foreach>
</trim>
</if>
</foreach>
</where>
</sql>
<sql id="Base_Column_List">
id, name, mobile_name, parent_id, parent_id_path, level, sort_order, is_show, image,
is_hot, cat_group, commission_rate
</sql>
<select id="selectByExample" parameterType="com.yjxxt.rpc.pojo.GoodsCategoryExample" resultMap="BaseResultMap">
select
<if test="distinct">
distinct
</if>
<include refid="Base_Column_List" />
from t_goods_category
<if test="_parameter != null">
<include refid="Example_Where_Clause" />
</if>
<if test="orderByClause != null">
order by ${orderByClause}
</if>
</select>
<select id="selectByPrimaryKey" parameterType="java.lang.Short" resultMap="BaseResultMap">
select
<include refid="Base_Column_List" />
from t_goods_category
where id = #{id,jdbcType=SMALLINT}
</select>
<delete id="deleteByPrimaryKey" parameterType="java.lang.Short">
delete from t_goods_category
where id = #{id,jdbcType=SMALLINT}
</delete>
<insert id="insertSelective" parameterType="com.yjxxt.rpc.pojo.GoodsCategory">
<selectKey keyProperty="id" order="AFTER" resultType="java.lang.Short">
SELECT LAST_INSERT_ID()
</selectKey>
insert into t_goods_category
<trim prefix="(" suffix=")" suffixOverrides=",">
<if test="name != null">
name,
</if>
<if test="mobileName != null">
mobile_name,
</if>
<if test="parentId != null">
parent_id,
</if>
<if test="parentIdPath != null">
parent_id_path,
</if>
<if test="level != null">
level,
</if>
<if test="sortOrder != null">
sort_order,
</if>
<if test="isShow != null">
is_show,
</if>
<if test="image != null">
image,
</if>
<if test="isHot != null">
is_hot,
</if>
<if test="catGroup != null">
cat_group,
</if>
<if test="commissionRate != null">
commission_rate,
</if>
</trim>
<trim prefix="values (" suffix=")" suffixOverrides=",">
<if test="name != null">
#{name,jdbcType=VARCHAR},
</if>
<if test="mobileName != null">
#{mobileName,jdbcType=VARCHAR},
</if>
<if test="parentId != null">
#{parentId,jdbcType=SMALLINT},
</if>
<if test="parentIdPath != null">
#{parentIdPath,jdbcType=VARCHAR},
</if>
<if test="level != null">
#{level,jdbcType=TINYINT},
</if>
<if test="sortOrder != null">
#{sortOrder,jdbcType=TINYINT},
</if>
<if test="isShow != null">
#{isShow,jdbcType=TINYINT},
</if>
<if test="image != null">
#{image,jdbcType=VARCHAR},
</if>
<if test="isHot != null">
#{isHot,jdbcType=TINYINT},
</if>
<if test="catGroup != null">
#{catGroup,jdbcType=TINYINT},
</if>
<if test="commissionRate != null">
#{commissionRate,jdbcType=TINYINT},
</if>
</trim>
</insert>
<update id="updateByPrimaryKeySelective" parameterType="com.yjxxt.rpc.pojo.GoodsCategory">
update t_goods_category
<set>
<if test="name != null">
name = #{name,jdbcType=VARCHAR},
</if>
<if test="mobileName != null">
mobile_name = #{mobileName,jdbcType=VARCHAR},
</if>
<if test="parentId != null">
parent_id = #{parentId,jdbcType=SMALLINT},
</if>
<if test="parentIdPath != null">
parent_id_path = #{parentIdPath,jdbcType=VARCHAR},
</if>
<if test="level != null">
level = #{level,jdbcType=TINYINT},
</if>
<if test="sortOrder != null">
sort_order = #{sortOrder,jdbcType=TINYINT},
</if>
<if test="isShow != null">
is_show = #{isShow,jdbcType=TINYINT},
</if>
<if test="image != null">
image = #{image,jdbcType=VARCHAR},
</if>
<if test="isHot != null">
is_hot = #{isHot,jdbcType=TINYINT},
</if>
<if test="catGroup != null">
cat_group = #{catGroup,jdbcType=TINYINT},
</if>
<if test="commissionRate != null">
commission_rate = #{commissionRate,jdbcType=TINYINT},
</if>
</set>
where id = #{id,jdbcType=SMALLINT}
</update>
</mapper>

编写服务类 :IGoodsCategoryService

public interface IGoodsCategoryService {
   //查询所有商品分类数据
   public List<GoodsCategoryVo> queryGoodsCategoryVoForListView();
}

实现类:GoodsCategoryServiceImpl

package com.yjxxt.rpc.service.impl;


import com.yjxxt.rpc.mapper.GoodsCategoryMapper;
import com.yjxxt.rpc.pojo.GoodsCategory;
import com.yjxxt.rpc.pojo.GoodsCategoryExample;
import com.yjxxt.rpc.service.IGoodsCategoryService;
import com.yjxxt.rpc.vo.GoodsCategoryVo;
import org.apache.dubbo.config.annotation.Service;
import org.springframework.beans.BeanUtils;
import org.springframework.beans.factory.annotation.Autowired;
import org.springframework.beans.factory.annotation.Value;
import org.springframework.data.redis.core.RedisTemplate;
import org.springframework.util.CollectionUtils;


import javax.annotation.Resource;
import java.util.ArrayList;
import java.util.List;


@Service(version = "1.0")
public class GoodsCategoryServiceImpl  implements IGoodsCategoryService {


    @Resource
    private GoodsCategoryMapper goodsCategoryMapper;


    @Resource(name="redisTemplate")
    private RedisTemplate<String,Object> redisTemplate;




    @Value("${goodsCategory.list}")
    private String cacheKey;






    @Override
    public List<GoodsCategoryVo> queryGoodsCategoryVoForListView() {
        List<GoodsCategoryVo> gcv01List=new ArrayList<GoodsCategoryVo>();
        if(redisTemplate.hasKey(cacheKey)){
            gcv01List  = (List<GoodsCategoryVo>) redisTemplate.opsForValue().get(cacheKey);
            if(!(CollectionUtils.isEmpty(gcv01List))){
                return gcv01List;
            }
        }
        GoodsCategoryExample example =new GoodsCategoryExample();
        example.createCriteria().andParentIdEqualTo((short)0).andLevelEqualTo((byte)1);
        // 获取一级节点数据
        List<GoodsCategory> gc01List = goodsCategoryMapper.selectByExample(example);
        for (GoodsCategory goodsCategory : gc01List) {
            GoodsCategoryVo goodsCategoryVo=new GoodsCategoryVo();
            BeanUtils.copyProperties(goodsCategory,goodsCategoryVo);
            // 清除原始提交
            example.clear();
            example.createCriteria().andParentIdEqualTo(goodsCategory.getId())
                    .andLevelEqualTo((byte)2);
            // 获取二级节点数据
            List<GoodsCategory> gc02List = goodsCategoryMapper.selectByExample(example);
            List<GoodsCategoryVo> gcv02List=new ArrayList<GoodsCategoryVo>();
            for (GoodsCategory category : gc02List) {
                GoodsCategoryVo goodsCategoryVo02=new GoodsCategoryVo();
                BeanUtils.copyProperties(category,goodsCategoryVo02);
                // 清除原始提交
                example.clear();
                example.createCriteria().andParentIdEqualTo(category.getId())
                        .andLevelEqualTo((byte)3);
                List<GoodsCategory> gc03List = goodsCategoryMapper.selectByExample(example);
                List<GoodsCategoryVo> gcv03List=new ArrayList<GoodsCategoryVo>();
                for (GoodsCategory goodsCategory1 : gc03List) {
                    // 构造三级节点数据
                    GoodsCategoryVo goodsCategoryVo03=new GoodsCategoryVo();
                    BeanUtils.copyProperties(goodsCategory1,goodsCategoryVo03);
                    gcv03List.add(goodsCategoryVo03);
                }
                // 将当前三级节点list 设置给当前goodsCategoryVo02 节点
                goodsCategoryVo02.setChildren(gcv03List);
                // 收集当前一级节点的所有二级节点
                gcv02List.add(goodsCategoryVo02);
            }
            goodsCategoryVo.setChildren(gcv02List);
            gcv01List.add(goodsCategoryVo);
        }
        if(!(CollectionUtils.isEmpty(gcv01List))){
            redisTemplate.opsForValue().set(cacheKey,gcv01List);
        }
        return gcv01List;
    }




}
这个时候接口写好了就需要方法了:
服务类:ISearchService
public interface ISearchService {
    public ShopPageInfo<GoodsVo> search(String key, Integer pageNum, Integer pageSize);
}

实现类:

package com.yjxxt.rpc.service.impl;




import com.yjxxt.common.result.ShopPageInfo;
import com.yjxxt.rpc.service.ISearchService;
import com.yjxxt.rpc.vo.GoodsVo;
import org.apache.dubbo.config.annotation.Service;
import org.elasticsearch.action.search.SearchRequest;
import org.elasticsearch.action.search.SearchResponse;
import org.elasticsearch.client.RequestOptions;
import org.elasticsearch.client.RestHighLevelClient;
import org.elasticsearch.index.query.QueryBuilders;
import org.elasticsearch.search.SearchHit;
import org.elasticsearch.search.builder.SearchSourceBuilder;
import org.elasticsearch.search.fetch.subphase.highlight.HighlightBuilder;


import javax.annotation.Resource;
import java.io.IOException;
import java.math.BigDecimal;
import java.util.ArrayList;
import java.util.List;




@Service(version="1.0")
public class SearchServiceImpl implements ISearchService {
    @Resource
    private RestHighLevelClient restHighLevelClient;




    @Override
    public ShopPageInfo<GoodsVo> search(String key, Integer pageNum, Integer pageSize) {
        try {
            // 指定索引库
            SearchRequest searchRequest = new SearchRequest("shop");
            // 构建查询对象
            SearchSourceBuilder searchSourceBuilder = new SearchSourceBuilder();
            // 添加分页条件,从第 0 个开始,返回 5 个
            searchSourceBuilder.from(((pageNum - 1) * pageSize)).size(pageSize);
            // 构建高亮对象
            HighlightBuilder highlightBuilder = new HighlightBuilder();
            // 指定高亮字段和高亮样式
            highlightBuilder.field("goodsName")
                    .preTags("<span style='color:red;'>")
                    .postTags("</span>");
            searchSourceBuilder.highlighter(highlightBuilder);
            // 添加查询条件
            searchSourceBuilder.query(QueryBuilders.multiMatchQuery(key, "goodsName"));
            // 执行请求
            searchRequest.source(searchSourceBuilder);
            SearchResponse searchResponse = restHighLevelClient.search(searchRequest, RequestOptions.DEFAULT);
            List<GoodsVo> goodsVoList = null;
            if (searchResponse.getHits().getTotalHits() > 0) {
                goodsVoList = new ArrayList<GoodsVo>();
                // 结果数据(如果不设置返回条数,大于十条默认只返回十条)
                SearchHit[] hits = searchResponse.getHits().getHits();
                for (SearchHit hit : hits) {
                    // 构建项目中所需的数据结果集
                    String highlightMessage = String.valueOf(hit.getHighlightFields().get("goodsName").fragments()[0]);
                    Integer goodsId = Integer.valueOf((Integer) hit.getSourceAsMap().get("goodsId"));
                    String goodsName = String.valueOf(hit.getSourceAsMap().get("goodsName"));
                    BigDecimal marketPrice = new BigDecimal(String.valueOf(hit.getSourceAsMap().get("marketPrice")));
                    String originalImg = String.valueOf(hit.getSourceAsMap().get("originalImg"));
                    goodsVoList.add(new GoodsVo(goodsId, goodsName, highlightMessage, marketPrice, originalImg));
                }
                ShopPageInfo<GoodsVo> shopPageInfo = new ShopPageInfo<GoodsVo>(pageNum, pageSize, Integer.parseInt(searchResponse.getHits().getTotalHits() + ""));
                shopPageInfo.setResult(goodsVoList);
                return shopPageInfo;
            }
        } catch (IOException e) {
            e.printStackTrace();
        }
        ShopPageInfo<GoodsVo> shopPageInfo = new ShopPageInfo<GoodsVo>(pageNum, pageSize, 0);
        return shopPageInfo;
    }
}


在portal中加一个启动类:ShopPortalApplication

@SpringBootApplication
public class ShopPortalApplication {
    public static void main(String[] args) {
        SpringApplication.run(ShopPortalApplication.class,args);
    }
}
然后在这个模块中不需要接口和实现类,因为可以从远程服务中进行调用:所以我们只需要写出控制层就可以了
PageController:与rpc进行交互的地方:这里有一点需要注意:
这个@Reference的包是属于dubbo的,不要弄错,不然这个区分的版本号就上不去了
package com.yjxxt.portal.controller;


import com.yjxxt.rpc.service.IGoodsCategoryService;
import com.yjxxt.rpc.vo.GoodsCategoryVo;
import org.apache.dubbo.config.annotation.Reference;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.PathVariable;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.ResponseBody;

import java.util.List;

@Controller
public class  PageController {
    @Reference(interfaceClass = IGoodsCategoryService.class,version = "1.0")
    private IGoodsCategoryService goodsCategoryService;

   @RequestMapping("/{page}")
    public String page(@PathVariable String page){
        return  page;
    }
    @RequestMapping("index")
    public String index(Model model){
        model.addAttribute("gcList",goodsCategoryService.queryGoodsCategoryVoForListView());
        return "index";
    }
    @RequestMapping("goodsCategory/list")
    @ResponseBody
    public List<GoodsCategoryVo> queryGoodsCategoryVoForListView(){
        return goodsCategoryService.queryGoodsCategoryVoForListView();
    }
}
SearchController :承接rpc的SearchServiceImpl控制层
package com.yjxxt.portal.controller;


import com.yjxxt.common.result.ShopPageInfo;
import com.yjxxt.rpc.service.ISearchService;
import com.yjxxt.rpc.vo.GoodsVo;
import org.apache.dubbo.config.annotation.Reference;
import org.springframework.stereotype.Controller;
import org.springframework.ui.Model;
import org.springframework.web.bind.annotation.RequestMapping;
import org.springframework.web.bind.annotation.RequestParam;
import org.springframework.web.bind.annotation.ResponseBody;


@Controller
public class SearchController {
    @Reference(version = "1.0")
    private ISearchService searchService;
    @RequestMapping("search/index")
    public String index(String searchStr, Model model){
        model.addAttribute("searchStr",searchStr);
        return "doSearch";
    }
    @RequestMapping("search")
    @ResponseBody
    public ShopPageInfo<GoodsVo> search(String key,
                                        @RequestParam(defaultValue = "1") Integer pageNum,
                                        @RequestParam(defaultValue = "10") Integer pageSize){
        return searchService.search(key,pageNum,pageSize);
    }
}

在index.ftl中加入两个模板:

<!-- 编写模板 -->
<script type="template" id="goodsCategoryTemplate">
   {{ for(var i = 0; i < it.length; i++){ }}
   <li class="cat_item">
      <h4 class="cat_tit"><a href="#" class="cat_tit_link">
            {{=it[i].name}}</a><span class="s_arrow">></span></h4>
      <div class="cat_cont"> <div class="cat_cont_lft">
            {{ for(var j = 0; j < it[i].children.length;
            j++){ }}
            <dl class="cf"> <dt><a href="#">
                     {{=it[i].children[j].name}}</a></dt>
               <dd><ul>{{ for(var k = 0; k < it[i].children[j].children.length;
                     k++){ }} <li class="first"><a href="#">
                           {{=it[i].children[j].children[k].name}}</a></li>
                     {{ } }} </ul> </dd> </dl> {{ } }}


            </dl>
         </div>
      </div>
   </li>
   {{ } }}
</script>


<!--调用模板-->
<script type="text/javascript">
   // 进入页面获取商品分类列表
   $(function () { selectGoodsCategoryList();
   });
   // 获取商品分类列表
   function selectGoodsCategoryList() {
      $.ajax({
         url: "${ctx}/goodsCategory/list",
         type: "GET",
         dataType: "JSON",
         success: function (result) {
            if (result.length > 0) {
               // 调用模板
               var templ = doT.template($("#goodsCategoryTemplate").text());
               // 填充内容
               $("#goodsCategoryContent").html(templ(result));
               /* ----------鼠标移入移出事件---begin------- */
               $('.cat_item').mousemove(function () {
                  $(this).addClass('cat_item_on');
               });
               $('.cat_item').mouseleave(function () {
                  $(this).removeClass('cat_item_on');
               });
               /* ----------鼠标移入移出事件-----end------- */
            } else { layer.msg("亲,系统正在升级中,请稍后再试!"); }
            shop-parent的pom.xml
         },error: function (result) { console.log(result); layer.msg("亲,系统正在升级中,请稍后再试!"); } });
   }
</script>

到了这一步我们仍然不能访问页面,我们的rpc需要开启zookeeper服务,我们打开虚拟机,转到usr/local/zookeeper中

再进入到apache-zookeeper-3.6.1-bin的bin目录中,随后我们就可以开启服务了:./zkServer.sh start   还有./zkCli.sh,

 

 查看:ls /dubbo

随后我门访问一下消费者看看能不能查到数据

 然后我们访问:http://localhost:9091/shop-portal/,

 

 

总体思路:通过rpc获取服务(个人感觉类似于工厂摸式,谁都可以调用),在rpc中写下服务层和实现类,更改下xml,然后由portal来调用这些接口,获取数据和表单。 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值