jsp+mysql实例简单的购物车实现实例源码介绍



jsp+mysql实例简单的购物车实现实例源码介绍。该小项目数据库用MySq对数据的管理,有两个表,一个表是cart另一个是show。小练习拿出来分享希望对大家有用

1、数据库表

cart表

show表

 

页面源码展示

index.jsp

[html] view plaincopyprint?
  1. <%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%>
  2. <%@ page import=”java.sql.*”%>
  3. <html>
  4.   <head>
  5.     <title>在线购物</title>
  6.   </head>
  7.   <%
  8.     //装载MySQL5.5的JDBC驱动
  9.     Class.forName(“com.mysql.jdbc.Driver”).newInstance();
  10.     //建立数据库连接
  11.     String url =”jdbc:mysql://localhost:3306/eshop?user=root&password=root&useUnicode=true&characterEncoding=gb2312″;
  12.     Connection conn= DriverManager.getConnection(url);
  13.     //建立一个Statement对象,用于执行SQL语句
  14.     Statement stat = conn.createStatement();
  15.     //执行查询并得到查询结果
  16.     String sql = ”select * from shop”;
  17.     ResultSet rs = stat.executeQuery(sql);
  18.   %>
  19.   <body>
  20.     <h2>在线购物</h2>
  21.     <hr>
  22.     <table border=”1″ width=”600″>
  23.         <tr bgcolor=”#dddddd”>
  24.             <td align=”center” width=”80″>商品缩图</td>
  25.             <td align=”center”>商品摘要</td>
  26.             <td align=”center” width=”100″>在线购买</td>
  27.         </tr>
  28.         <%
  29.             String bm,name,price,info,img;
  30.             //将查询结果集中的记录输出到页面上
  31.             while (rs.next()){
  32.                 //从当前记录中读取各字段的值
  33.                 img = rs.getString(“SP_PIC”).trim();
  34.                 bm = rs.getString(“SP_NO”).trim();
  35.                 name = rs.getString(“SP_NAME”).trim();
  36.                 price = rs.getString(“SP_PRICE”).trim();
  37.                 info = rs.getString(“SP_INFO”).trim();
  38.                 out.println(“<tr>”);
  39.                 out.println(“<td><img src=’”+ img +”‘ border=0 height=60 width=60></td>”);
  40.                 out.println(“<td>”);
  41.                 out.println(“商品编号:”+ bm +”<br>”);
  42.                 out.println(“商品名称:”+ name +”<br>”);
  43.                 out.println(“商品价格:”+ price +”元<br>”);
  44.                 out.println(“商品简介:”+ info +”<br>”);
  45.                 out.println(“</td>”);
  46.                 out.println(“<td><a href=’buy.jsp?op=add&bm=”+bm+”‘>放入购物车</a></td>”);
  47.                 out.println(“</tr>”);
  48.             }
  49.         %>
  50.     </table>
  51.     <br>
  52.     <a href=”cart.jsp”>查看购物车</a>
  53.     <a href=”buy.jsp?op=clear”>清空购物车</a>
  54.   </body>
  55. </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.sql.*"%>

<html>
  <head>
    <title>在线购物</title>
  </head>
  <%
	//装载MySQL5.5的JDBC驱动
	Class.forName("com.mysql.jdbc.Driver").newInstance();
	//建立数据库连接
	String url ="jdbc:mysql://localhost:3306/eshop?user=root&password=root&useUnicode=true&characterEncoding=gb2312";
	Connection conn= DriverManager.getConnection(url);
	//建立一个Statement对象,用于执行SQL语句
	Statement stat = conn.createStatement();
	//执行查询并得到查询结果
	String sql = "select * from shop";
	ResultSet rs = stat.executeQuery(sql);	
  %>   
  <body>
    <h2>在线购物</h2>
    <hr> 
	<table border="1" width="600">
		<tr bgcolor="#dddddd">
			<td align="center" width="80">商品缩图</td> 
			<td align="center">商品摘要</td>
			<td align="center" width="100">在线购买</td>
		</tr>
		<%
			String bm,name,price,info,img;
			//将查询结果集中的记录输出到页面上
			while (rs.next()){
				//从当前记录中读取各字段的值
				img = rs.getString("SP_PIC").trim();
				bm = rs.getString("SP_NO").trim();
				name = rs.getString("SP_NAME").trim();
				price = rs.getString("SP_PRICE").trim();
				info = rs.getString("SP_INFO").trim();

				out.println("<tr>");
				out.println("<td><img src='"+ img +"' border=0 height=60 width=60></td>");
				out.println("<td>");
				out.println("商品编号:"+ bm +"<br>");
				out.println("商品名称:"+ name +"<br>");
				out.println("商品价格:"+ price +"元<br>");
				out.println("商品简介:"+ info +"<br>");
				out.println("</td>");
				out.println("<td><a href='buy.jsp?op=add&bm="+bm+"'>放入购物车</a></td>");
				out.println("</tr>");
			}
		%>		
	</table>
	<br>
	<a href="cart.jsp">查看购物车</a>  
	<a href="buy.jsp?op=clear">清空购物车</a>	       
  </body>
</html>

 

buy.jsp

[html] view plaincopyprint?
  1. <%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%>
  2. <%@ page import=”java.sql.*”%>
  3. <%
  4.     //装载MySQL5.5的JDBC驱动
  5.     Class.forName(“com.mysql.jdbc.Driver”).newInstance();
  6.     //建立数据库连接
  7.     String url =”jdbc:mysql://localhost:3306/eshop?user=root&password=root&useUnicode=true&characterEncoding=gb2312″;
  8.     Connection conn= DriverManager.getConnection(url);
  9.     PreparedStatement pstat = null;
  10.     ResultSet rs = null;
  11.     String sql = null;
  12.     String op = request.getParameter(“op”);
  13.     //将商品放入购物车
  14.     if (op.equals(“add”)){
  15.         //从商品库中取出所选购商品的数据
  16.         String bm = request.getParameter(“bm”);
  17.         String name=null,price=null;
  18.         sql = ”select * from shop where SP_NO=?”;
  19.         pstat = conn.prepareStatement(sql);
  20.         pstat.setString(1,bm);
  21.         rs = pstat.executeQuery();
  22.         if (rs.next()){
  23.             name = rs.getString(“SP_NAME”).trim();
  24.             price = rs.getString(“SP_PRICE”).trim();
  25.         }
  26.         rs.close();
  27.         pstat.close();
  28.         //将所选购商品加入到购物车中
  29.         sql = ”insert into cart(SP_NAME,SP_PRICE,BUY_NUM,COUNT) values(?,?,?,?)”;
  30.         pstat = conn.prepareStatement(sql);
  31.         pstat.setString(1,name);
  32.         pstat.setString(2,price);
  33.         pstat.setInt(3,1);
  34.         pstat.setString(4,price);
  35.         pstat.executeUpdate();
  36.         pstat.close();
  37.         //关闭数据库连接
  38.         conn.close();
  39.         //重定向到购物车页面
  40.         response.sendRedirect(“cart.jsp”);
  41.     }
  42.     //更改商品的数量
  43.     if (op.equals(“update”)){
  44.         int id = Integer.parseInt(request.getParameter(“id”));
  45.         int num = Integer.parseInt(request.getParameter(“num”));
  46.         double price=Double.parseDouble(request.getParameter(“price”));
  47.         sql = ”update cart set BUY_NUM = ?, COUNT = ? where ID=?”;
  48.         pstat = conn.prepareStatement(sql);
  49.         pstat.setInt(1,num);
  50.         pstat.setString(2,new Double(price*num).toString());
  51.         pstat.setInt(3,id);
  52.         pstat.executeUpdate();
  53.         pstat.close();
  54.         //关闭数据库连接
  55.         conn.close();
  56.         //重定向到购物车页面
  57.         response.sendRedirect(“cart.jsp”);
  58.     }
  59.     //将商品退回到商品架(将商品从购物车中删除)
  60.     if (op.equals(“del”)){
  61.         int id = Integer.parseInt(request.getParameter(“id”));
  62.         sql = ”delete from cart where ID=?”;
  63.         pstat = conn.prepareStatement(sql);
  64.         pstat.setInt(1,id);
  65.         pstat.executeUpdate();
  66.         pstat.close();
  67.         //关闭数据库连接
  68.         conn.close();
  69.         //重定向到购物车页面
  70.         response.sendRedirect(“cart.jsp”);
  71.     }
  72.     //清空购物车
  73.     if (op.equals(“clear”)){
  74.         sql = ”delete from cart”;
  75.         pstat = conn.prepareStatement(sql);
  76.         pstat.executeUpdate();
  77.         pstat.close();
  78.         //关闭数据库连接
  79.         conn.close();
  80.         //重定向到购物车页面
  81.         response.sendRedirect(“cart.jsp”);
  82.     }
  83. %>


<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.sql.*"%>
<%
	//装载MySQL5.5的JDBC驱动
	Class.forName("com.mysql.jdbc.Driver").newInstance();
	//建立数据库连接
	String url ="jdbc:mysql://localhost:3306/eshop?user=root&password=root&useUnicode=true&characterEncoding=gb2312";
	Connection conn= DriverManager.getConnection(url);
	PreparedStatement pstat = null;
	ResultSet rs = null;

	String sql = null;
	String op = request.getParameter("op");

	//将商品放入购物车
	if (op.equals("add")){
		//从商品库中取出所选购商品的数据
		String bm = request.getParameter("bm");
		String name=null,price=null;
		sql = "select * from shop where SP_NO=?";
		pstat = conn.prepareStatement(sql);
		pstat.setString(1,bm);
		rs = pstat.executeQuery();
		if (rs.next()){
			name = rs.getString("SP_NAME").trim();
			price = rs.getString("SP_PRICE").trim();
		}
		rs.close();
		pstat.close();

		//将所选购商品加入到购物车中
		sql = "insert into cart(SP_NAME,SP_PRICE,BUY_NUM,COUNT) values(?,?,?,?)";
		pstat = conn.prepareStatement(sql);
		pstat.setString(1,name);
		pstat.setString(2,price);
		pstat.setInt(3,1);
		pstat.setString(4,price);
		pstat.executeUpdate();
		pstat.close();

		//关闭数据库连接
		conn.close();

		//重定向到购物车页面
		response.sendRedirect("cart.jsp");
	}

	//更改商品的数量
	if (op.equals("update")){
		int id = Integer.parseInt(request.getParameter("id"));
		int num = Integer.parseInt(request.getParameter("num"));
		double price=Double.parseDouble(request.getParameter("price"));
		sql = "update cart set BUY_NUM = ?, COUNT = ? where ID=?";
		pstat = conn.prepareStatement(sql);
		pstat.setInt(1,num);
		pstat.setString(2,new Double(price*num).toString());
		pstat.setInt(3,id);
		pstat.executeUpdate();
		pstat.close();

		//关闭数据库连接
		conn.close();

		//重定向到购物车页面
		response.sendRedirect("cart.jsp");
	}	

	//将商品退回到商品架(将商品从购物车中删除)
	if (op.equals("del")){
		int id = Integer.parseInt(request.getParameter("id"));
		sql = "delete from cart where ID=?";
		pstat = conn.prepareStatement(sql);
		pstat.setInt(1,id);
		pstat.executeUpdate();
		pstat.close();	

		//关闭数据库连接
		conn.close();

		//重定向到购物车页面
		response.sendRedirect("cart.jsp");
	}

	//清空购物车
	if (op.equals("clear")){
		sql = "delete from cart";
		pstat = conn.prepareStatement(sql);
		pstat.executeUpdate();
		pstat.close();

		//关闭数据库连接
		conn.close();

		//重定向到购物车页面
		response.sendRedirect("cart.jsp");
	}
%>

cart.jsp

 

[html] view plaincopyprint?
  1. <%@ page language=”java” import=”java.util.*” pageEncoding=”utf-8″%>
  2. <%@ page import=”java.sql.*”%>
  3. <html>
  4.   <head>
  5.     <title>我的购物车</title>
  6.   </head>
  7.   <%
  8.     //装载MySQL5.5的JDBC驱动
  9.     Class.forName(“com.mysql.jdbc.Driver”).newInstance();
  10.     //建立数据库连接
  11.     String url =”jdbc:mysql://localhost:3306/eshop?user=root&password=root&useUnicode=true&characterEncoding=gb2312″;
  12.     Connection conn= DriverManager.getConnection(url);
  13.     //建立一个Statement对象,用于执行SQL语句
  14.     Statement stat = conn.createStatement();
  15.     //执行查询并得到查询结果
  16.     String sql = ”select * from cart”;
  17.     ResultSet rs = stat.executeQuery(sql);
  18.   %>
  19.   <body>
  20.     <h2>我的购物车</h2>
  21.     <hr>
  22.     <table border=”1″ width=”600″>
  23.         <tr bgcolor=”#dddddd”>
  24.             <td align=”center” width=”80″>商品名称</td>
  25.             <td align=”center”>商品单价</td>
  26.             <td align=”center” width=”100″>购买数量</td>
  27.             <td align=”center” width=”100″>金额</td>
  28.             <td align=”center” width=”100″>编辑</td>
  29.         </tr>
  30.         <%
  31.             String id,name,price,num,count;
  32.             //将查询结果集中的记录输出到页面上
  33.             while (rs.next()){
  34.                 //从当前记录中读取各字段的值
  35.                 id = rs.getString(“ID”).trim();
  36.                 name = rs.getString(“SP_NAME”).trim();
  37.                 price = rs.getString(“SP_PRICE”).trim();
  38.                 num = rs.getString(“BUY_NUM”).trim();
  39.                 count = rs.getString(“COUNT”).trim();
  40.                 out.println(“<tr>”);
  41.                 out.println(“<td>”+ name +”</td>”);
  42.                 out.println(“<td>”+ price +”</td>”);
  43.                 out.println(“<td><input type=text value=”+ num +” onChange=\”updateNum(‘”+id+”‘,this.value,’”+price+”‘)\”></td>”);
  44.                 out.println(“<td>”+ count +”</td>”);
  45.                 out.println(“<td><a href=’buy.jsp?op=del&id=”+id+”‘>退回商品架</a></td>”);
  46.                 out.println(“</tr>”);
  47.             }
  48.         %>
  49.     </table>
  50.     <br>
  51.     <a href=”index.jsp”>继续购物</a>
  52.     <a href=”buy.jsp?op=clear”>清空购物车</a>
  53.   </body>
  54.   <script language=”javascript”>
  55.     function updateNum(id,num,price){
  56.         var url = ”buy.jsp?op=update&id=”+id+”&num=”+num+”&price=”+price;
  57.         window.location = url;
  58.     }
  59.   </script>
  60. </html>
<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ page import="java.sql.*"%>

<html>
  <head>
    <title>我的购物车</title>
  </head>
  <%
	//装载MySQL5.5的JDBC驱动
	Class.forName("com.mysql.jdbc.Driver").newInstance();
	//建立数据库连接
	String url ="jdbc:mysql://localhost:3306/eshop?user=root&password=root&useUnicode=true&characterEncoding=gb2312";
	Connection conn= DriverManager.getConnection(url);
	//建立一个Statement对象,用于执行SQL语句
	Statement stat = conn.createStatement();
	//执行查询并得到查询结果
	String sql = "select * from cart";
	ResultSet rs = stat.executeQuery(sql);	
  %>   
  <body>
    <h2>我的购物车</h2>
    <hr>
	<table border="1" width="600">
		<tr bgcolor="#dddddd">
			<td align="center" width="80">商品名称</td> 
			<td align="center">商品单价</td>
			<td align="center" width="100">购买数量</td>
			<td align="center" width="100">金额</td>
			<td align="center" width="100">编辑</td>
		</tr>
		<%
			String id,name,price,num,count;
			//将查询结果集中的记录输出到页面上
			while (rs.next()){
				//从当前记录中读取各字段的值
				id = rs.getString("ID").trim();
				name = rs.getString("SP_NAME").trim();
				price = rs.getString("SP_PRICE").trim();
				num = rs.getString("BUY_NUM").trim();
				count = rs.getString("COUNT").trim();

				out.println("<tr>");
				out.println("<td>"+ name +"</td>");
				out.println("<td>"+ price +"</td>");
				out.println("<td><input type=text value="+ num +" onChange=\"updateNum('"+id+"',this.value,'"+price+"')\"></td>");
				out.println("<td>"+ count +"</td>");
				out.println("<td><a href='buy.jsp?op=del&id="+id+"'>退回商品架</a></td>");
				out.println("</tr>");
			}
		%>		
	</table>
	<br>
	<a href="index.jsp">继续购物</a>  
	<a href="buy.jsp?op=clear">清空购物车</a>	        
  </body>
  <script language="javascript">
  	function updateNum(id,num,price){
  		var url = "buy.jsp?op=update&id="+id+"&num="+num+"&price="+price;
  		window.location = url;
  	}
  </script>  
</html>

结果:

 

 

 

希望对大家有用

下载地址:待上传