Shop项目--2.动态获取最新商品和热门商品

最新推荐文章于 2022-09-13 14:09:36 发布
最新推荐文章于 2022-09-13 14:09:36 发布
阅读量772 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_39472341/article/details/78598563
版权

分析

1.在数据库查找最新商品与最热商品，并动态显示在index.jsp。最新商品根据商品的上架时间p_date，热门商品根据商品is_hot.

建立product类的时候，遵循java面向对象的思想，把product对象内部维护category对象，体现主从表关系

2.因为是首页默认页面，所以需要修改欢迎页面。

把欢迎页面删除，只剩一个default.jsp

创建default.jsp页面 并在里面嵌套java代码，重定向到查找热门商品与最新商品的功能地址。


准备：

Product类

package com.itheima.domain;

import java.util.Date;

public class 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,*/
	private String pid;
	private String pname;
	private double market_price;
	private double shop_price;
	private String pimage;
	private Date pdate;
	private int is_hot;
	private String pdesc;
	private int pflag;
	private Category category;
	public String getPid() {
		return pid;
	}
	public void setPid(String pid) {
		this.pid = pid;
	}
	public String getPname() {
		return pname;
	}
	public void setPname(String pname) {
		this.pname = pname;
	}
	public double getMarket_price() {
		return market_price;
	}
	public void setMarket_price(double market_price) {
		this.market_price = market_price;
	}
	public double getShop_price() {
		return shop_price;
	}
	public void setShop_price(double shop_price) {
		this.shop_price = shop_price;
	}
	public String getPimage() {
		return pimage;
	}
	public void setPimage(String pimage) {
		this.pimage = pimage;
	}
	public Date getPdate() {
		return pdate;
	}
	public void setPdate(Date pdate) {
		this.pdate = pdate;
	}
	public int getIs_hot() {
		return is_hot;
	}
	public void setIs_hot(int is_hot) {
		this.is_hot = is_hot;
	}
	public String getPdesc() {
		return pdesc;
	}
	public void setPdesc(String pdesc) {
		this.pdesc = pdesc;
	}
	public int getPflag() {
		return pflag;
	}
	public void setPflag(int pflag) {
		this.pflag = pflag;
	}
	public Category getCategory() {
		return category;
	}
	public void setCategory(Category category) {
		this.category = category;
	}
}

Category类

package com.itheima.domain;

public class Category {

	private String cid;
	private String cname;
	public String getCid() {
		return cid;
	}
	public void setCid(String cid) {
		this.cid = cid;
	}
	public String getCname() {
		return cname;
	}
	public void setCname(String cname) {
		this.cname = cname;
	}
	
	
}



步骤：

1，通过servlet进入web层，service层，dao层获取最新商品与最热商品，并转发newProList，hotProList到index.jsp

2，在index.jsp  使用jstl技术遍历取出所需要的商品属性。

3，修改首页默认欢迎地址，直接跳转到该功能 。


ProductServlet

package com.itheima.web.servlet;

import java.io.IOException;
import java.util.List;

import javax.servlet.ServletException;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import com.itheima.domain.Product;
import com.itheima.service.ProductService;

public class ProductServlet extends BaseServlet {

	//首页动态获取最新商品和热门商品
	public void index(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException {
		ProductService service = new ProductService();
		//获取热门商品
		List<Product> hotProList = service.findHotProduct();
		//获取最新商品
		List<Product> newProList = service.findNewProduct();
		//传递到request域，并转发到index.jsp
		request.setAttribute("hotProList", hotProList);
		request.setAttribute("newProList", newProList);
		request.getRequestDispatcher("/index.jsp").forward(request, response);
		
	}
	
}


ProductService 

package com.itheima.service;

import java.sql.SQLException;
import java.util.List;

import com.itheima.dao.ProductDao;
import com.itheima.domain.Product;

public class ProductService {

	//获取热门商品
	public List<Product> findHotProduct() {
		ProductDao dao = new ProductDao();
		List<Product> hotProList = null;
		try {
			hotProList = dao.findHotProduct();
		} catch (SQLException e) {
			e.printStackTrace();
		}
		return hotProList;
	}

	//获取最新商品
	public List<Product> findNewProduct() {
		ProductDao dao = new ProductDao();
		List<Product> newProList = null;
		try {
			newProList = dao.findNewProduct();
		} catch (SQLException e) {
			e.printStackTrace();
		}
		return newProList;
	}

}

ProductDao 

package com.itheima.dao;

import java.sql.SQLException;
import java.util.List;

import org.apache.commons.dbutils.QueryRunner;
import org.apache.commons.dbutils.handlers.BeanListHandler;

import com.itheima.domain.Product;
import com.itheima.utils.DataSourceUtils;

public class ProductDao {

	// 获取热门商品
	public List<Product> findHotProduct() throws SQLException {
		QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());
		String sql = "select * from product where is_hot=? limit ?,?";
		List<Product> query = runner.query(sql, new BeanListHandler<Product>(Product.class), 1,0,9);
		return query;
	}

	//获取最新商品
	public List<Product> findNewProduct() throws SQLException {
		QueryRunner runner = new QueryRunner(DataSourceUtils.getDataSource());
		//此处注意使用order by pdate desc 时间最大开始选择
		String sql ="select * from product order by pdate desc limit ?,?";
		List<Product> query = runner.query(sql, new BeanListHandler<Product>(Product.class), 0,9);
		return query;
	}

}

前端 index.jsp 
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>    
<!DOCTYPE html>
<html>
	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>黑马商城首页</title>
		<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css" />
		<script src="js/jquery-1.11.3.min.js" type="text/javascript"></script>
		<script src="js/bootstrap.min.js" type="text/javascript"></script>
	</head>

	<body>
		<div class="container-fluid">

			<!-- 引入header.jsp -->
			<jsp:include page="/header.jsp"></jsp:include>

			<!-- 轮播图 -->
			<div class="container-fluid">
				<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
					<!-- 轮播图的中的小点 -->
					<ol class="carousel-indicators">
						<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
						<li data-target="#carousel-example-generic" data-slide-to="1"></li>
						<li data-target="#carousel-example-generic" data-slide-to="2"></li>
					</ol>
					<!-- 轮播图的轮播图片 -->
					<div class="carousel-inner" role="listbox">
						<div class="item active">
							<img src="img/1.jpg">
							<div class="carousel-caption">
								<!-- 轮播图上的文字 -->
							</div>
						</div>
						<div class="item">
							<img src="img/2.jpg">
							<div class="carousel-caption">
								<!-- 轮播图上的文字 -->
							</div>
						</div>
						<div class="item">
							<img src="img/3.jpg">
							<div class="carousel-caption">
								<!-- 轮播图上的文字 -->
							</div>
						</div>
					</div>

					<!-- 上一张 下一张按钮 -->
					<a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
						<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
						<span class="sr-only">Previous</span>
					</a>
					<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
						<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
						<span class="sr-only">Next</span>
					</a>
				</div>
			</div>
			
			<!-- 热门商品 -->
			<div class="container-fluid">
				<div class="col-md-12">
					<h2>热门商品  <img src="img/title2.jpg"/></h2>
				</div>
				<div class="col-md-2" style="border:1px solid #E7E7E7;border-right:0;padding:0;">
					<img src="products/hao/big01.jpg" width="205" height="404" style="display: inline-block;"/>
				</div>
				<div class="col-md-10">
					<div class="col-md-6" style="text-align:center;height:200px;padding:0px;">
						<a href="product_info.htm">
							<img src="products/hao/middle01.jpg" width="516px" height="200px" style="display: inline-block;">
						</a>
					</div>
				
					<!-- 热门商品 -->
					<c:forEach items="${hotProList }" var="hotPro">
						<div class="col-md-2" style="text-align:center;height:200px;padding:10px 0px;">
							<a href="product_info.htm">
								<img src="${hotPro.pimage }" width="130" height="130" style="display: inline-block;">
							</a>	
							<p><a href="product_info.html" style='color:#666'>${hotPro.pname }</a></p>
							<p><font color="#E4393C" style="font-size:16px">¥${hotPro.shop_price }</font></p>
						</div>
					</c:forEach>
					
				</div>
			</div>
			
			<!-- 广告条 -->
            <div class="container-fluid">
				<img src="products/hao/ad.jpg" width="100%"/>
			</div>
			
			<!-- 最新商品 -->
			<div class="container-fluid">
				<div class="col-md-12">
					<h2>最新商品  <img src="img/title2.jpg"/></h2>
				</div>
				<div class="col-md-2" style="border:1px solid #E7E7E7;border-right:0;padding:0;">
					<img src="products/hao/big01.jpg" width="205" height="404" style="display: inline-block;"/>
				</div>
				<div class="col-md-10">
					<div class="col-md-6" style="text-align:center;height:200px;padding:0px;">
						<a href="product_info.htm">
							<img src="products/hao/middle01.jpg" width="516px" height="200px" style="display: inline-block;">
						</a>
					</div>
				
					<!-- 最新商品 -->
					<c:forEach items="${newProList }" var="newPro">
						<div class="col-md-2" style="text-align:center;height:200px;padding:10px 0px;">
							<a href="product_info.htm">
								<img src="${newPro.pimage }" width="130" height="130" style="display: inline-block;">
							</a>	
							<p><a href="product_info.html" style='color:#666'>${newPro.pname }</a></p>
							<p><font color="#E4393C" style="font-size:16px">¥${newPro.shop_price }</font></p>
						</div>
					</c:forEach>
				</div>
			</div>			
			
			<!-- 引入footer.jsp -->
			<jsp:include page="/footer.jsp"></jsp:include>
			
		</div>
	</body>

</html>

web.xml 

<?xml version="1.0" encoding="UTF-8"?>
<web-app xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns="http://java.sun.com/xml/ns/javaee" xsi:schemaLocation="http://java.sun.com/xml/ns/javaee http://java.sun.com/xml/ns/javaee/web-app_2_5.xsd" id="WebApp_ID" version="2.5">
  <display-name>Shop</display-name>
  <welcome-file-list>
  		<!-- 修改欢迎页面 -->
        <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <description></description>
    <display-name>BaseServlet</display-name>
    <servlet-name>BaseServlet</servlet-name>
    <servlet-class>com.itheima.web.servlet.BaseServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>BaseServlet</servlet-name>
    <url-pattern>/BaseServlet</url-pattern>
  </servlet-mapping>
  <servlet>
    <description></description>
    <display-name>CheckImgServlet</display-name>
    <servlet-name>CheckImgServlet</servlet-name>
    <servlet-class>com.itheima.web.servlet.CheckImgServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>CheckImgServlet</servlet-name>
    <url-pattern>/checkImg</url-pattern>
  </servlet-mapping>
  <servlet>
    <description></description>
    <display-name>UserServlet</display-name>
    <servlet-name>UserServlet</servlet-name>
    <servlet-class>com.itheima.web.servlet.UserServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>UserServlet</servlet-name>
    <url-pattern>/user</url-pattern>
  </servlet-mapping>
  <servlet>
    <description></description>
    <display-name>ProductServlet</display-name>
    <servlet-name>ProductServlet</servlet-name>
    <servlet-class>com.itheima.web.servlet.ProductServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>ProductServlet</servlet-name>
    <url-pattern>/product</url-pattern>
  </servlet-mapping>
</web-app>

default.jsp

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
		<% response.sendRedirect(request.getContextPath()+"/product?method=index"); %>
</body>
</html>



ej_dont_give_up
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
首页上的热门商品和最新商品
Those who achieve great thing do not stick to trifles
05-13 1606
首页上的热门商品和最新商品 步骤分析: 页面加载的时候 查询最新商品 和 热门商品即可 在indexServlet的index方法中实现就可以了 查询的结果两个list,将两个list放入request域中,请求转发到index.jsp即可 在index.jsp中展示 准备工作: 数据库和表 CREATE TABLE `pr...
42.Django大型电商项目之确认订单——动态获取数据
m0_63953077的博客
01-02 235
动态获取数据
获取商品列表(Feign)
Leon_Jinhai_Sun的博客
09-03 439
localhost:8010/productList localhost:7900/product/list localhost:7901/product/list 商品服务和数据库打交道,你看这边SQL语句已经打印出来了,而订单服务是要去调用它的,我们这里专门打印一个日志 出来 package com.learn.cloud.controller; import java.ut...
各区域热门商品统计
chbxw
07-17 2779
一、需求：根据用户指定的日期范围，统计各个区域下的最热门的top3商品 1、区域信息在哪里，各个城市的信息，城市是不怎么变化的，没有必要存储在hive里？MySQL，Hive和MySQL异构数据源使用，技术点 2、hive用户行为数据，和mysql城市信息，join，关联之后是RDD？RDD转换DataFrame，注册临时表，技术点 3、各个区域下各个商品的点击量，保留每个区域的城市列表数据...
手把手做一个JSP入门程序（五）：获取所有商品渲染主页（JSP）
DoneSpeak的博客
02-19 1865
获取所有商品渲染主页实现与数据库交互的类：BookDAO.java  这里开始就需要与数据库进行交互啦！这里需要引入一个DAO（Data Access Object）的概念。DAO是工作在持久层的，主要负责从底层存储中写入/读取数据，对业务层来说只需要知道DAO的接口即可完成CRUD操作，而不必关心底层的数据存储方式。
vue电商项目-vue-shop.zip
11-04
10. **axios**：项目可能使用axios库进行HTTP请求，与后端API进行数据交换，获取商品列表、用户信息等。 11. **CSS预处理器**：为了增强CSS的可维护性和模块化，项目可能使用了Sass或Less这样的预处理器。 12. **...
vue-shop-ts.zip
05-28
【Vue2 + Typescript ...通过以上分析，"vue-shop-ts.zip"项目展示了Vue2结合TypeScript在前端电商应用开发中的实际应用，提供了一个良好的学习和实践示例，涵盖了前端开发中的路由、状态管理、组件化等多个核心概念。
基于SpringCloud微服务技术开发的“淘东”电商项目--taodong-shop.zip
11-01
服务实例可以在运行时动态获取或刷新配置，提高了运维效率。 6. **Spring Cloud Gateway**: 在较新的Spring Cloud版本中，Zuul被Spring Cloud Gateway取代。Gateway提供更高效、更灵活的路由规则，并且集成了断路器...
Vue实战项目：电商管理系统（Element-UI）-vue-shop-admin.zip
最新发布
11-04
在这个“Vue实战项目：电商管理系统（Element-UI）-vue-shop-admin”中，我们将探讨如何利用Vue和Element-UI构建一个功能完善的电商后台管理系统。 首先，项目的目录结构是项目组织的基础，通常包括`src`、`public`...
vue-shop-备份.zip
09-17
在这个项目中，Axios负责处理后台API的调用，如获取商品数据、提交订单、用户登录等。它支持拦截请求和响应，转换请求和响应数据，以及取消请求等功能，使得网络请求的管理更加便捷。 此外，项目可能还包含了Vuex，...
【Python】抓取京东列表页商品信息（selenium）
ns2250225
08-04 6296
分析 url：https://search.jd.com/Search?keyword=%E6%89%8B%E6%9C%BA&enc=utf-8&qrst=1&rt=1&stop=1&vt=2&wq=%E6%89%8B%E6%9C%BA&cid2=653&cid3=655&page=1&s=1&click=0 每页的商品共有60个，页面先加载前30个，下滑滚动时再加载后30个 故用selenium模
拼多多电商API接口详情
Anzexi123的博客
06-28 1372
拼多多电商API接口详情
网上商城2--前台商品管理
aogogo的博客
05-28 1107
前台商品管理模块 准备工作 1、创建表并完善数据 CREATE TABLE `product` ( `pid` varchar(32) NOT NULL, `pname` varchar(50) DEFAULT NULL, `market_price` double DEFAULT NULL, `shop_price` double DEFAULT NULL, `pim...
2 SSH网上商城--首页热门商品显示
Icedeny的博客
09-24 579
1. 创建商品表：   因为有二级分类，二级分类和商品表，一级分类相关，为此创建二级分类表和商品表； CREATE TABLE `categorysecond` ( `csid` int(11) NOT NULL AUTO_INCREMENT, `csname` varchar(255) DEFAULT NULL, `cid` int(11) DEFAULT NULL, PR...
java热门商品点击排序_Javaweb网上商城项目实战（16）实现首页热门商品、最新商品查询...
weixin_28955929的博客
02-26 936
分析SQL语句编写#查询商品表中最新的9件商品信息SELECT * FROM product WHERE pflag=0 ORDER BY pdate DESC LIMIT 0 ,9#查询商品表中最热,最新的9件商品信息SELECT * FROM product WHERE pflag=0 AND is_hot=1 ORDER BY pdate DESC LIMIT 0 ,9原理分析具体实现建立商...
javaWeb购物商城设计---商品详情显示
imcy的博客
12-02 3万+
商品列表显示见：http://blog.csdn.net/u013948010/article/details/78675164 主页面显示商品列表，单击图片进入商品详情:<a href="goodsDetail.jsp?ID=<%=hot_ID%>">商品详情数据库表tb_goods： 建立goodsDetail.jsp页面访问数据库获取商品根据页面跳转传递的商品ID访问数据库获得商品详情。<
javaWeb购物商城设计---商品显示
imcy的博客
11-30 2万+
商品显示包括显示两条热门商品，12条最新商品和12条打折商品。数据库后台数据库用到了sql server，建立了商品表tb_goods和商品分类表tb_subType 商品分类表： 商品表： 获得最新商品/* 最新上架商品信息 */ ResultSet rs_new = conn.executeQuery( "select top 12 t1.ID, t1.Good
小程序 微信小商店 获取商品列表
qq_36341347的博客
09-13 902
【代码】小程序 微信小商店 获取商品列表。
java获取当前系统前一天，当天，后天日期
热门推荐
漂浮
11-15 6万+
获取前一天日期 public static Date getNextDay(Date date) { Calendar calendar = Calendar.getInstance(); calendar.setTime(date); calendar.add(Calendar.DAY_OF_MONTH, -1); date = calendar.getTime(); re
photoshop-vbs-ref-2020.pdf
10-27
《Photoshop-VBS-Ref-2020.pdf》是一本关于Photoshop软件中Visual Basic Script（VBS）的参考手册。这本手册主要介绍了使用VBS语言编写脚本来操作和控制Photoshop软件的方法和技巧。 VBS是一种脚本语言，可以通过...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值