【JavaWeb项目练习】购物车项目练习（一）——产品模块

一、类关系

---

1. 类图
   

---

2. 类关系图
   

---

二、创建一个Web动态项目

---

1. 打开Eclipse --> 菜单File --> New --> Project
   

---

2. 选中Dynamic Web Project --> Next
   

• Project name设置成：cart
• 如果Eclipse里，已经配置了Tomcat7，这里就可以选择
• 下方选择Next

---

3. 这里点击Next
   

• 这里是设置*.class文件的输出位置
• build\classes是..\project\cart\build\classes

---

4. 将Content directiory设置成web也可以，然后点击finish
   

---

三、产品模块

---

3.1 MySQL数据库以及sql语句

• 我是使用MySql数据库，图形化工具用了MySQL-Front
• 在开始之前，需要做一些数据库方面的准备工作.
  1. 创建数据库 cart
  2. 在cart 数据库中创建表product
  3. 为product准备7条数据

额。。。这是教程站长的癖好orz
下面是SQL代码：

create database cart;

use 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;

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(5,'电动玩具',250);
insert into product values(6,'小米笔记本pro',4500);
insert into product values(7,'小米5x',1200);

• 在 idint(11) DEFAULT NULL 后面加 AUTO_INCREMENT 就设置id字段为自增
• 也可以使用Mysql的图形化工具创建表格

---

3.2 Product类

• 在Java Resource下的scr文件夹下，创建bean包（包名自定义，一般域名倒写）
• 在创建的包中，新建Product类

package bean;
/**
 * 产品类
 */
public class Product {
	@Override
	public String toString() {
		return "Product [id=" + id + ", name=" + name + ", price=" + price + "]";
	}
	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;
	}
}

---

3.3 DAO类

• DAO的目的是连接数据库
• 注意：代码中的数据库信息，包括数据库名称，用户名，密码需要根据实际情况设定

package dao;
import java.sql.Connection;
import java.sql.DriverManager;
import java.sql.SQLException;
import java.sql.Statement;
public class DAO {
	static final String server = "jdbc:mysql://127.0.0.1:3306/cart?characterEncoding=UTF-8";
	static final String user = "root";// 数据库用户名
	static final String pass = "admin";// 数据库登录密码
	private static Connection con;
	private static Statement sta;
	
	/*这里返回Connection类，在后面写ProductDAO等时会用到*/
	public static Connection ConnectDataBase() {
		try {
			System.out.println("正在连接数据库...");
			Class.forName("com.mysql.jdbc.Driver");
			Connection con = DriverManager.getConnection(server, user, pass);
			System.out.println("成功连接到数据库。");
			return con;
		} catch (ClassNotFoundException cnfe) {
			cnfe.printStackTrace();
		} catch (SQLException sqle) {
			sqle.printStackTrace();
		}
		return null;
	}
}

---

3.4 ProductDAO类

• ProductDAO提供对Product的查询

package dao;
import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.sql.SQLException;
import java.util.ArrayList;
import java.util.List;
import com.yaqing.bean.Product;
/**
 * 产品DAO类
 */
public class ProductDAO {
	/**
	 * 查询所有的产品类
	 */
	public List<Product> ListProduct() {
		List<Product> products = new ArrayList<Product>();
		String sql = "select * from product order by id desc";// 查询product表中所有内容，并按照降序（desc）排列
		try (Connection c = DAO.ConnectDataBase(); PreparedStatement ps = c.prepareStatement(sql)) {
			ResultSet rs = ps.executeQuery();
			/* 将查询内容设置到Product类中，并add进Products */
			while (rs.next()) {
				Product product = new Product();
				int id = rs.getInt(1);// 获取第一个字段：id
				String name = rs.getString(2); // 获取第二个字段：名称
				float price = rs.getFloat(3);// 获取第三个字段：价格
				// 将内容设置到product的属性中
				product.setId(id);
				product.setName(name);
				product.setPrice(price);
				// 将product类add进products中
				products.add(product);
				// 因为已经将ps,c写在try()括号里，所以两者会自动关闭
				// ps.close();// 关闭预声明
				// c.close();// 关闭连接
			}
		} catch (SQLException e) {
			// TODO Auto-generated catch block
			e.printStackTrace();
		}
		return products;
	}
}

• 注意：
  • 创建完成以上三个类以后，要创建一个测试类，并进行测试
  • 不要忘记导入必要的jar包，否则会出现ClassNotFound错误
• 测试类代码：

pbulic testDAO{
	public static void main(String[] args){
		testListProduct();
	}
	public static void testListProduct() {
			List<Product> products = new ArrayList<>();
			ProductDAO pd = new ProductDAO();
			products = pd.ListProduct();
			for (Product product : products) {
				System.out.println(product);
		}
	}
}

• 如果出错，就要检查一下
  1. DAO类中，数据库名称，用户名，密码是否正确
  2. 相关的包是否导入指定位置project\cart\Web\WEB-INF\lib

---

3.5 ProductListServlet类

• Servlet是很重要的知识点，要搞清楚Tomcat，Servlet，JSP的知识以及他们之间的关系
• Tomcat后端服务器：（1）接受用户的请求(request)，（2）处理用户的请求，（3）返回响(response)应给客户端
• Tomcat会根据请求，到web.xml文件中查找到处理对应请求的Servlet（服务器程序）
• Servlet处理完成以后，会将结果显示到JSP页面上，最终由服务器将静态网页显示到客户端

• 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 com.yaqing.bean.Product;
import com.yaqing.dao.ProductDAO;
@SuppressWarnings("serial") // 压制警告
public class ProductListServlet extends HttpServlet {// 继承HttpSerlet方法
	protected void service(HttpServletRequest request, HttpServletResponse response)
			throws ServletException, IOException {
		// 创建一个List<Product>，调用ProductDAO().ListProduct()
		List<Product> products = new ProductDAO().ListProduct();
		/*
		 * <c:forEach items="${products}" var="product" varStatus="st">
		 * 这是listProduct.jsp中的语句，items="${products}"应该就是指下面的内容
		 */
		// Attribute有属性，性质的意思
		request.setAttribute("products", products);
		// 显示在listProduct.jsp上
		request.getRequestDispatcher("listProduct.jsp").forward(request, response);
	}
}

• 如果"listProduct.jsp"中.jsp没有写，则会造成Tomcat一直调用ProductListServlet自己，从而造成死循环

---

3.6 listProduct.jsp

• 显示产品名称，价格，并为每种商品提供一个购买按钮。

<%@ 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>

• 如果代码第三行报错，可能就是由于没有导入第三方包。

---

3.7 web.xml配置文件

• 进行产品查询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>

• web.xml中Servlet的配置如上
• <servlet-name>ProductListServlet</servlet-name>表示执行的Servlet名称
• <servlet-class>servlet.ProductListServlet</servlet-class>表示Servlet所在的类名包名
• <url-pattern>/listProduct</url-pattern>表示Tomcat接受listProduct请求时，调用ProductListServlet来处理

---

四、图片演示

---

4.1 需要的第三方jar包：

• jstl.jar
• mysql-connector-java-5.0.8-bin.jar
• standard.jar

---

4.2 Eclipse中的运行结果

• 右键cart项目 --> Run As --> Run on Server
  
  
• 在跳转的网页中键入listProdutct，并按Enter
  
• 成功的结果
• 但现在还无法购买，ProductDAO目前只写了查询方法，增加，删除，更改的方法还没有写，将在后面的文章中完善。
  

---

五、问题与改进

---

六、参考资料：

• how2j.com网站：
  • 购物车系列教材