案例18-首页最新商品和热门商品显示

最新推荐文章于 2021-02-03 16:15:34 发布
最新推荐文章于 2021-02-03 16:15:34 发布
阅读量452 收藏
点赞数
文章标签： java javascript web.xml ViewUI
原文链接：http://www.cnblogs.com/jepson6669/p/8443763.html
版权

1 web层

1 IndexServlet

package www.test.web.servlet;

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

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

import www.test.domain.Product;
import www.test.service.ProductService;

public class IndexServlet extends HttpServlet {

    public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {

        ProductService service = new ProductService();
        
        //获取热门商品-----List<Product>
        List<Product> hotProductList = null;
        try {
            hotProductList = service.findHotProductList();
        } catch (SQLException e) {
            
            e.printStackTrace();
        }
        
        //获取最新商品-----List<Product>
        List<Product> newProductList = null;
        try {
            newProductList = service.findNewProductList();
        } catch (SQLException e) {
            
            e.printStackTrace();
        }
        
        
        //将获取的数据存入request域
        request.setAttribute("hotProductList", hotProductList);
        request.setAttribute("newProductList", newProductList);
        
        //转发
        request.getRequestDispatcher("/index.jsp").forward(request, response);
    }

    public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
        doGet(request, response);
    }

}

2 service层

1 ProductService

package www.test.service;

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

import www.test.dao.ProductDao;
import www.test.domain.Product;

public class ProductService {

    // 获取热门商品
    public List<Product> findHotProductList() throws SQLException {

        ProductDao dao = new ProductDao();
        return dao.findHotProductList();
    }

    // 获取最新商品商品
    public List<Product> findNewProductList() throws SQLException {

        ProductDao dao = new ProductDao();
        return dao.findNewProductList();
    }

}

3 dao层

1 ProductDao

package www.test.dao;

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

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

import www.test.domain.Product;
import www.test.utils.C3P0Utils;

public class ProductDao {

    //获取热门商品
    public List<Product> findHotProductList() throws SQLException {
        QueryRunner qr = new QueryRunner(C3P0Utils.getDataSource());
        String sql = "select * from product where is_hot=? limit ?,?";
        List<Product> hotProductList = qr.query(sql, new BeanListHandler<Product>(Product.class), 1,0,9);
        return hotProductList;
    }
    
    //获取最新商品
    public List<Product> findNewProductList() throws SQLException {
        QueryRunner qr = new QueryRunner(C3P0Utils.getDataSource());
        String sql = "select * from product order by pdate desc limit ?,?";
        List<Product> newProductList = qr.query(sql, new BeanListHandler<Product>(Product.class), 0,9);
        return newProductList;
    }

}

4 domain层

1 product

package www.test.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;
    }
    
    
    
}

2 Category

package www.test.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;
    }
}

5 WebContent

1 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>热门商品&nbsp;&nbsp;<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="${hotProductList }" var="hotPro">
                        <div class="col-md-2" style="text-align:center;height:200px;padding:10px 0px;">
                            <a href="product_info.htm">
                                <img src="${pageContext.request.contextPath }/${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">&yen;${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>最新商品&nbsp;&nbsp;<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="${newProductList }" var="newPro">
                        <div class="col-md-2" style="text-align:center;height:200px;padding:10px 0px;">
                            <a href="product_info.htm">
                                <img src="${pageContext.request.contextPath }/${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">&yen;${newPro.shop_price }</font></p>
                        </div>
                    </c:forEach>
                </div>
            </div>            
            
            <!-- 引入footer.jsp -->
            <jsp:include page="/footer.jsp"></jsp:include>
            
        </div>
    </body>

</html>

2 default.jsp

<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!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=ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
    <%
        response.sendRedirect(request.getContextPath()+"/index");
    %>
</body>
</html>

3 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>WEBTestShop28</display-name>
  <servlet>
    <servlet-name>CheckImgServlet</servlet-name>
    <servlet-class>www.test.web.servlet.CheckImgServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>CheckImgServlet</servlet-name>
    <url-pattern>/checkImg</url-pattern>
  </servlet-mapping>
  <welcome-file-list>
    <welcome-file>default.jsp</welcome-file>
  </welcome-file-list>
  <servlet>
    <description></description>
    <display-name>RegisterServlet</display-name>
    <servlet-name>RegisterServlet</servlet-name>
    <servlet-class>www.test.web.servlet.RegisterServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>RegisterServlet</servlet-name>
    <url-pattern>/register</url-pattern>
  </servlet-mapping>
  <servlet>
    <description></description>
    <display-name>ActiveServlet</display-name>
    <servlet-name>ActiveServlet</servlet-name>
    <servlet-class>www.test.web.servlet.ActiveServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>ActiveServlet</servlet-name>
    <url-pattern>/active</url-pattern>
  </servlet-mapping>
  <servlet>
    <description></description>
    <display-name>CheckUsernameServlet</display-name>
    <servlet-name>CheckUsernameServlet</servlet-name>
    <servlet-class>www.test.web.servlet.CheckUsernameServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>CheckUsernameServlet</servlet-name>
    <url-pattern>/checkUsername</url-pattern>
  </servlet-mapping>
  <servlet>
    <description></description>
    <display-name>CheckVCServlet</display-name>
    <servlet-name>CheckVCServlet</servlet-name>
    <servlet-class>www.test.web.servlet.CheckVCServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>CheckVCServlet</servlet-name>
    <url-pattern>/checkVC</url-pattern>
  </servlet-mapping>
  <servlet>
    <description></description>
    <display-name>LoginServlet</display-name>
    <servlet-name>LoginServlet</servlet-name>
    <servlet-class>www.test.web.servlet.LoginServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>LoginServlet</servlet-name>
    <url-pattern>/login</url-pattern>
  </servlet-mapping>
  <filter>
    <display-name>AutoLoginFilter</display-name>
    <filter-name>AutoLoginFilter</filter-name>
    <filter-class>www.test.web.filter.AutoLoginFilter</filter-class>
  </filter>
  <filter-mapping>
    <filter-name>AutoLoginFilter</filter-name>
    <url-pattern>/*</url-pattern>
  </filter-mapping>
  <servlet>
    <description></description>
    <display-name>IndexServlet</display-name>
    <servlet-name>IndexServlet</servlet-name>
    <servlet-class>www.test.web.servlet.IndexServlet</servlet-class>
  </servlet>
  <servlet-mapping>
    <servlet-name>IndexServlet</servlet-name>
    <url-pattern>/index</url-pattern>
  </servlet-mapping>
</web-app>

 

转载于:https://www.cnblogs.com/jepson6669/p/8443763.html

weixin_30731287
关注
java热门商品点击排序_Javaweb网上商城项目实战（16）实现首页热门商品、最新商品查询...
weixin_28955929的博客
02-26 967
分析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原理分析具体实现建立商...
Java Web 网络商城案例演示九（首页热门商品和最新商品显示）
m0_69942446的博客
04-28 480
ProdectServiceImpl public class ProductServiceImpl implements ProductService { ProductDao productDao = new ProductDaoImpl(); @Override public List findHots() throws Exception { // TODO Auto-generated method stub return productDao.findHots(); } @Override pu
12_首页显示热门商品和最新商品
方圆几里
04-10 1338
首页显示热门商品和最新商品 步骤分析 准备工作 代码实现 1）步骤分析 在页面加载的时候查询最新商品和热门商品即可。 在indexServlet的index方法中实现就可以了 查询的结果为两个集合list,将两个list放入request域中，请求转发到index.jsp即可。 在index.jsp中展示数据。 2）准备工作 ① 数据库数据和表 CREATE TABLE `produc...
13.首页热门商品显示
北风
05-03 1789
1、建表 创建二级分类的表: CREATE TABLE `categorysecond` ( `csid` int(11) NOT NULL AUTO_INCREMENT, `csname` varchar(255) DEFAULT NULL, `cid` int(11) DEFAULT NULL, PRIMARY KEY (`csid`), KEY `FK936FCAF21
ionic4学习笔记11-某东项目热门商品展示
tongle_deng的专栏
06-25 174
1、创建热门商品图片展示列表 <!--热门商品 [ngStyle]="{'width': hotListWidth}":动态绑定样式，从后台ts传递；hotListWidth和后台变量名称一致； *ngFor="let item of hotList" ：循环从后台传递过来的hotList --> <div class="h_title"> 猜你喜欢 </div> <div class="hotlist">
Javaweb商城项目实战篇
07-24
本门课程核心围绕javaweb实战网上商城项目作为基础，其中讲解数据结构的搭建以及项目细节的实战和项目上线流程等内容。课程主要包括：第1章Javaweb项目实战——搭建和登录注册模块第2章Javaweb项目实战-商品模块第3章Javaweb项目实战—购物车模块第4章Javaweb项目实战—订单模块
四、Bootstrap小案例-实现商品流式展示（响应式）
05-11
这个案例中，商品流式展示主要依赖于Bootstrap的栅格系统和响应式设计，而Font Awesome则提供了丰富的图标资源，为商品展示增添了视觉吸引力。 总结来说，通过学习这个Bootstrap小案例，我们可以了解到如何利用...
案例-基于MVC和三层架构实现商品表的增删改查
08-21
- **View（视图）**：是用户看到和交互的部分，显示商品列表或者单个商品详情。当Model的数据发生变化时，View会自动更新以反映这些变化。 - **Controller（控制器）**：作为Model和View之间的桥梁，处理用户的输入...
案例课程C-S架构-1期 详细设计书-界面模块(商品管理).pdf
07-14
《案例课程C-S架构-1期 详细设计书-界面模块(商品管理)》 本设计文档主要关注的是一个基于C-S（客户端-服务器）架构的界面模块，该模块专门用于商品管理，包括商品信息的查询、添加、修改、删除和统计等功能。以下...
Android案例：商品展示系统。利用SQLite+ListView，实现商品增删查改
07-27
Adapter通常包含一个布局文件，定义每一行商品的显示样式，比如商品图片、名称、价格等。同时，ListView还可以实现点击事件，以便用户选择某个商品进行查看详情或进行操作。 在实现商品的增删查改功能时，用户界面...
JavaWeb商城项目笔记--- Day1 （热门商品，热销商品）
qq_36654606的博客
01-30 2916
功能出现场景 在线的商场中，前端最近界面总会有一块区域用来显示销售量最高的，最新上架的和类似的这种的商品。 一些联想到的功能：热销，热评等 功能解决思路 核心还是对数据库进行查询，然后响应给前端信息，然后前端将接收到的数据，进行渲染依据一定的布局，呈现给用户。 特点：最新，最热这两点需要通过 sql 语句来实现时候如何解决 2.1 最新:按照时间降序排列取指定数量的记录 2.2 最热：可以根...
实时热门商品统计
chbxw
07-07 1402
文章目录一、实时热门商品统计1.1、基本需求1.1.1、需求分析1.2、模块实现 一、实时热门商品统计 1.1、基本需求 统计近1小时内的热门商品，每5分钟更新一次 热门度用浏览次数（“pv”）来衡量 1.1.1、需求分析   我们将实现一个“实时热门商品”的需求，可以将“实时热门商品”理解为：每隔5分钟输出最近一小时内点击量最多的前N个商品。 将这个需求进行分解我们大概要做这么几件事情： • 抽取出业务时间戳，告诉Flink框架基于业务时间做窗口 • 过滤出点击行为数据 • 按一小时的窗口大小，每5分
Shop项目--2.动态获取最新商品和热门商品
weixin_39472341的博客
11-22 790
前端 细节： 1.jstl引用  2.修改web.xml配置，插入脚本语言 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> Insert title here <% response.sendRedirect(request.getCont
各区域热门商品统计
chbxw
07-17 2833
一、需求：根据用户指定的日期范围，统计各个区域下的最热门的top3商品 1、区域信息在哪里，各个城市的信息，城市是不怎么变化的，没有必要存储在hive里？MySQL，Hive和MySQL异构数据源使用，技术点 2、hive用户行为数据，和mysql城市信息，join，关联之后是RDD？RDD转换DataFrame，注册临时表，技术点 3、各个区域下各个商品的点击量，保留每个区域的城市列表数据...
商城之热门商品列表实现（下拉刷新，上拉加载更多）
LLLigj博客
10-04 2559
1.效果 2.使用下拉刷新和上拉加载更多：　　　　https://github.com/android-cjj/Android-MaterialRefreshLayout
阿里云redis有些key无法写入_如何发现 Redis 热点 Key ，解决方案有哪些？
weixin_29958373的博客
02-03 399
一、热点问题产生原因热点问题产生的原因大致有以下两种：1.1 用户消费的数据远大于生产的数据（热卖商品、热点新闻、热点评论、明星直播）。在日常工作生活中一些突发的的事件，例如：双十一期间某些热门商品的降价促销，当这其中的某一件商品被数万次点击浏览或者购买时，会形成一个较大的需求量，这种情况下就会造成热点问题。同理，被大量刊发、浏览的热点新闻、热点评论、明星直播等，这些典型的读多写少的场景也会产生热...
java 淘宝商品评价计算算法
张亮的博客
12-18 4812
淘宝商城评价系统的分数算法
推荐商品功能实现
Java追求者的博客
05-18 2605
1.直接上图看效果 2.数据库表的设计 3.创建基础数据类VO NewItemsVO public class NewItemsVO { private Integer rootCatId; private String rootCatName; private String slogan; private String catImage; private String bgColor; private List<SimpleItemVO>
jquery案例计算购物车商品总件数和总额代码
最新发布
09-14
在jQuery中，我们可以编写一段简单的代码来模拟一个购物车功能，计算商品的总件数和总金额。假设我们有一个包含商品信息的HTML列表，并且每个列表项都有一个“数量”和“价格”的数据属性。下面是一个示例： ```...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值