how2j.cn

-->
下载区
文件名 文件大小
请先登录 5m
增值内容 5m
5m

解压rar如果失败,请用5.21版本或者更高版本的winrar

点击下载 winrar5.21
步骤 1 : 先运行,看到效果,再学习   
步骤 2 : 模仿和排错   
步骤 3 : 界面效果   
步骤 4 : search.jsp以及simpleSearch.jsp   
步骤 5 : ForeServlet.search()   
步骤 6 : searchResult.jsp   
步骤 7 : searchResultPage.jsp   
步骤 8 : productsBySearch.jsp   

步骤 1 :

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

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

search.jsp以及simpleSearch.jsp

edit
增值内容,请先登录
完整的J2EE模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE一整套技术栈, 从无到有涵盖全部147个知识点,475个开发步骤, 充实J2EE项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <a href="${contextPath}"> <img id="logo" src="img/site/logo.gif" class="logo"> </a> <form action="foresearch" method="post" > <div class="searchDiv"> <input name="keyword" type="text" value="${param.keyword}" placeholder="时尚男鞋 太阳镜 "> <button type="submit" class="searchButton">搜索</button> <div class="searchBelow"> <c:forEach items="${cs}" var="c" varStatus="st"> <c:if test="${st.count>=5 and st.count<=8}"> <span> <a href="forecategory?cid=${c.id}"> ${c.name} </a> <c:if test="${st.count!=8}"> <span>|</span> </c:if> </span> </c:if> </c:forEach> </div> </div> </form>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <div > <a href="${contextPath}"> <img id="simpleLogo" class="simpleLogo" src="img/site/simpleLogo.png"> </a> <form action="foresearch" method="post" > <div class="simpleSearchDiv pull-right"> <input type="text" placeholder="平衡车 原汁机" value="${param.keyword}" name="keyword"> <button class="searchButton" type="submit">搜天猫</button> <div class="searchBelow"> <c:forEach items="${cs}" var="c" varStatus="st"> <c:if test="${st.count>=8 and st.count<=11}"> <span> <a href="forecategory?cid=${c.id}"> ${c.name} </a> <c:if test="${st.count!=11}"> <span>|</span> </c:if> </span> </c:if> </c:forEach> </div> </div> </form> <div style="clear:both"></div> </div>
步骤 5 :

ForeServlet.search()

edit
增值内容,请先登录
完整的J2EE模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE一整套技术栈, 从无到有涵盖全部147个知识点,475个开发步骤, 充实J2EE项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
public String search(HttpServletRequest request, HttpServletResponse response, Page page){ String keyword = request.getParameter("keyword"); List<Product> ps= new ProductDAO().search(keyword,0,20); productDAO.setSaleAndReviewNumber(ps); request.setAttribute("ps",ps); return "searchResult.jsp"; }
package tmall.servlet; import java.io.BufferedWriter; import java.io.PrintWriter; import java.util.Collections; import java.util.List; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServletResponse; import org.springframework.web.util.HtmlUtils; import tmall.bean.Category; import tmall.bean.Product; import tmall.bean.ProductImage; import tmall.bean.PropertyValue; import tmall.bean.Review; import tmall.bean.User; import tmall.comparator.ProductAllComparator; import tmall.comparator.ProductDateComparator; import tmall.comparator.ProductPriceComparator; import tmall.comparator.ProductReviewComparator; import tmall.comparator.ProductSaleCountComparator; import tmall.dao.CategoryDAO; import tmall.dao.ProductDAO; import tmall.dao.ProductImageDAO; import tmall.util.Page; public class ForeServlet extends BaseForeServlet { public String home(HttpServletRequest request, HttpServletResponse response, Page page) { List<Category> cs= new CategoryDAO().list(); new ProductDAO().fill(cs); new ProductDAO().fillByRow(cs); request.setAttribute("cs", cs); return "home.jsp"; } public String register(HttpServletRequest request, HttpServletResponse response, Page page) { String name = request.getParameter("name"); String password = request.getParameter("password"); name = HtmlUtils.htmlEscape(name); System.out.println(name); boolean exist = userDAO.isExist(name); if(exist){ request.setAttribute("msg", "用户名已经被使用,不能使用"); return "register.jsp"; } User user = new User(); user.setName(name); user.setPassword(password); System.out.println(user.getName()); System.out.println(user.getPassword()); userDAO.add(user); return "@registerSuccess.jsp"; } public String login(HttpServletRequest request, HttpServletResponse response, Page page) { String name = request.getParameter("name"); name = HtmlUtils.htmlEscape(name); String password = request.getParameter("password"); User user = userDAO.get(name,password); if(null==user){ request.setAttribute("msg", "账号密码错误"); return "login.jsp"; } request.getSession().setAttribute("user", user); return "@forehome"; } public String product(HttpServletRequest request, HttpServletResponse response, Page page) { int pid = Integer.parseInt(request.getParameter("pid")); Product p = productDAO.get(pid); List<ProductImage> productSingleImages = productImageDAO.list(p, ProductImageDAO.type_single); List<ProductImage> productDetailImages = productImageDAO.list(p, ProductImageDAO.type_detail); p.setProductSingleImages(productSingleImages); p.setProductDetailImages(productDetailImages); List<PropertyValue> pvs = propertyValueDAO.list(p.getId()); List<Review> reviews = reviewDAO.list(p.getId()); productDAO.setSaleAndReviewNumber(p); request.setAttribute("reviews", reviews); request.setAttribute("p", p); request.setAttribute("pvs", pvs); return "product.jsp"; } public String logout(HttpServletRequest request, HttpServletResponse response, Page page) { request.getSession().removeAttribute("user"); return "@forehome"; } public String checkLogin(HttpServletRequest request, HttpServletResponse response, Page page) { User user =(User) request.getSession().getAttribute("user"); if(null!=user) return "%success"; return "%fail"; } public String loginAjax(HttpServletRequest request, HttpServletResponse response, Page page) { String name = request.getParameter("name"); String password = request.getParameter("password"); User user = userDAO.get(name,password); if(null==user){ return "%fail"; } request.getSession().setAttribute("user", user); return "%success"; } public String category(HttpServletRequest request, HttpServletResponse response, Page page) { int cid = Integer.parseInt(request.getParameter("cid")); Category c = new CategoryDAO().get(cid); new ProductDAO().fill(c); new ProductDAO().setSaleAndReviewNumber(c.getProducts()); String sort = request.getParameter("sort"); if(null!=sort){ switch(sort){ case "review": Collections.sort(c.getProducts(),new ProductReviewComparator()); break; case "date" : Collections.sort(c.getProducts(),new ProductDateComparator()); break; case "saleCount" : Collections.sort(c.getProducts(),new ProductSaleCountComparator()); break; case "price": Collections.sort(c.getProducts(),new ProductPriceComparator()); break; case "all": Collections.sort(c.getProducts(),new ProductAllComparator()); break; } } request.setAttribute("c", c); return "category.jsp"; } public String search(HttpServletRequest request, HttpServletResponse response, Page page){ String keyword = request.getParameter("keyword"); List<Product> ps= new ProductDAO().search(keyword,0,20); productDAO.setSaleAndReviewNumber(ps); request.setAttribute("ps",ps); return "searchResult.jsp"; } }
增值内容,请先登录
完整的J2EE模仿天猫项目,使用J2SE、前端技术(包含所有前端jsp文件)、J2EE一整套技术栈, 从无到有涵盖全部147个知识点,475个开发步骤, 充实J2EE项目经验,为简历加上一个有吸引力的砝码.
增值内容,点击购买
使用爬虫已经被系统记录,请勿使用爬虫,增大封号风险。 如果是误封 ,请联系站长,谢谢
<%@ 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/searchResultPage.jsp"%> <%@include file="include/footer.jsp"%>
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" isELIgnored="false"%> <a href="${contextPath}"> <img id="logo" src="img/site/logo.gif" class="logo"> </a> <form action="foresearch" method="post" > <div class="searchDiv"> <input name="keyword" type="text" value="${param.keyword}" placeholder="时尚男鞋 太阳镜 "> <button type="submit" class="searchButton">搜索</button> <div class="searchBelow"> <c:forEach items="${cs}" var="c" varStatus="st"> <c:if test="${st.count>=5 and st.count<=8}"> <span> <a href="forecategory?cid=${c.id}"> ${c.name} </a> <c:if test="${st.count!=8}"> <span>|</span> </c:if> </span> </c:if> </c:forEach> </div> </div> </form>
步骤 7 :

searchResultPage.jsp

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

</div>
步骤 8 :

productsBySearch.jsp

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


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


问答区域    
2019-04-20 想问一下为什么要设置两种搜索呢?
9402

感觉search.jsp 与simplesearch.jsp 的内容是差不多的,只是显示的内容不一样? 不太理解这里




1 个答案

how2j
答案时间:2019-04-21
因为当时做的时候,官网天猫就是这样风格的呀。 不知道现在变化了没有~



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




2019-04-20 有个地方不太懂
9402

<a href="${contextPath}">这里取得他的绝对路径是有什么作用吗?好像挺多jsp页面都使用,




2 个答案

俗人
答案时间:2019-08-19
获取项目根目录,也就是首页:/tmall/,然后地址访问后到index.jsp,再次服务端跳转到/tmall/forehome,跳转到首页,至于该元素设置,是在ForeServletFilter中

how2j
答案时间:2019-04-21
请阅读这个代码,就知道为什么啦: http://how2j.cn/k/tmall-j2ee/tmall-j2ee-1018/1018.html#step3865



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




2018-12-28 JSP中出现的问题及解决方法。
2018-06-29 关于搜索时的中文传参问题
2018-05-18 站长老大,如果要将所有符合搜索条件的结果显示出来,用分页,需要怎么做呢?


提问太多,页面渲染太慢,为了加快渲染速度,本页最多只显示几条提问。还有 5 条以前的提问,请 点击查看

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

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

上传截图