珙县网站建设,百度不收录网站文章,php网站开发套模板步骤,seo搜索引擎优化排名哪家更专业目录
一#xff0c;Springboot整合MybatisPlus
创建商品微服务子模块
二#xff0c;SpringBoot整合Freeamarker
三、SpringBoot整合微服务
gatewaynginx
整合微服务之商品服务zmall-product
创建并配置网关gateway服务
安装配置SwitchHosts
安装配置Windo…目录
一Springboot整合MybatisPlus
创建商品微服务子模块
二SpringBoot整合Freeamarker
三、SpringBoot整合微服务
gatewaynginx
整合微服务之商品服务zmall-product
创建并配置网关gateway服务
安装配置SwitchHosts
安装配置Windows版nginx 一Springboot整合MybatisPlus
我们接着上期来讲上期的项目需基于maven创建子模块zmall-generator用于结合mybatis-plus生成代码。 在公共模块zmall-common中注释掉mybatis的依赖引入改换成mybatis-plus依赖引入
!-- mybatis plus依赖 --
dependencygroupIdcom.baomidou/groupIdartifactIdmybatis-plus-boot-starter/artifactIdversion3.4.0/version
/dependency
在zmall-generator中引入mybatis-plus-generator依赖。该模块专用于mybatis-plus的代码生成所以单独在此引入该依赖即可。
!-- mybatis-plus-generator依赖 --
dependencygroupIdcom.baomidou/groupIdartifactIdmybatis-plus-generator/artifactIdversion3.4.0/version
/dependency 在src/main/resources下创建templates目录并导入mybatis-generator生成代码模板页 在src/main/java下创建包com.zking.zmall并导入generator下的CodeGenerator类用于代码生成 修改CodeGenerator类基本生成参数并生成代码
//数据库连接参数
public static String driver com.mysql.jdbc.Driver;
public static String url jdbc:mysql://localhost:3306/zmall?characterEncodingutf8useSSLfalseserverTimezoneAsia/ShanghairewriteBatchedStatementstrue;
public static String usernameroot;
public static String 密码1234;
//父级别包名称
public static String parentPackage com.zking.zmall;
//项目名设置如果是SpringCloud项目则需要设置其他为即可
public static String projectName/zmall-generator;
//代码生成的目标路径
public static String generateTo /src/main/java;
//mapper.xml的生成路径
public static String mapperXmlPath /src/main/resources/mapper;
//控制器的公共基类用于抽象控制器的公共方法null值表示没有父类
public static String baseControllerClassName ;
//业务层的公共基类用于抽象公共方法
public static String baseServiceClassName ;
//作者名
public static String author zking;
//模块名称用于组成包名
public static String modelName model;
注意 修改数据库连接URL中的数据库名、数据库账号和密码 修改父级别包名称 修改项目名如果是SpringCloud项目则修改不是则默认“”
在此之前先将需简要的表生成出来
zmall_product_category,zmall_product
创建商品微服务子模块
1.基于Spring Initializr方式创建商品服务模块zmall-product 2.在主模块pom.xml中加入商品服务子模块zmall-product
modulesmodulezmall-common/modulemodulezmall-user/modulemodulezmall-generator/modulemodulezmall-product/module
/modules
3.配置商品服务子模块zmall-product的application.yml配置文件
server:port: 8020
spring:application:name: zmall-productdatasource:#type连接池类型 DBCP,C3P0,Hikari,Druid,默认为Hikaritype: com.zaxxer.hikari.HikariDataSourcedriver-class-name: com.mysql.jdbc.Driverurl: jdbc:mysql://localhost:3306/zmall?characterEncodingutf8useSSLfalseserverTimezoneAsia/ShanghairewriteBatchedStatementstrueusername: root密码: 1234freemarker:suffix: .htmltemplate-loader-path: classpath:/templates/
#mybatis-plus配置
mybatis-plus:#所对应的 XML 文件位置mapper-locations: classpath*:/mapper/*Mapper.xml#别名包扫描路径type-aliases-package: com.zking.zmall.modelconfiguration:#驼峰命名规则map-underscore-to-camel-case: true
#日志配置
logging:level:com.zking.zmall.mapper: debug
4.在商品服务子模块中启动类上添加注解
MapperScan({com.zking.zmall.mapper})
SpringBootApplication
MapperScan({com.zking.zmall.mapper})
public class ZmallProductApplication {public static void main(String[] args) {SpringApplication.run(ZmallProductApplication.class, args);}
}
将公共子模块中生成的service层代码复制到商品服务子模块zmall-product中并删除掉非商品相关的service接口及实现类 6.创建junit实现接口测试
zmall-common模块
!-- 用于test目录下的测试--dependencygroupIdjunit/groupIdartifactIdjunit/artifactIdversion4.12/version/dependencydependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-test/artifactId/dependency
测试类运行代码
RunWith(SpringJUnit4ClassRunner.class)
SpringBootTest
public class ProductServiceImplTest {Autowiredprivate IProductService productService;Beforepublic void setUp() throws Exception {}Afterpublic void tearDown() throws Exception {}Testpublic void queryProduct() {ListProduct list productService.list();list.forEach(System.out::println);}
}
二SpringBoot整合Freeamarker
1.在公共模块zmall-common中引入freemarker依赖
dependencygroupIdorg.springframework.boot/groupIdartifactIdspring-boot-starter-freemarker/artifactId
/dependency
2.在商品子模块zmall-product中添加首页和商品详情页面及公共资源js/css/images 将资料目录中的《易买网网页素材.rar》解压后将其中Index.html、Product.html和js/css/images等等添加到项目的templates和static目录下最好请将Index.html、Product.html页面首字母改成小写 导入资料目录中的common目录到项目的templates目录下 将页面中的头部申明!DOCTYPE html ....修改成!DOCTYPE html支持H5风格 在页面中通过#include指令引入common目录中的head.html 3.创建ProductController定义请求方法
Controller
public class ProductController {Autowiredprivate IProductService productService;RequestMapping(/index.html)public String index(Model model){//按照商品的销量降序排序获取销量排名Top5的商品ListProduct products productService.list(new QueryWrapperProduct().orderByDesc(hot).last(limit 5));model.addAttribute(hots,products);return index;}RequestMapping(/product.html)public String detail(Model model,Integer pid){//根据商品ID查询商品详情信息Product product productService.getById(pid);model.addAttribute(product,product);return product;}
}
4.在index.html中绑定热门数据和product.html中绑定商品详情数据
目录结构如图 index.html主页面
!DOCTYPE html
html xmlnshttp://www.w3.org/1999/xhtml
head#include common/head.htmlmeta http-equivContent-Type contenttext/html; charsetutf-8 /link typetext/css relstylesheet hrefcss/style.css /!--[if IE 6]script srcjs/iepng.js typetext/javascript/scriptscript typetext/javascriptEvPNG.fix(div, ul, img, li, input, a);/script![endif]--script typetext/javascript srcjs/jquery-1.11.1.min_044d0927.js/scriptscript typetext/javascript srcjs/jquery.bxslider_e88acd1b.js/scriptscript typetext/javascript srcjs/jquery-1.8.2.min.js/scriptscript typetext/javascript srcjs/menu.js/scriptscript typetext/javascript srcjs/select.js/scriptscript typetext/javascript srcjs/lrscroll.js/scriptscript typetext/javascript srcjs/iban.js/scriptscript typetext/javascript srcjs/fban.js/scriptscript typetext/javascript srcjs/f_ban.js/scriptscript typetext/javascript srcjs/mban.js/scriptscript typetext/javascript srcjs/bban.js/scriptscript typetext/javascript srcjs/hban.js/scriptscript typetext/javascript srcjs/tban.js/scriptscript typetext/javascript srcjs/lrscroll_1.js/scripttitle尤洪/title
/head
body
!--Begin Header Begin--
div classsoubgdiv classsou!--Begin 所在收货地区 Begin--span classs_city_bspan classfl送货至/spanspan classs_cityspan四川/spandiv classs_city_bgdiv classs_city_t/divdiv classs_city_ch2请选择所在的收货地区/h2table border0 classc_tab stylewidth:235px; margin-top:10px; cellspacing0 cellpadding0trthA/thtd classc_hspan安徽/spanspan澳门/span/td/trtrthB/thtd classc_hspan北京/span/td/trtrthC/thtd classc_hspan重庆/span/td/trtrthF/thtd classc_hspan福建/span/td/trtrthG/thtd classc_hspan广东/spanspan广西/spanspan贵州/spanspan甘肃/span/td/trtrthH/thtd classc_hspan河北/spanspan河南/spanspan黑龙江/spanspan海南/spanspan湖北/spanspan湖南/span/td/trtrthJ/thtd classc_hspan江苏/spanspan吉林/spanspan江西/span/td/trtrthL/thtd classc_hspan辽宁/span/td/trtrthN/thtd classc_hspan内蒙古/spanspan宁夏/span/td/trtrthQ/thtd classc_hspan青海/span/td/trtrthS/thtd classc_hspan上海/spanspan山东/spanspan山西/spanspan classc_check四川/spanspan陕西/span/td/trtrthT/thtd classc_hspan台湾/spanspan天津/span/td/trtrthX/thtd classc_hspan西藏/spanspan香港/spanspan新疆/span/td/trtrthY/thtd classc_hspan云南/span/td/trtrthZ/thtd classc_hspan浙江/span/td/tr/table/div/div/span/span!--End 所在收货地区 End--span classfrspan classfl你好请a hrefLogin.html登录/anbsp; a hrefRegist.html stylecolor:#ff4e00;免费注册/anbsp;|nbsp;a href#我的订单/anbsp;|/spanspan classssdiv classss_lista href#收藏夹/adiv classss_list_bgdiv classs_city_t/divdiv classss_list_cullia href#我的收藏夹/a/lilia href#我的收藏夹/a/li/ul/div/div /divdiv classss_lista href#客户服务/adiv classss_list_bgdiv classs_city_t/divdiv classss_list_cullia href#客户服务/a/lilia href#客户服务/a/lilia href#客户服务/a/li/ul/div/div /divdiv classss_lista href#网站导航/adiv classss_list_bgdiv classs_city_t/divdiv classss_list_cullia href#网站导航/a/lilia href#网站导航/a/li/ul/div/div /div/spanspan classfl|nbsp;关注我们/spanspan classs_sha href# classsh1新浪/aa href# classsh2微信/a/spanspan classfr|nbsp;a href#手机版nbsp;img srcimages/s_tel.png alignabsmiddle //a/span/span/div
/div
div classtopdiv classlogoa hrefIndex.htmlimg srcimages/logo.png //a/divdiv classsearchforminput typetext value classs_ipt /input typesubmit value搜索 classs_btn //formspan classfla href#咖啡/aa href#iphone 6S/aa href#新鲜美食/aa href#蛋糕/aa href#日用品/aa href#连衣裙/a/span/divdiv classi_cardiv classcar_t购物车 [ span3/span ]/divdiv classcar_bg!--Begin 购物车未登录 Begin--div classun_login还未登录a hrefLogin.html stylecolor:#ff4e00;马上登录/a 查看购物车/div!--End 购物车未登录 End--!--Begin 购物车已登录 Begin--ul classcarslidiv classimga href#img srcimages/car1.jpg width58 height58 //a/divdiv classnamea href#法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只/a/divdiv classpricefont color#ff4e00399/font X1/div/lilidiv classimga href#img srcimages/car2.jpg width58 height58 //a/divdiv classnamea href#香奈儿Chanel邂逅活力淡香水50ml/a/divdiv classpricefont color#ff4e00399/font X1/div/lilidiv classimga href#img srcimages/car2.jpg width58 height58 //a/divdiv classnamea href#香奈儿Chanel邂逅活力淡香水50ml/a/divdiv classpricefont color#ff4e00399/font X1/div/li/uldiv classprice_sum共计nbsp; font color#ff4e00/fontspan1058/span/divdiv classprice_aa href#去购物车结算/a/div!--End 购物车已登录 End--/div/div
/div
!--End Header End--
!--Begin Menu Begin--
div classmenu_bgdiv classmenu!--Begin 商品分类详情 Begin--div classnavdiv classnav_t全部商品分类/divdiv classleftNavullidiv classfjspan classn_imgspan/spanimg srcimages/nav1.png //spanspan classfl进口食品、生鲜/span/divdiv classzjdiv classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav2.png //spanspan classfl食品、饮料、酒/span/divdiv classzj styletop:-40px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力2/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav3.png //spanspan classfl母婴、玩具、童装/span/divdiv classzj styletop:-80px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力3/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav4.png //spanspan classfl家居、家庭清洁、纸品/span/divdiv classzj styletop:-120px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力4/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav5.png //spanspan classfl美妆、个人护理、洗护/span/divdiv classzj styletop:-160px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力5/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav6.png //spanspan classfl女装、内衣、中老年/span/divdiv classzj styletop:-200px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力6/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav7.png //spanspan classfl鞋靴、箱包、腕表配饰/span/divdiv classzj styletop:-240px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力7/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav8.png //spanspan classfl男装、运动/span/divdiv classzj styletop:-280px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力8/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav9.png //spanspan classfl手机、小家电、电脑/span/divdiv classzj styletop:-320px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力9/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav10.png //spanspan classfl礼品、充值/span/divdiv classzj styletop:-360px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力10/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/li/ul/div/div!--End 商品分类详情 End--ul classmenu_rlia hrefIndex.html首页/a/lilia hrefFood.html美食/a/lilia hrefFresh.html生鲜/a/lilia hrefHomeDecoration.html家居/a/lilia hrefSuitDress.html女装/a/lilia hrefMakeUp.html美妆/a/lilia hrefDigital.html数码/a/lilia hrefGroupBuying.html团购/a/li/uldiv classm_ad中秋送好礼/div/div
/div
!--End Menu End--
div classi_bg bg_colordiv classi_ban_bg!--Begin Banner Begin--div classbannerdiv classtop_slide_wrapul classslide_box bxsliderliimg srcimages/ban1.jpg width740 height401 //liliimg srcimages/ban1.jpg width740 height401 //liliimg srcimages/ban1.jpg width740 height401 //li/uldiv classop_btns clearfixa href# classop_btn op_prevspan/span/aa href# classop_btn op_nextspan/span/a/div/div/divscript typetext/javascript//var jq jQuery.noConflict();(function(){$(.bxslider).bxSlider({auto:true,prevSelector:jq(.top_slide_wrap .op_prev)[0],nextSelector:jq(.top_slide_wrap .op_next)[0]});})();/script!--End Banner End--div classinewsdiv classnews_tspan classfra href#更多 /a/span新闻资讯/divullispan[ 特惠 ]/spana href#掬一轮明月 表无尽惦念/a/lilispan[ 公告 ]/spana href#好奇金装成长裤新品上市/a/lilispan[ 特惠 ]/spana href#大牌闪购 · 抢/a/lilispan[ 公告 ]/spana href#发福利 买车就抢千元油卡/a/lilispan[ 公告 ]/spana href#家电低至五折/a/li/uldiv classcharge_t话费充值div classch_t_icon/div/divformtable border0 stylewidth:205px; margin-top:10px; cellspacing0 cellpadding0tr height35td width33号码/tdtdinput typetext value classc_ipt //td/trtr height35td面值/tdtdselect classjj namecityoption value0 selectedselected100元/optionoption value150元/optionoption value230元/optionoption value320元/optionoption value410元/option/selectspan stylecolor:#ff4e00; font-size:14px;99.5/span/td/trtr height35td colspan2input typesubmit value立即充值 classc_btn //td/tr/table/form/div/div!--Begin 热门商品 Begin--div classcontent mar_10div classh_l_imgdiv classimgimg srcimages/l_img.jpg width188 height188 //divdiv classpri_bgspan classprice fl53.00/spanspan classfr16R/span/div/divdiv classhot_prodiv idfeatureContainerdiv idfeaturediv idblockdiv idbotton-scrollul classfeatureUL#--判断hots是否为空--#if hots??#--循环遍历热销商品--#list hots as itli classfeatureBoxdiv classboxdiv classh_iconimg srcimages/hot.png width50 height50 //divdiv classimgbga href${ctx}/product.html?pid${(it.id)!}img src${(it.fileName)!} width160 height136 //a/divdiv classnamea href${ctx}/product.html?pid${(it.id)!}#-- h2德国进口/h2--${(it.name)!}/a/divdiv classpricefontspan${(it.price)!}/span/font nbsp; 26R/div/div/li/#list/#if/ul/div/diva classh_prev hrefjavascript:void();Previous/aa classh_next hrefjavascript:void();Next/a/div/div/div/div!--Begin 限时特卖 Begin--div classi_t mar_10span classfl限时秒杀/spanspan classi_mores fra href#更多/a/span/divdiv classcontentdiv classi_selldiv idimgPlayul classimgs idactorlia href#img srcimages/tm_r.jpg width211 height357 //a/lilia href#img srcimages/tm_r.jpg width211 height357 //a/lilia href#img srcimages/tm_r.jpg width211 height357 //a/li/uldiv classprevi上一张/divdiv classnexti下一张/div/div/divdiv classsell_rightdiv classsell_1div classsb_imga href#img srcimages/food_r.jpg width242 height356 //a/divdiv classs_pricespan89/span/divdiv classs_nameh2a href#长城干红/a/h2倒计时span1200/span 时 span30/span 分 span28/span 秒/div/divdiv classsell_2div classsb_imga href#img srcimages/tm_b1.jpg width242 height356 //a/divdiv classs_pricespan289/span/divdiv classs_nameh2a href#东北大米/a/h2倒计时span1200/span 时 span30/span 分 span28/span 秒/div/divdiv classsell_3div classsb_imga href#img srcimages/fre_r.jpg width242 height356 //a/divdiv classs_pricespan289/span/divdiv classs_nameh2a href#美心月饼/a/h2倒计时span1200/span 时 span30/span 分 span28/span 秒/div/divdiv classsell_4div classsb_imga href#img srcimages/tm_b2.jpg width242 height356 //a/divdiv classs_pricespan289/span/divdiv classs_nameh2a href#美妆/a/h2倒计时span1200/span 时 span30/span 分 span28/span 秒/div/div/div/div!--End 限时特卖 End--div classcontent mar_20img srcimages/mban_1.jpg width1200 height110 //div!--Begin 进口 生鲜 Begin--div classi_t mar_10span classfloor_num1F/spanspan classfl进口 b·/b 生鲜/spanspan classi_mores fra href#进口咖啡/anbsp; nbsp; nbsp; a href#进口酒/anbsp; nbsp; nbsp; a href#进口母婴/anbsp; nbsp; nbsp; a href#新鲜蔬菜/anbsp; nbsp; nbsp; a href#新鲜水果/a/span/divdiv classcontentdiv classfresh_leftdiv classfre_bandiv idimgPlay1ul classimgs idactor1lia href#img srcimages/fre_r.jpg width211 height286 //a/lilia href#img srcimages/fre_r.jpg width211 height286 //a/lilia href#img srcimages/fre_r.jpg width211 height286 //a/li/uldiv classprevf上一张/divdiv classnextf下一张/div/div/divdiv classfresh_txtdiv classfresh_txt_ca href#进口水果/aa href#奇异果/aa href#西柚/aa href#海鲜水产/aa href#品质牛肉/aa href#奶粉/aa href#鲜活禽蛋/aa href#进口酒/aa href#进口奶粉/aa href#鲜活禽蛋/a/div/div/divdiv classfresh_midullidiv classnamea href#新鲜美味 进口美食/a/divdiv classpricefontspan198.00/span/font nbsp; 26R/divdiv classimga href#img srcimages/fre_1.jpg width185 height155 //a/div/lilidiv classnamea href#新鲜美味 进口美食/a/divdiv classpricefontspan198.00/span/font nbsp; 26R/divdiv classimga href#img srcimages/fre_2.jpg width185 height155 //a/div/lilidiv classnamea href#新鲜美味 进口美食/a/divdiv classpricefontspan198.00/span/font nbsp; 26R/divdiv classimga href#img srcimages/fre_3.jpg width185 height155 //a/div/lilidiv classnamea href#新鲜美味 进口美食/a/divdiv classpricefontspan198.00/span/font nbsp; 26R/divdiv classimga href#img srcimages/fre_4.jpg width185 height155 //a/div/lilidiv classnamea href#新鲜美味 进口美食/a/divdiv classpricefontspan198.00/span/font nbsp; 26R/divdiv classimga href#img srcimages/fre_5.jpg width185 height155 //a/div/lilidiv classnamea href#新鲜美味 进口美食/a/divdiv classpricefontspan198.00/span/font nbsp; 26R/divdiv classimga href#img srcimages/fre_6.jpg width185 height155 //a/div/li/ul/divdiv classfresh_rightullia href#img srcimages/fre_b1.jpg width260 height220 //a/lilia href#img srcimages/fre_b2.jpg width260 height220 //a/li/ul/div/div!--End 进口 生鲜 End--!--Begin 食品饮料 Begin--div classi_t mar_10span classfloor_num2F/spanspan classfl食品饮料/spanspan classi_mores fra href#咖啡/anbsp; nbsp; | nbsp; nbsp;a href#休闲零食/anbsp; nbsp; | nbsp; nbsp;a href#饼干糕点/anbsp; nbsp; | nbsp; nbsp;a href#冲饮谷物/anbsp; nbsp; | nbsp; nbsp;a href#营养保健/a/span/divdiv classcontentdiv classfood_leftdiv classfood_bandiv idimgPlay2ul classimgs idactor2lia href#img srcimages/food_r.jpg width211 height286 //a/lilia href#img srcimages/food_r.jpg width211 height286 //a/lilia href#img srcimages/food_r.jpg width211 height286 //a/li/uldiv classprev_f上一张/divdiv classnext_f下一张/div/div/divdiv classfresh_txtdiv classfresh_txt_ca href#饼干糕点/aa href#休闲零食/aa href#饮料果汁/aa href#牛奶乳品/aa href#冲饮谷物/aa href#营养保健/aa href#冲饮谷物/aa href#营养保健/a/div/div/divdiv classfresh_midullidiv classnamea href#莫斯利安酸奶/a/divdiv classpricefontspan96.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/food_1.jpg width185 height155 //a/div/lilidiv classnamea href#莫斯利安酸奶/a/divdiv classpricefontspan96.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/food_2.jpg width185 height155 //a/div/lilidiv classnamea href#莫斯利安酸奶/a/divdiv classpricefontspan96.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/food_3.jpg width185 height155 //a/div/lilidiv classnamea href#莫斯利安酸奶/a/divdiv classpricefontspan96.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/food_4.jpg width185 height155 //a/div/lilidiv classnamea href#莫斯利安酸奶/a/divdiv classpricefontspan96.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/food_5.jpg width185 height155 //a/div/lilidiv classnamea href#莫斯利安酸奶/a/divdiv classpricefontspan96.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/food_6.jpg width185 height155 //a/div/li/ul/divdiv classfresh_rightullia href#img srcimages/food_b1.jpg width260 height220 //a/lilia href#img srcimages/food_b2.jpg width260 height220 //a/li/ul/div/div!--End 食品饮料 End--!--Begin 个人美妆 Begin--div classi_t mar_10span classfloor_num3F/spanspan classfl个人美妆/spanspan classi_mores fra href#洗发护发/anbsp; nbsp; | nbsp; nbsp;a href#面膜/anbsp; nbsp; | nbsp; nbsp;a href#洗面奶/anbsp; nbsp; | nbsp; nbsp;a href#香水/anbsp; nbsp; | nbsp; nbsp;a href#沐浴露/a/span/divdiv classcontentdiv classmake_leftdiv classmake_bandiv idimgPlay3ul classimgs idactor3lia href#img srcimages/make_r.jpg width211 height286 //a/lilia href#img srcimages/make_r.jpg width211 height286 //a/lilia href#img srcimages/make_r.jpg width211 height286 //a/li/uldiv classprev_m上一张/divdiv classnext_m下一张/div/div/divdiv classfresh_txtdiv classfresh_txt_ca href#洗发护发/aa href#牙刷牙膏/aa href#面膜/aa href#补水面膜/aa href#香水/aa href#面霜/aa href#洗面奶/aa href#脱毛膏/aa href#沐浴露/a/div/div/divdiv classfresh_midullidiv classnamea href#美宝莲粉饼/a/divdiv classpricefontspan260.00/span/font nbsp; 16R/divdiv classimga href#img srcimages/make_1.jpg width185 height155 //a/div/lilidiv classnamea href#美宝莲粉饼/a/divdiv classpricefontspan260.00/span/font nbsp; 16R/divdiv classimga href#img srcimages/make_2.jpg width185 height155 //a/div/lilidiv classnamea href#美宝莲粉饼/a/divdiv classpricefontspan260.00/span/font nbsp; 16R/divdiv classimga href#img srcimages/make_3.jpg width185 height155 //a/div/lilidiv classnamea href#美宝莲粉饼/a/divdiv classpricefontspan260.00/span/font nbsp; 16R/divdiv classimga href#img srcimages/make_4.jpg width185 height155 //a/div/lilidiv classnamea href#美宝莲粉饼/a/divdiv classpricefontspan260.00/span/font nbsp; 16R/divdiv classimga href#img srcimages/make_5.jpg width185 height155 //a/div/lilidiv classnamea href#美宝莲粉饼/a/divdiv classpricefontspan260.00/span/font nbsp; 16R/divdiv classimga href#img srcimages/make_6.jpg width185 height155 //a/div/li/ul/divdiv classfresh_rightullia href#img srcimages/make_b1.jpg width260 height220 //a/lilia href#img srcimages/make_b2.jpg width260 height220 //a/li/ul/div/div!--End 个人美妆 End--div classcontent mar_20img srcimages/mban_1.jpg width1200 height110 //div!--Begin 母婴玩具 Begin--div classi_t mar_10span classfloor_num4F/spanspan classfl母婴玩具/spanspan classi_mores fra href#营养品/anbsp; nbsp; | nbsp; nbsp;a href#孕妈背带裤/anbsp; nbsp; | nbsp; nbsp;a href#儿童玩具/anbsp; nbsp; | nbsp; nbsp;a href#婴儿床/anbsp; nbsp; | nbsp; nbsp;a href#喂奶器/a/span/divdiv classcontentdiv classbaby_leftdiv classbaby_bandiv idimgPlay4ul classimgs idactor4lia href#img srcimages/baby_r.jpg width211 height286 //a/lilia href#img srcimages/baby_r.jpg width211 height286 //a/lilia href#img srcimages/baby_r.jpg width211 height286 //a/li/uldiv classprev_b上一张/divdiv classnext_b下一张/div/div/divdiv classfresh_txtdiv classfresh_txt_ca href#孕妈必备/aa href#儿童玩具/aa href#重装童鞋/aa href#辅助食品/aa href#奶粉/aa href#鲜活禽蛋/aa href#维生素/aa href#重装童鞋/aa href#辅助食品/a/div/div/divdiv classfresh_midullidiv classnamea href#儿童玩具 变形金刚/a/divdiv classpricefontspan260.00/span/font nbsp; 20R/divdiv classimga href#img srcimages/baby_1.jpg width185 height155 //a/div/lilidiv classnamea href#儿童玩具 变形金刚/a/divdiv classpricefontspan260.00/span/font nbsp; 20R/divdiv classimga href#img srcimages/baby_2.jpg width185 height155 //a/div/lilidiv classnamea href#儿童玩具 变形金刚/a/divdiv classpricefontspan260.00/span/font nbsp; 20R/divdiv classimga href#img srcimages/baby_3.jpg width185 height155 //a/div/lilidiv classnamea href#儿童玩具 变形金刚/a/divdiv classpricefontspan260.00/span/font nbsp; 20R/divdiv classimga href#img srcimages/baby_4.jpg width185 height155 //a/div/lilidiv classnamea href#儿童玩具 变形金刚/a/divdiv classpricefontspan260.00/span/font nbsp; 20R/divdiv classimga href#img srcimages/baby_5.jpg width185 height155 //a/div/lilidiv classnamea href#儿童玩具 变形金刚/a/divdiv classpricefontspan260.00/span/font nbsp; 20R/divdiv classimga href#img srcimages/baby_6.jpg width185 height155 //a/div/li/ul/divdiv classfresh_rightullia href#img srcimages/baby_b1.jpg width260 height220 //a/lilia href#img srcimages/baby_b2.jpg width260 height220 //a/li/ul/div/div!--End 母婴玩具 End--!--Begin 家居生活 Begin--div classi_t mar_10span classfloor_num5F/spanspan classfl家居生活/spanspan classi_mores fra href#床上用品/anbsp; nbsp; | nbsp; nbsp;a href#家纺布艺/anbsp; nbsp; | nbsp; nbsp;a href#餐具/anbsp; nbsp; | nbsp; nbsp;a href#沙发/anbsp; nbsp; | nbsp; nbsp;a href#汽车用品/a/span/divdiv classcontentdiv classhome_leftdiv classhome_bandiv idimgPlay5ul classimgs idactor5lia href#img srcimages/home_r.jpg width211 height286 //a/lilia href#img srcimages/home_r.jpg width211 height286 //a/lilia href#img srcimages/home_r.jpg width211 height286 //a/li/uldiv classprev_h上一张/divdiv classnext_h下一张/div/div/divdiv classfresh_txtdiv classfresh_txt_ca href#床上用品/aa href#家纺布艺/aa href#餐具水具/aa href#锅具厨具/aa href#沙发/aa href#书柜/aa href#狗粮/aa href#家装建材/aa href#汽车用品/a/div/div/divdiv classfresh_midullidiv classnamea href#品质蓝色沙发/a/divdiv classpricefontspan2160.00/span/font nbsp; 50R/divdiv classimga href#img srcimages/home_1.jpg width185 height155 //a/div/lilidiv classnamea href#品质蓝色沙发/a/divdiv classpricefontspan2160.00/span/font nbsp; 50R/divdiv classimga href#img srcimages/home_2.jpg width185 height155 //a/div/lilidiv classnamea href#品质蓝色沙发/a/divdiv classpricefontspan2160.00/span/font nbsp; 50R/divdiv classimga href#img srcimages/home_3.jpg width185 height155 //a/div/lilidiv classnamea href#品质蓝色沙发/a/divdiv classpricefontspan2160.00/span/font nbsp; 50R/divdiv classimga href#img srcimages/home_4.jpg width185 height155 //a/div/lilidiv classnamea href#品质蓝色沙发/a/divdiv classpricefontspan2160.00/span/font nbsp; 50R/divdiv classimga href#img srcimages/home_5.jpg width185 height155 //a/div/lilidiv classnamea href#品质蓝色沙发/a/divdiv classpricefontspan2160.00/span/font nbsp; 50R/divdiv classimga href#img srcimages/home_6.jpg width185 height155 //a/div/li/ul/divdiv classfresh_rightullia href#img srcimages/home_b1.jpg width260 height220 //a/lilia href#img srcimages/home_b2.jpg width260 height220 //a/li/ul/div/div!--End 家居生活 End--!--Begin 数码家电 Begin--div classi_t mar_10span classfloor_num6F/spanspan classfl数码家电/spanspan classi_mores fra href#手机/anbsp; nbsp; | nbsp; nbsp;a href#苹果/anbsp; nbsp; | nbsp; nbsp;a href#华为手机/anbsp; nbsp; | nbsp; nbsp;a href#洗衣机/anbsp; nbsp; | nbsp; nbsp;a href#数码配件/a/span/divdiv classcontentdiv classtel_leftdiv classtel_bandiv idimgPlay6ul classimgs idactor6lia href#img srcimages/tel_r.jpg width211 height286 //a/lilia href#img srcimages/tel_r.jpg width211 height286 //a/lilia href#img srcimages/tel_r.jpg width211 height286 //a/li/uldiv classprev_t上一张/divdiv classnext_t下一张/div/div/divdiv classfresh_txtdiv classfresh_txt_ca href#手机/aa href#平板电脑/aa href#空调/aa href#合约机/aa href#电风扇/aa href#数码配件/aa href#洗衣机/aa href#电视/aa href#充电器/aa href#耳线/a/div/div/divdiv classfresh_midullidiv classnamea href#乐视高清电视/a/divdiv classpricefontspan2160.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/tel_1.jpg width185 height155 //a/div/lilidiv classnamea href#乐视高清电视/a/divdiv classpricefontspan2160.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/tel_2.jpg width185 height155 //a/div/lilidiv classnamea href#乐视高清电视/a/divdiv classpricefontspan2160.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/tel_3.jpg width185 height155 //a/div/lilidiv classnamea href#乐视高清电视/a/divdiv classpricefontspan2160.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/tel_4.jpg width185 height155 //a/div/lilidiv classnamea href#乐视高清电视/a/divdiv classpricefontspan2160.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/tel_5.jpg width185 height155 //a/div/lilidiv classnamea href#乐视高清电视/a/divdiv classpricefontspan2160.00/span/font nbsp; 25R/divdiv classimga href#img srcimages/tel_6.jpg width185 height155 //a/div/li/ul/divdiv classfresh_rightullia href#img srcimages/tel_b1.jpg width260 height220 //a/lilia href#img srcimages/tel_b2.jpg width260 height220 //a/li/ul/div/div!--End 数码家电 End--!--Begin 猜你喜欢 Begin--div classi_t mar_10span classfl猜你喜欢/span/divdiv classlikediv idfeatureContainer1div idfeature1div idblock1div idbotton-scroll1ul classfeatureULli classfeatureBoxdiv classboxdiv classimgbga href#img srcimages/hot1.jpg width160 height136 //a/divdiv classnamea href#h2德国进口/h2德亚全脂纯牛奶200ml*48盒/a/divdiv classpricefontspan189/span/font nbsp; 26R/div/div/lili classfeatureBoxdiv classboxdiv classimgbga href#img srcimages/hot2.jpg width160 height136 //a/divdiv classnamea href#h2iphone 6S/h2Apple/苹果 iPhone 6s Plus公开版/a/divdiv classpricefontspan5288/span/font nbsp; 25R/div/div/lili classfeatureBoxdiv classboxdiv classimgbga href#img srcimages/hot3.jpg width160 height136 //a/divdiv classnamea href#h2倩碧特惠组合套装/h2倩碧补水组合套装8折促销/a/divdiv classpricefontspan368/span/font nbsp; 18R/div/div/lili classfeatureBoxdiv classboxdiv classimgbga href#img srcimages/hot4.jpg width160 height136 //a/divdiv classnamea href#h2品利特级橄榄油/h2750ml*4瓶装组合 西班牙原装进口/a/divdiv classpricefontspan280/span/font nbsp; 30R/div/div/lili classfeatureBoxdiv classboxdiv classimgbga href#img srcimages/hot4.jpg width160 height136 //a/divdiv classnamea href#h2品利特级橄榄油/h2750ml*4瓶装组合 西班牙原装进口/a/divdiv classpricefontspan280/span/font nbsp; 30R/div/div/li/ul/div/diva classl_prev hrefjavascript:void();Previous/aa classl_next hrefjavascript:void();Next/a/div/div/div!--End 猜你喜欢 End--!--Begin Footer Begin --div classb_btm_bg b_btm_cdiv classb_btmtable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b1.png width62 height62 //tdtdh2正品保障/h2正品行货 放心购买/td/tr/tabletable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b2.png width62 height62 //tdtdh2满38包邮/h2满38包邮 免运费/td/tr/tabletable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b3.png width62 height62 //tdtdh2天天低价/h2天天低价 畅选无忧/td/tr/tabletable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b4.png width62 height62 //tdtdh2准时送达/h2收货时间由你做主/td/tr/table/div/divdiv classb_navdldta href#新手上路/a/dtdda href#售后流程/a/dddda href#购物流程/a/dddda href#订购方式/a/dddda href#隐私声明/a/dddda href#推荐分享说明/a/dd/dldldta href#配送与支付/a/dtdda href#货到付款区域/a/dddda href#配送支付查询/a/dddda href#支付方式说明/a/dd/dldldta href#会员中心/a/dtdda href#资金管理/a/dddda href#我的收藏/a/dddda href#我的订单/a/dd/dldldta href#服务保证/a/dtdda href#退换货原则/a/dddda href#售后服务保证/a/dddda href#产品质量保证/a/dd/dldldta href#联系我们/a/dtdda href#网站故障报告/a/dddda href#购物咨询/a/dddda href#投诉与建议/a/dd/dldiv classb_tel_bga href# classb_sh1新浪微博/aa href# classb_sh2腾讯微博/ap服务热线br /span400-123-4567/span/p/divdiv classb_erdiv classb_er_cimg srcimages/er.gif width118 height118 //divimg srcimages/ss.png //div/divdiv classbtmbgdiv classbtm备案/许可证编号蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical Support: Dgg Group br /img srcimages/b_1.gif width98 height33 /img srcimages/b_2.gif width98 height33 /img srcimages/b_3.gif width98 height33 /img srcimages/b_4.gif width98 height33 /img srcimages/b_5.gif width98 height33 /img srcimages/b_6.gif width98 height33 //div/div!--End Footer End --
/div/body!--[if IE 6]
script src//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js/script
![endif]--
/htmldiv classtopdiv classlogoa href${ctx}/Home?actionindeximg src${ctx}/statics/images/logo.png/a/divdiv classsearchforminput txypetext value classs_iptinput typesubmit value搜索 classs_btn/formspan classfla hrefjavascript:void(0)咖啡/aa hrefjavascript:void(0)iphone 6S/aa hrefjavascript:void(0)新鲜美食/aa hrefjavascript:void(0)蛋糕/aa hrefjavascript:void(0)日用品/aa hrefjavascript:void(0)连衣裙/a/span/divdiv classi_cardiv classcar_t购物车 [ span3/span ]/divdiv classcar_bg!--Begin 购物车未登录 Begin--#-- c:if test${sessionScope.loginUsernull}--#-- div classun_login还未登录a href${ctx}/Login?actiontoLogin stylecolor:#ff4e00;马上登录/a 查看购物车/div--#-- /c:if--!--End 购物车未登录 End--!--Begin 购物车已登录 Begin--ul classcars#-- c:if test${sessionScope.cart2null || sessionScope.cart2.items.size()1} 您尚未购买任何物品是否进入a href${ctx}/Home?actionindex商品页/a进行购买/c:if--#-- c:if test${sessionScope.cart2.items.size()1}--lidiv classimga hrefjavascript:void(0)img src${ctx}/statics/images/car1.jpg width58 height58/a/divdiv classnamea hrefjavascript:void(0)法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只/a/divdiv classpricefont color#ff4e00399/fontX1/div/li#-- /c:if--/uldiv classprice_sum共计nbsp; font color#ff4e00/fontspan1058/span/divdiv classprice_aa hrefjavascript:void(0)去购物车结算/a/div!--End 购物车已登录 End--/div/div
/div
商品界面product.html
!DOCTYPE html
html xmlnshttp://www.w3.org/1999/xhtml
head#include common/head.html
meta http-equivContent-Type contenttext/html; charsetutf-8 /link typetext/css relstylesheet hrefcss/style.css /!--[if IE 6]script srcjs/iepng.js typetext/javascript/scriptscript typetext/javascriptEvPNG.fix(div, ul, img, li, input, a); /script![endif]--script typetext/javascript srcjs/jquery-1.8.2.min.js/scriptscript typetext/javascript srcjs/menu.js/script script typetext/javascript srcjs/lrscroll_1.js/script script typetext/javascript srcjs/n_nav.js/scriptlink relstylesheet typetext/css hrefcss/ShopShow.css /link relstylesheet typetext/css hrefcss/MagicZoom.css /script typetext/javascript srcjs/MagicZoom.js/scriptscript typetext/javascript srcjs/num.jsvar jq jQuery.noConflict();/scriptscript typetext/javascript srcjs/p_tab.js/scriptscript typetext/javascript srcjs/shade.js/scripttitle尤洪/title
/head
body
!--Begin Header Begin--
div classsoubgdiv classsou!--Begin 所在收货地区 Begin--span classs_city_bspan classfl送货至/spanspan classs_cityspan四川/spandiv classs_city_bgdiv classs_city_t/divdiv classs_city_ch2请选择所在的收货地区/h2table border0 classc_tab stylewidth:235px; margin-top:10px; cellspacing0 cellpadding0trthA/thtd classc_hspan安徽/spanspan澳门/span/td/trtrthB/thtd classc_hspan北京/span/td/trtrthC/thtd classc_hspan重庆/span/td/trtrthF/thtd classc_hspan福建/span/td/trtrthG/thtd classc_hspan广东/spanspan广西/spanspan贵州/spanspan甘肃/span/td/trtrthH/thtd classc_hspan河北/spanspan河南/spanspan黑龙江/spanspan海南/spanspan湖北/spanspan湖南/span/td/trtrthJ/thtd classc_hspan江苏/spanspan吉林/spanspan江西/span/td/trtrthL/thtd classc_hspan辽宁/span/td/trtrthN/thtd classc_hspan内蒙古/spanspan宁夏/span/td/trtrthQ/thtd classc_hspan青海/span/td/trtrthS/thtd classc_hspan上海/spanspan山东/spanspan山西/spanspan classc_check四川/spanspan陕西/span/td/trtrthT/thtd classc_hspan台湾/spanspan天津/span/td/trtrthX/thtd classc_hspan西藏/spanspan香港/spanspan新疆/span/td/trtrthY/thtd classc_hspan云南/span/td/trtrthZ/thtd classc_hspan浙江/span/td/tr/table/div/div/span/span!--End 所在收货地区 End--span classfrspan classfl你好请a hrefLogin.html登录/anbsp; a hrefRegist.html stylecolor:#ff4e00;免费注册/anbsp;|nbsp;a href#我的订单/anbsp;|/spanspan classssdiv classss_lista href#收藏夹/adiv classss_list_bgdiv classs_city_t/divdiv classss_list_cullia href#我的收藏夹/a/lilia href#我的收藏夹/a/li/ul/div/div /divdiv classss_lista href#客户服务/adiv classss_list_bgdiv classs_city_t/divdiv classss_list_cullia href#客户服务/a/lilia href#客户服务/a/lilia href#客户服务/a/li/ul/div/div /divdiv classss_lista href#网站导航/adiv classss_list_bgdiv classs_city_t/divdiv classss_list_cullia href#网站导航/a/lilia href#网站导航/a/li/ul/div/div /div/spanspan classfl|nbsp;关注我们/spanspan classs_sha href# classsh1新浪/aa href# classsh2微信/a/spanspan classfr|nbsp;a href#手机版nbsp;img srcimages/s_tel.png alignabsmiddle //a/span/span/div
/div
div classtopdiv classlogoa hrefIndex.htmlimg srcimages/logo.png //a/divdiv classsearchforminput typetext value classs_ipt /input typesubmit value搜索 classs_btn //form span classfla href#咖啡/aa href#iphone 6S/aa href#新鲜美食/aa href#蛋糕/aa href#日用品/aa href#连衣裙/a/span/divdiv classi_cardiv classcar_t购物车 [ span3/span ]/divdiv classcar_bg!--Begin 购物车未登录 Begin--div classun_login还未登录a hrefLogin.html stylecolor:#ff4e00;马上登录/a 查看购物车/div!--End 购物车未登录 End--!--Begin 购物车已登录 Begin--ul classcarslidiv classimga href#img srcimages/car1.jpg width58 height58 //a/divdiv classnamea href#法颂浪漫梦境50ML 香水女士持久清新淡香 送2ML小样3只/a/divdiv classpricefont color#ff4e00399/font X1/div/lilidiv classimga href#img srcimages/car2.jpg width58 height58 //a/divdiv classnamea href#香奈儿Chanel邂逅活力淡香水50ml/a/divdiv classpricefont color#ff4e00399/font X1/div/lilidiv classimga href#img srcimages/car2.jpg width58 height58 //a/divdiv classnamea href#香奈儿Chanel邂逅活力淡香水50ml/a/divdiv classpricefont color#ff4e00399/font X1/div/li/uldiv classprice_sum共计nbsp; font color#ff4e00/fontspan1058/span/divdiv classprice_aa href#去购物车结算/a/div!--End 购物车已登录 End--/div/div
/div
!--End Header End--
!--Begin Menu Begin--
div classmenu_bgdiv classmenu!--Begin 商品分类详情 Begin-- div classnavdiv classnav_t全部商品分类/divdiv classleftNav noneul lidiv classfjspan classn_imgspan/spanimg srcimages/nav1.png //spanspan classfl进口食品、生鲜/span/divdiv classzjdiv classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav2.png //spanspan classfl食品、饮料、酒/span/divdiv classzj styletop:-40px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力2/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/divdiv classzj_l_ch2零食 / 糖果 / 巧克力/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav3.png //spanspan classfl母婴、玩具、童装/span/divdiv classzj styletop:-80px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力3/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav4.png //spanspan classfl家居、家庭清洁、纸品/span/divdiv classzj styletop:-120px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力4/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav5.png //spanspan classfl美妆、个人护理、洗护/span/divdiv classzj styletop:-160px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力5/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav6.png //spanspan classfl女装、内衣、中老年/span/divdiv classzj styletop:-200px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力6/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav7.png //spanspan classfl鞋靴、箱包、腕表配饰/span/divdiv classzj styletop:-240px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力7/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav8.png //spanspan classfl男装、运动/span/divdiv classzj styletop:-280px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力8/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/lilidiv classfjspan classn_imgspan/spanimg srcimages/nav9.png //spanspan classfl手机、小家电、电脑/span/divdiv classzj styletop:-320px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力9/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/li lidiv classfjspan classn_imgspan/spanimg srcimages/nav10.png //spanspan classfl礼品、充值/span/divdiv classzj styletop:-360px;div classzj_ldiv classzj_l_ch2零食 / 糖果 / 巧克力10/h2a href#坚果/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#巧克力/a|a href#口香糖/a|a href#海苔/a|a href#鱼干/a|a href#蜜饯/a|a href#红枣/a|a href#蜜饯/a|a href#红枣/a|a href#牛肉干/a|a href#蜜饯/a|/div/divdiv classzj_ra href#img srcimages/n_img1.jpg width236 height200 //aa href#img srcimages/n_img2.jpg width236 height200 //a/div/div/li /ul /div/div !--End 商品分类详情 End-- ul classmenu_rlia hrefIndex.html首页/a/lilia hrefFood.html美食/a/lilia hrefFresh.html生鲜/a/lilia hrefHomeDecoration.html家居/a/lilia hrefSuitDress.html女装/a/lilia hrefMakeUp.html美妆/a/lilia hrefDigital.html数码/a/lilia hrefGroupBuying.html团购/a/li/uldiv classm_ad中秋送好礼/div/div
/div
!--End Menu End--
div classi_bgdiv classpostionspan classfl全部 美妆个护 香水 迪奥 迪奥真我香水/span/divdiv classcontentdiv idtsShopContainerdiv idtsImgSa href${(product.fileName)!} titleImages classMagicZoom idMagicZoomimg src${(product.fileName)!} width390 height390 //a/divdiv idtsPicContainerdiv idtsImgSArrL onclicktsScrollArrLeft()/divdiv idtsImgSConulli onclickshowPic(0) relMagicZoom classtsSelectImgimg srcimages/ps1.jpg tsImgSimages/ps1.jpg width79 height79 //lili onclickshowPic(1) relMagicZoomimg srcimages/ps2.jpg tsImgSimages/ps2.jpg width79 height79 //lili onclickshowPic(2) relMagicZoomimg srcimages/ps3.jpg tsImgSimages/ps3.jpg width79 height79 //lili onclickshowPic(3) relMagicZoomimg srcimages/ps4.jpg tsImgSimages/ps4.jpg width79 height79 //lili onclickshowPic(4) relMagicZoomimg srcimages/ps1.jpg tsImgSimages/ps1.jpg width79 height79 //lili onclickshowPic(5) relMagicZoomimg srcimages/ps2.jpg tsImgSimages/ps2.jpg width79 height79 //lili onclickshowPic(6) relMagicZoomimg srcimages/ps3.jpg tsImgSimages/ps3.jpg width79 height79 //lili onclickshowPic(7) relMagicZoomimg srcimages/ps4.jpg tsImgSimages/ps4.jpg width79 height79 //li/ul/divdiv idtsImgSArrR onclicktsScrollArrRight()/div/divimg classMagicZoomLoading width16 height16 srcimages/loading.gif altLoading... //divdiv classpro_desdiv classdes_namep${(product.name)!}/p“开业巨惠北京专柜直供”不光低价“真”才靠谱/divdiv classdes_price本店价格b${(product.price)}/bbr /消费积分span28R/span/divdiv classdes_choicespan classfl型号选择/spanulli classchecked30mldiv classch_img/div/lili50mldiv classch_img/div/lili100mldiv classch_img/div/li/ul/divdiv classdes_choicespan classfl颜色选择/spanulli红色div classch_img/div/lili classchecked白色div classch_img/div/lili黑色div classch_img/div/li/ul/divdiv classdes_sharediv classd_sh分享div classd_sh_bga href#img srcimages/sh_1.gif //aa href#img srcimages/sh_2.gif //aa href#img srcimages/sh_3.gif //aa href#img srcimages/sh_4.gif //aa href#img srcimages/sh_5.gif //a/div/divdiv classd_carea onclickShowDiv(MyDiv,fade)关注商品/a/div/divdiv classdes_joindiv classj_numsinput typetext value1 name classn_ipt /input typebutton value onclickaddUpdate(jq(this)); classn_btn_1 /input typebutton value onclickjianUpdate(jq(this)); classn_btn_2 //divspan classfla onclickShowDiv_1(MyDiv1,fade1)img srcimages/j_car.png //a/span/div/divdiv classs_branddiv classs_brand_imgimg srcimages/sbrand.jpg width188 height132 //divdiv classs_brand_ca href#进入品牌专区/a/div/div/div!--Begin 弹出层-收藏成功 Begin--div idfade classblack_overlay/divdiv idMyDiv classwhite_content div classwhite_ddiv classnotice_tspan classfr stylemargin-top:10px; cursor:pointer; onclickCloseDiv(MyDiv,fade)img srcimages/close.gif //span/divdiv classnotice_ctable border0 aligncenter stylemargin-top:; cellspacing0 cellpadding0tr valigntoptd width40img srcimages/suc.png //tdtdspan stylecolor:#3e3e3e; font-size:18px; font-weight:bold;您已成功收藏该商品/spanbr /a href#查看我的关注 /a/td/trtr height50 valignbottomtdnbsp;/tdtda href# classb_sure确定/a/td/tr/table/div/div/div !--End 弹出层-收藏成功 End--!--Begin 弹出层-加入购物车 Begin--div idfade1 classblack_overlay/divdiv idMyDiv1 classwhite_content div classwhite_ddiv classnotice_tspan classfr stylemargin-top:10px; cursor:pointer; onclickCloseDiv_1(MyDiv1,fade1)img srcimages/close.gif //span/divdiv classnotice_ctable border0 aligncenter stylemargin-top:; cellspacing0 cellpadding0tr valigntoptd width40img srcimages/suc.png //tdtda hrefhttp://cart.zmall.com/addCart?pid${(product.id)!}num3 classb_sure去购物车结算/aa href# classb_buy继续购物/a/td/trtr height50 valignbottomtdnbsp;/tdtda href# classb_sure去购物车结算/aa href# classb_buy继续购物/a/td/tr/table/div/div/div !--End 弹出层-加入购物车 End--!--Begin Footer Begin --div classb_btm_bg bg_colordiv classb_btmtable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b1.png width62 height62 //tdtdh2正品保障/h2正品行货 放心购买/td/tr/tabletable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b2.png width62 height62 //tdtdh2满38包邮/h2满38包邮 免运费/td/tr/tabletable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b3.png width62 height62 //tdtdh2天天低价/h2天天低价 畅选无忧/td/tr/tabletable border0 stylewidth:210px; height:62px; float:left; margin-left:75px; margin-top:30px; cellspacing0 cellpadding0trtd width72img srcimages/b4.png width62 height62 //tdtdh2准时送达/h2收货时间由你做主/td/tr/table/div/divdiv classb_navdl dta href#新手上路/a/dtdda href#售后流程/a/dddda href#购物流程/a/dddda href#订购方式/a/dddda href#隐私声明/a/dddda href#推荐分享说明/a/dd/dldldta href#配送与支付/a/dtdda href#货到付款区域/a/dddda href#配送支付查询/a/dddda href#支付方式说明/a/dd/dldldta href#会员中心/a/dtdda href#资金管理/a/dddda href#我的收藏/a/dddda href#我的订单/a/dd/dldldta href#服务保证/a/dtdda href#退换货原则/a/dddda href#售后服务保证/a/dddda href#产品质量保证/a/dd/dldldta href#联系我们/a/dtdda href#网站故障报告/a/dddda href#购物咨询/a/dddda href#投诉与建议/a/dd/dldiv classb_tel_bga href# classb_sh1新浪微博/a a href# classb_sh2腾讯微博/ap服务热线br /span400-123-4567/span/p/divdiv classb_erdiv classb_er_cimg srcimages/er.gif width118 height118 //divimg srcimages/ss.png //div/div div classbtmbgdiv classbtm备案/许可证编号蜀ICP备12009302号-1-www.dingguagua.com Copyright © 2015-2018 尤洪商城网 All Rights Reserved. 复制必究 , Technical Support: Dgg Group br /img srcimages/b_1.gif width98 height33 /img srcimages/b_2.gif width98 height33 /img srcimages/b_3.gif width98 height33 /img srcimages/b_4.gif width98 height33 /img srcimages/b_5.gif width98 height33 /img srcimages/b_6.gif width98 height33 //div /div!--End Footer End --
/div/bodyscript srcjs/ShopShow.js/script!--[if IE 6]
script src//letskillie6.googlecode.com/svn/trunk/2/zh_CN.js/script
![endif]--
/html效果图 三、SpringBoot整合微服务
gatewaynginx 请求链路要求客户端发送请求先经过nginx再用nginx转至内部访问网关gateway最后由网关服务的路由规则转发到微服务的内部服务。
整合微服务之商品服务zmall-product
在公共模块zmall-common中导入微服务相关依赖
!--nacos客户端--
dependencygroupIdcom.alibaba.cloud/groupIdartifactIdspring-cloud-starter-alibaba-nacos-discovery/artifactId
/dependency!--fegin组件--
dependencygroupIdorg.springframework.cloud/groupIdartifactIdspring-cloud-starter-openfeign/artifactId
/dependency!--nacos配置中心--
dependencygroupIdcom.alibaba.cloud/groupIdartifactIdspring-cloud-starter-alibaba-nacos-config/artifactId
/dependency
配置商品服务模块zmall-product的application.yml文件
spring:application:name: zmall-productcloud:nacos:discovery:server-addr: localhost:8848
修改启动类向nacos进行注册这里一定要记得启动nacos
EnableDiscoveryClient
SpringBootApplication
MapperScan({com.zking.zmall.mapper})
public class ZmallProductApplication {public static void main(String[] args) {SpringApplication.run(ZmallProductApplication.class, args);}
}
创建并配置网关gateway服务 基于Spring initializr方式创建网关模块zmall-gateway 配置pom.xml添加nacos和gateway的依赖
modelVersion4.0.0/modelVersion
parentgroupIdcom.zking.zmall/groupIdartifactIdzmall/artifactIdversion1.0-SNAPSHOT/version/parent
artifactIdzmall-gateway/artifactId
dependencies!--gateway 注意 此模式不能引入starter-web --dependencygroupIdorg.springframework.cloud/groupIdartifactIdspring-cloud-starter-gateway/artifactId/dependency!--nacos客户端--dependencygroupIdcom.alibaba.cloud/groupIdartifactIdspring-cloud-starter-alibaba-nacos-discovery/artifactId /dependencydependencygroupIdorg.projectlombok/groupIdartifactIdlombok/artifactId/dependencydependencygroupIdorg.apache.commons/groupIdartifactIdcommons-lang3/artifactId/dependency
/dependencies
3.修改启动类向nacos进行注册
EnableDiscoveryClient
SpringBootApplication
public class ZmallGatewayApplication {public static void main(String[] args) {SpringApplication.run(ZmallGatewayApplication.class, args);}
}
4.配置application.yml设置gateway路由转发规则
server:port: 8000
spring:application:name: zmall-gatewaycloud:nacos:discovery:server-addr: localhost:8848gateway:routes:- id: product_routeuri: lb://zmall-product # lb指的是从nacos中按照名称获取微服务,并遵循负载均衡策略predicates:- Path/product-serv/**filters:- StripPrefix1
将易买网网页素材中的公共静态资源js/css/images复制到gateway网关服务中
这里请注意了之前在商品服务模块zmall-product中已经配置了易买网的静态资源为什么还要在gateway网关服务中再配置一次呢这是因为当请求经过gateway网关服务后会进行断言条件匹配和条件路径截取等操作从而导致gateway网关路由转发后静态资源失效404的问题所以特此在gateway网关服务中也配置一次易买网网页素材中的公共静态资源js/css/images确保能正常访问。
解决方案此处将在第三次课解决使用nginx动静分离方式实现 配置静态资源访问服务器将各个微服务模块中的静态访问资源迁移到静态资源访问服务器中然后通过http方式访问即可。
安装配置SwitchHosts 直接双击exe文件即可安装SwitchHosts 进入C:\Windows\System32\drivers\etc目录设置hosts文件访问权限并取消只读模式 打开SwitchHosts设置一级域名 最后运行nginx根目录下的nginx.exe启动nginx
如果出现IIS7那么cmd窗口中执行下列指令 net stop w3svc
安装配置Windows版nginx 解压nginx-1.18.0.zip至任意目录 进入conf目录并修改nginx.conf配置文件
server
{listen 80;server_name zmall.com;proxy_redirect off;proxy_set_header Host $host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;location / {proxy_pass http://127.0.0.1:8000/;}
} 最后运行nginx根目录下的nginx.exe启动nginx
如果出现IIS7那么cmd窗口中执行下列指令net stop w3svc 请求链路测试
单独访问商品服务http://localhost:8020/index.html
通过gateway访问http://localhost:8000/product-serv/index.html
通过nginx访问http://zmall.com/product-serv/index.html
