首页上的热门商品和最新商品

最新推荐文章于 2025-03-13 11:46:21 发布

My_____Dream

最新推荐文章于 2025-03-13 11:46:21 发布

阅读量1.7k

点赞数

CC 4.0 BY-SA版权

分类专栏：实战练习

本文链接：https://blog.csdn.net/My_____Dream/article/details/80303093

本文详细介绍了如何在电商网站的首页实现热门商品和最新商品的展示。通过在后台的IndexServlet中查询数据库获取最新和热门商品的列表，然后将数据传到前端JSP页面进行显示。涉及数据库表设计、JavaBean、Service和DAO层的实现，以及前端JSP的展示逻辑。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首页上的热门商品和最新商品

步骤分析:
   页面加载的时候查询最新商品和热门商品即可
   在indexServlet的index方法中实现就可以了
       查询的结果两个list,将两个list放入request域中,请求转发到index.jsp即可
       在index.jsp中展示
准备工作:
   数据库和表
       CREATE TABLE `product` (
          `pid` varchar(32) NOT NULL,
          `pname` varchar(50) DEFAULT NULL,
          `market_price` double DEFAULT NULL,
          `shop_price` double DEFAULT NULL,
          `pimage` varchar(200) DEFAULT NULL,
          `pdate` date DEFAULT NULL,
          `is_hot` int(11) DEFAULT NULL,
          `pdesc` varchar(255) DEFAULT NULL,
          `pflag` int(11) DEFAULT NULL,
          `cid` varchar(32) DEFAULT NULL,
          PRIMARY KEY (`pid`),
          KEY `sfk_0001` (`cid`),
          CONSTRAINT `sfk_0001` FOREIGN KEY (`cid`) REFERENCES `category` (`cid`)
       ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

2、插入数据

javabean product

ProductService ProductDao

----------------------------------------------------------------------------------------------------

热门商品前台

    <c:forEach items="${hList }" var="p">
                   <div class="col-md-2"
                       style="text-align: center; height: 200px; padding: 10px 0px;">
                       <a href="${pageContext.request.contextPath }/product?method=getByPid&pid=${p.pid}"> <img
                           src="${pageContext.request.contextPath}/${p.pimage}" width="130"
                           height="130" style="display: inline-block;">
                       </a>
                       <p>
                           <a href="${pageContext.request.contextPath }/product?method=getByPid&pid=${p.pid}" style='color: #666'>${fn:substring(p.pname,0,10)}... </a>
                       </p>
               &