how2j.cn

下载区
文件名 文件大小
cart.rar 869k
使用站长秘制下载工具

工具版本兼容问题
因为本章节主要讲解如何开发一个购物车,所以产品部分,只提供与购物车相关的产品查询功能。不提供全面的增加,删除,修改,以免分散学习的注意力。


步骤 1 : 新建一个项目   
步骤 2 : SQL   
步骤 3 : Product   
步骤 4 : ProductDAO   
步骤 5 : ProductListServlet   
步骤 6 : listProduct.jsp   
步骤 7 : 配置web.xml   
步骤 8 : 测试   

步骤 1 :

新建一个项目

edit
在eclipse中新建一个java项目,项目名称cart
本章节主要讲解如何开发购物车,所以会把重点放在与购物车紧密相关的查询功能方面,不会全面地提供CRUD(增删改查)功能,如果对CRUD还不够熟悉,请参考 Servlet CRUD

在开始之前,需要做一些数据库方面的准备工作.
1. 创建数据库 cart
2. 在cart 数据库中创建表product
3. 为product准备4条数据

注:插入中文的时候,如果失败,要记得把表的编码方式修改为UTF-8
SQL
create database cart;
create database cart;
DROP TABLE IF EXISTS `product`; CREATE TABLE `product` ( `id` int(11) DEFAULT NULL, `name` varchar(50) DEFAULT NULL, `price` float DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8;

DROP TABLE IF EXISTS `product`;
CREATE TABLE `product` (
  `id` int(11) DEFAULT NULL,
  `name` varchar(50) DEFAULT NULL,
  `price` float DEFAULT NULL
) ENGINE=InnoDB DEFAULT CHARSET=utf8;
insert into product values(1,'黑色的丝袜',500); insert into product values(2,'充气娃娃',2500); insert into product values(3,'皮鞭',180); insert into product values(4,'蜡烛',0.20);

insert into product values(1,'黑色的丝袜',500);
insert into product values(2,'充气娃娃',2500);
insert into product values(3,'皮鞭',180);
insert into product values(4,'蜡烛',0.20);
Product类
package bean; public class Product { private int id; private String name; private float price; public int getId() { return id; } public void setId(int id) { this.id = id; } public String getName() { return name; } public void setName(String name) { this.name = name; } public float getPrice() { return price; } public void setPrice(float price) { this.price = price; } }
ProductDAO提供对Product的查询
package dao; import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; import java.sql.SQLException; import java.util.ArrayList; import java.util.List; import bean.Product; public class ProductDAO { public static void main(String[] args) { System.out.println(new ProductDAO().ListProduct().size()); } public List<Product> ListProduct() { List<Product> products = new ArrayList<Product>(); try { Class.forName("com.mysql.jdbc.Driver"); Connection c = DriverManager.getConnection("jdbc:mysql://127.0.0.1:3306/cart?characterEncoding=UTF-8", "root", "admin"); String sql = "select * from product order by id desc"; PreparedStatement ps = c.prepareStatement(sql); ResultSet rs = ps.executeQuery(); while (rs.next()) { Product product = new Product(); int id = rs.getInt(1); String name = rs.getString(2); float price = rs.getFloat(3); product.setId(id); product.setName(name); product.setPrice(price); products.add(product); } ps.close(); c.close(); } catch (ClassNotFoundException e) { // TODO Auto-generated catch block e.printStackTrace(); } catch (SQLException e) { // TODO Auto-generated catch block e.printStackTrace(); } return products; } }
步骤 5 :

ProductListServlet

edit
ProductListServlet的作用是通过ProductDAO把product从数据库查出来,然后通过listProduct.jsp显示出来
package 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 bean.Product; import dao.ProductDAO; public class ProductListServlet extends HttpServlet { protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { List<Product> products = new ProductDAO().ListProduct(); request.setAttribute("products", products); request.getRequestDispatcher("listProduct.jsp").forward(request, response); } }
显示产品名称,价格,并为每种商品提供一个购买按钮。
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.util.*"%> <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <table align='center' border='1' cellspacing='0'> <tr> <td>id</td> <td>名称</td> <td>价格</td> <td>购买</td> </tr> <c:forEach items="${products}" var="product" varStatus="st"> <tr> <td>${product.id}</td> <td>${product.name}</td> <td>${product.price}</td> <td> <form action="addOrderItem" method="post"> 数量<input type="text" value="1" name="num"> <input type="hidden" name="pid" value="${product.id}"> <input type="submit" value="购买"> </form> </td> </tr> </c:forEach> </table>
进行产品查询Servlet的配置
<?xml version="1.0" encoding="UTF-8"?> <web-app> <servlet> <servlet-name>ProductListServlet</servlet-name> <servlet-class>servlet.ProductListServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>ProductListServlet</servlet-name> <url-pattern>/listProduct</url-pattern> </servlet-mapping> </web-app>
<?xml version="1.0" encoding="UTF-8"?>
<web-app>

	<servlet>
		<servlet-name>ProductListServlet</servlet-name>
		<servlet-class>servlet.ProductListServlet</servlet-class>
	</servlet>

	<servlet-mapping>
		<servlet-name>ProductListServlet</servlet-name>
		<url-pattern>/listProduct</url-pattern>
	</servlet-mapping>

</web-app>
访问网页
http://127.0.0.1/listProduct


注: 要记得访问路径/listProduct,别直接访问jsp文件 listProduct.jsp

这样就做好进行购买的准备工作,虽然简单,但是足以支持购物车的核心功能了
测试


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


问答区域    
2022-03-10 测试后报错+-
人间惊鸿客

为什么我直接把右上角的下载后,测试后页面报错,什么也看不到







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




2021-04-08 数据未导进
luchenqq




数据库的数据没有到进来是怎么回事??
加载中
package com.domain;

public class Product {

	private int product_id;
	private String product_name;
	private double product_price;
	
	
	public Product() {

	}


	public Product(int product_id, String product_name, double product_price) {
		super();
		this.product_id = product_id;
		this.product_name = product_name;
		this.product_price = product_price;
	}


	public int getProduct_id() {
		return product_id;
	}


	public void setProduct_id(int product_id) {
		this.product_id = product_id;
	}


	public String getProduct_name() {
		return product_name;
	}


	public void setProduct_name(String product_name) {
		this.product_name = product_name;
	}


	public double getProduct_price() {
		return product_price;
	}


	public void setProduct_price(double product_price) {
		this.product_price = product_price;
	}


	@Override
	public String toString() {
		return "product [product_id=" + product_id + ", product_name=" + product_name + ", product_price="
				+ product_price + "]";
	}
	
}






<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8" import="java.util.*"%>
    
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<table align='center' border='1' cellspacing='0'>
    <tr>
        <td>id</td>
        <td>名称</td>
        <td>价格</td>
        <td>购买</td>
    </tr>
    <c:forEach items="${products}" var="product" varStatus="st">
        <tr>
            <td>${product.id}</td>
            <td>${product.name}</td>
            <td>${product.price}</td>
            <td>
             
            <form action="addOrderItem" method="post">
             
            数量<input type="text" value="1" name="num">
            <input type="hidden" name="pid" value="${product.id}">
            <input type="submit" value="购买">
            </form>
            </td>
 
        </tr>
    </c:forEach>
</table>
</body>
</html>

							


3 个答案

lanykey
答案时间:2022-02-06
那说明你写的数据库路径错了,检查一下少了或多了什么符号。访问项目的路径为http://127.0.0.1:8080/cart/listProduct,而不是http://127.0.0.1/listProduct

帅的惊动了联合国
答案时间:2021-05-05
不好意思兄弟,是我没看明白,希望不要误导你。刚又看了一下你的,发现你的jsp文件里这一段错误导致无法正常显示: product类里属性是这样定义的 private int product_id; private String product_name; private double product_price; jsp文件里是这样调用的 <td>${product.id}</td> <td>${product.name}</td> <td>${product.price}</td> 这里有差异,所以无法正常显示,希望之前的回答不会误导你

帅的惊动了联合国
答案时间:2021-05-05
model类属性要改为public,不能是private的,否则无法直接访问,需要使用getId(),getName()....方式进行访问获取



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





2020-12-21 我裂开了。显示不出来
2020-08-10 Error instantiating servlet class [servlet.ProductListServlet]
2020-07-11 listProduct.jsp中的购买把数据传到addOrderItem servlet里但是没有这个servlet啊


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

提问之前请登陆
提问已经提交成功,正在审核。 请于 我的提问 处查看提问记录,谢谢
关于 J2EE-购物车-产品模块 的提问

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

上传截图