lansiwear：电商项目第六天

2024-04-19 12:24:19 0 0

今天完成了商品分类数据的展示：首先再创建两个模块：shop-Portal（电商项目首页的展示）和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"> <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>  <dependency> <groupId>com.yjxxt</groupId> <artifactId>shop-common</artifactId> <version>1.0-SNAPSHOT</version> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-freemarker</artifactId> </dependency>  <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> </dependency>  <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> </dependency>  <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> </dependency>  <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId> </dependency>  <dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-pool2</artifactId> </dependency>  <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>  <dependency> <groupId>org.apache.dubbo</groupId> <artifactId>dubbo-spring-boot-starter</artifactId> </dependency>  <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>

导入一个application.yml spring: profiles: active: dev

导入一个application-dev.yml server: port: 9091 # 项目访问端口，默认 8080 servlet: # 项目访问路径，默认 / context-path: /shop-portal# Springspring: # 数据源 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# MyBatismybatis: # 配置 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" /><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> <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> <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> </div> </div> </div> </div> <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> <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© 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></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" /><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> <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> <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> </div> </div> </div> </div> <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> <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© 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></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>  <java.version>1.8</java.version>  <mybatis.version>2.1.1</mybatis.version>  <pagehelper.version>1.2.13</pagehelper.version>  <mysql.version>8.0.18</mysql.version>  <druid.version>1.1.20</druid.version>  <qiniu.version>[7.2.0, 7.2.99]</qiniu.version>  <commons-lang.version>2.6</commons-lang.version>  <dubbo.version>2.7.3</dubbo.version> </properties>  <dependencyManagement> <dependencies>  <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> <version>${mybatis.version}</version> </dependency>  <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> <version>${pagehelper.version}</version> </dependency>  <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> <version>${mysql.version}</version> </dependency>  <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> <version>${druid.version}</version> </dependency>  <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>  <dependency> <groupId>org.apache.dubbo</groupId> <artifactId>dubbo-spring-boot-starter</artifactId> <version>${dubbo.version}</version> </dependency>  <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>  <dependency> <groupId>com.yjxxt</groupId> <artifactId>shop-common</artifactId> <version>1.0-SNAPSHOT</version> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency>  <dependency> <groupId>org.mybatis.spring.boot</groupId> <artifactId>mybatis-spring-boot-starter</artifactId> </dependency>  <dependency> <groupId>com.github.pagehelper</groupId> <artifactId>pagehelper-spring-boot-starter</artifactId> </dependency>  <dependency> <groupId>mysql</groupId> <artifactId>mysql-connector-java</artifactId> </dependency>  <dependency> <groupId>com.alibaba</groupId> <artifactId>druid</artifactId> </dependency>  <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-data-redis</artifactId> </dependency>  <dependency> <groupId>org.apache.commons</groupId> <artifactId>commons-pool2</artifactId> </dependency>  <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>  <dependency> <groupId>org.apache.dubbo</groupId> <artifactId>dubbo-spring-boot-starter</artifactId> </dependency>  <dependency> <groupId>org.apache.dubbo</groupId> <artifactId>dubbo-dependencies-zookeeper</artifactId> <type>pom</type> </dependency>  <dependency> <groupId>org.elasticsearch</groupId> <artifactId>elasticsearch</artifactId> </dependency>  <dependency> <groupId>org.elasticsearch.client</groupId> <artifactId>elasticsearch-rest-client</artifactId> </dependency>  <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# Springspring: # 数据源 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# MyBatismybatis: # 配置 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_categorywhere id = #{id,jdbcType=SMALLINT}</select><delete id="deleteByPrimaryKey" parameterType="java.lang.Short">delete from t_goods_categorywhere 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

@SpringBootApplicationpublic 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;@Controllerpublic 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;@Controllerpublic 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中