how2j.cn

下载区
文件名 文件大小
请先登录 18m
增值内容 18m
18m
步骤 1 : 先运行,看到效果,再学习   
步骤 2 : 模仿和排错   
步骤 3 : 页面效果   
步骤 4 : 5个Comparator比较器   
步骤 5 : ForeAction.category()   
步骤 6 : category.jsp   
步骤 7 : categoryPage.jsp   
步骤 8 : sortBar.jsp   
步骤 9 : productsByCategory.jsp   

步骤 1 :

先运行,看到效果,再学习

edit
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
页面效果
步骤 4 :

5个Comparator比较器

edit
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
package tmall.comparator; import java.util.Comparator; import com.how2java.tmall.pojo.Product; public class ProductAllComparator implements Comparator<Product>{ @Override public int compare(Product p1, Product p2) { return p2.getReviewCount()*p2.getSaleCount()-p1.getReviewCount()*p1.getSaleCount(); } }
package tmall.comparator; import java.util.Comparator; import com.how2java.tmall.pojo.Product; public class ProductDateComparator implements Comparator<Product>{ @Override public int compare(Product p1, Product p2) { return p1.getCreateDate().compareTo(p2.getCreateDate()); } }
package tmall.comparator; import java.util.Comparator; import com.how2java.tmall.pojo.Product; public class ProductPriceComparator implements Comparator<Product>{ @Override public int compare(Product p1, Product p2) { return (int) (p1.getPromotePrice()-p2.getPromotePrice()); } }
package tmall.comparator; import java.util.Comparator; import com.how2java.tmall.pojo.Product; public class ProductReviewComparator implements Comparator<Product>{ @Override public int compare(Product p1, Product p2) { return p2.getReviewCount()-p1.getReviewCount(); } }
package tmall.comparator; import java.util.Comparator; import com.how2java.tmall.pojo.Product; public class ProductSaleCountComparator implements Comparator<Product>{ @Override public int compare(Product p1, Product p2) { return p2.getSaleCount()-p1.getSaleCount(); } }
步骤 5 :

ForeAction.category()

edit
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
@Action("forecategory") public String category(){ t2p(category); productService.fill(category); productService.setSaleAndReviewNumber(category.getProducts()); if(null!=sort){ switch(sort){ case "review": Collections.sort(category.getProducts(),new ProductReviewComparator()); break; case "date" : Collections.sort(category.getProducts(),new ProductDateComparator()); break; case "saleCount" : Collections.sort(category.getProducts(),new ProductSaleCountComparator()); break; case "price": Collections.sort(category.getProducts(),new ProductPriceComparator()); break; case "all": Collections.sort(category.getProducts(),new ProductAllComparator()); break; } } return "category.jsp"; }
package com.how2java.tmall.action; import java.util.Collections; import org.apache.struts2.convention.annotation.Action; import org.springframework.web.util.HtmlUtils; import com.how2java.tmall.comparator.ProductAllComparator; import com.how2java.tmall.comparator.ProductDateComparator; import com.how2java.tmall.comparator.ProductPriceComparator; import com.how2java.tmall.comparator.ProductReviewComparator; import com.how2java.tmall.comparator.ProductSaleCountComparator; import com.how2java.tmall.pojo.User; import com.how2java.tmall.service.ProductImageService; import com.opensymphony.xwork2.ActionContext; public class ForeAction extends Action4Result { @Action("forecategory") public String category(){ t2p(category); productService.fill(category); productService.setSaleAndReviewNumber(category.getProducts()); if(null!=sort){ switch(sort){ case "review": Collections.sort(category.getProducts(),new ProductReviewComparator()); break; case "date" : Collections.sort(category.getProducts(),new ProductDateComparator()); break; case "saleCount" : Collections.sort(category.getProducts(),new ProductSaleCountComparator()); break; case "price": Collections.sort(category.getProducts(),new ProductPriceComparator()); break; case "all": Collections.sort(category.getProducts(),new ProductAllComparator()); break; } } return "category.jsp"; } @Action("foreloginAjax") public String loginAjax() { user.setName(HtmlUtils.htmlEscape(user.getName())); User user_session = userService.get(user.getName(),user.getPassword()); if(null==user_session) return "fail.jsp"; ActionContext.getContext().getSession().put("user", user_session); return "success.jsp"; } @Action("forecheckLogin") public String checkLogin() { User u =(User) ActionContext.getContext().getSession().get("user"); if(null==u) return "fail.jsp"; else return "success.jsp"; } @Action("foreproduct") public String product() { t2p(product); productImageService.setFirstProdutImage(product); productSingleImages = productImageService.list("product",product,"type", ProductImageService.type_single); productDetailImages = productImageService.list("product",product,"type", ProductImageService.type_detail); product.setProductSingleImages(productSingleImages); product.setProductDetailImages(productDetailImages); propertyValues = propertyValueService.listByParent(product); reviews = reviewService.listByParent(product); productService.setSaleAndReviewNumber(product); return "product.jsp"; } @Action("forelogout") public String logout() { ActionContext.getContext().getSession().remove("user"); return "homePage"; } @Action("forelogin") public String login() { user.setName(HtmlUtils.htmlEscape(user.getName())); User user_session = userService.get(user.getName(),user.getPassword()); if(null==user_session){ msg= "账号密码错误"; return "login.jsp"; } ActionContext.getContext().getSession().put("user", user_session); return "homePage"; } @Action("foreregister") public String register() { user.setName(HtmlUtils.htmlEscape(user.getName())); boolean exist = userService.isExist(user.getName()); if(exist){ msg = "用户名已经被使用,不能使用"; return "register.jsp"; } userService.save(user); return "registerSuccessPage"; } @Action("forehome") public String home() { categorys = categoryService.list(); productService.fill(categorys); productService.fillByRow(categorys); return "home.jsp"; } }
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <%@include file="include/header.jsp"%> <%@include file="include/top.jsp"%> <%@include file="include/search.jsp"%> <%@include file="include/category/categoryPage.jsp"%> <%@include file="include/footer.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>

<%@include file="include/header.jsp"%>
<%@include file="include/top.jsp"%>
<%@include file="include/search.jsp"%>
<%@include file="include/category/categoryPage.jsp"%>
<%@include file="include/footer.jsp"%>

增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <title>模仿天猫官网-${category.name}</title> <div id="category"> <div class="categoryPageDiv"> <img src="img/category/${category.id}.jpg"> <%@include file="sortBar.jsp"%> <%@include file="productsByCategory.jsp"%> </div> </div>
<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8" isELIgnored="false"%>
<title>模仿天猫官网-${category.name}</title>	
<div id="category">
	<div class="categoryPageDiv">
		<img src="img/category/${category.id}.jpg">
		<%@include file="sortBar.jsp"%>
		<%@include file="productsByCategory.jsp"%>
		
	</div>

</div>
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
sortBar.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <script> $(function(){ $("input.sortBarPrice").keyup(function(){ var num= $(this).val(); if(num.length==0){ $("div.productUnit").show(); return; } num = parseInt(num); if(isNaN(num)) num= 1; if(num<=0) num = 1; $(this).val(num); var begin = $("input.beginPrice").val(); var end = $("input.endPrice").val(); if(!isNaN(begin) && !isNaN(end)){ console.log(begin); console.log(end); $("div.productUnit").hide(); $("div.productUnit").each(function(){ var price = $(this).attr("price"); price = new Number(price); if(price<=end && price>=begin) $(this).show(); }); } }); }); </script> <div class="categorySortBar"> <table class="categorySortBarTable categorySortTable"> <tr> <td <c:if test="${'all'==param.sort||empty param.sort}">class="grayColumn"</c:if> ><a href="?category.id=${category.id}&sort=all">综合<span class="glyphicon glyphicon-arrow-down"></span></a></td> <td <c:if test="${'review'==param.sort}">class="grayColumn"</c:if> ><a href="?category.id=${category.id}&sort=review">人气<span class="glyphicon glyphicon-arrow-down"></span></a></td> <td <c:if test="${'date'==param.sort}">class="grayColumn"</c:if>><a href="?category.id=${category.id}&sort=date">新品<span class="glyphicon glyphicon-arrow-down"></span></a></td> <td <c:if test="${'saleCount'==param.sort}">class="grayColumn"</c:if>><a href="?category.id=${category.id}&sort=saleCount">销量<span class="glyphicon glyphicon-arrow-down"></span></a></td> <td <c:if test="${'price'==param.sort}">class="grayColumn"</c:if>><a href="?category.id=${category.id}&sort=price">价格<span class="glyphicon glyphicon-resize-vertical"></span></a></td> </tr> </table> <table class="categorySortBarTable"> <tr> <td><input class="sortBarPrice beginPrice" type="text" placeholder="请输入"></td> <td class="grayColumn priceMiddleColumn">-</td> <td><input class="sortBarPrice endPrice" type="text" placeholder="请输入"></td> </tr> </table> </div>
步骤 9 :

productsByCategory.jsp

edit
增值内容,请先登录
完整的SSH模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE,SSH一整套技术栈, 从无到有涵盖全部133个知识点,571个开发步骤, 充实SSH项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
productsByCategory.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %> <c:if test="${empty param.categorycount}"> <c:set var="categorycount" scope="page" value="100"/> </c:if> <c:if test="${!empty param.categorycount}"> <c:set var="categorycount" scope="page" value="${param.categorycount}"/> </c:if> <div class="categoryProducts"> <c:forEach items="${category.products}" var="p" varStatus="stc"> <c:if test="${stc.count<=categorycount}"> <div class="productUnit" price="${p.promotePrice}"> <div class="productUnitFrame"> <a href="foreproduct?product.id=${p.id}"> <img class="productImage" src="img/productSingle_middle/${p.firstProductImage.id}.jpg"> </a> <span class="productPrice">¥<fmt:formatNumber type="number" value="${p.promotePrice}" minFractionDigits="2"/></span> <a class="productLink" href="foreproduct?product.id=${p.id}"> ${fn:substring(p.name, 0, 50)} </a> <a class="tmallLink" href="foreproduct?product.id=${p.id}">天猫专卖</a> <div class="show1 productInfo"> <span class="monthDeal ">月成交 <span class="productDealNumber">${p.saleCount}笔</span></span> <span class="productReview">评价<span class="productReviewNumber">${p.reviewCount}</span></span> <span class="wangwang"> <a class="wangwanglink" href="#nowhere"> <img src="img/site/wangwang.png"> </a> </span> </div> </div> </div> </c:if> </c:forEach> <div style="clear:both"></div> </div>


HOW2J公众号,关注后实时获知最新的教程和优惠活动,谢谢。


问答区域    
2018-08-27 一点拙见
自行车周星驰




在真实的天猫网站中,按价格排序是可以根据点击的次数实现升序和降序。 在这个项目中可以在后端设置一个标志位,每次按价格排序时检查标志位就能够实现交替排序。 另外一个小建议,真实的天猫是在价格按区间显示之后,在小范围内能根据销量和人气之类的再次排序,所以可以把按价格区间这个功能也放到后端,可以实现多重筛选。
加载中

							

							


1 个答案

how2j
答案时间:2018-08-29
想法很好,试试自己把这些功能实现呢。 其他看到的同学,也可以在模仿完整站功能后,自己试试实现这些功能,以此检验自己对项目的掌握情况



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到





2018-05-16 综合比较器
MartinM

return p2.getReviewCount()*p2.getSaleCount()-p1.getReviewCount()*p2.getSaleCount(); 这里为什么最后是p1的评论乘上p2的销量 是不是应该是p1的销量?




1 个答案

how2j
答案时间:2018-05-17
嗯,写错了,应该是p1。 这个。。。p1来p2去的,站长眼花了,哈哈~~~



回答已经提交成功,正在审核。 请于 我的回答 处查看回答记录,谢谢
答案 或者 代码至少填写一项, 如果是自己有问题,请重新提问,否则站长有可能看不到




2018-02-27 tmall.bean 是哪个文件夹?
2017-11-02 关于步骤7 排序条jsp中 EL表达式取值的疑惑




提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 已下架实践项目-天猫整站SSH-分类页 的提问

尽量提供截图代码异常信息,有助于分析和解决问题。 也可进本站QQ群交流: 578362961
提问尽量提供完整的代码,环境描述,越是有利于问题的重现,您的问题越能更快得到解答。
对教程中代码有疑问,请提供是哪个步骤,哪一行有疑问,这样便于快速定位问题,提高问题得到解答的速度
在已经存在的几千个提问里,有相当大的比例,是因为使用了和站长不同版本的开发环境导致的,比如 jdk, eclpise, idea, mysql,tomcat 等等软件的版本不一致。
请使用和站长一样的版本,可以节约自己大量的学习时间。 站长把教学中用的软件版本整理了,都统一放在了这里, 方便大家下载: https://how2j.cn/k/helloworld/helloworld-version/1718.html

上传截图