【JSP篇】——cookie之商品浏览记录的实现：3.显示当前所有的商品效果与功能的实现

1.介绍

    在前面我们实现了数据库的设计，接下来我们就先实现我们的主页面。主页面是从数据库中获取所有的数据信息，然后将其一一显示出来。那么接下来我们先实现这个功能：从数据库中获取good表中的所有商品，然后将其显示在我们的页面。

2.获取good中的所有商品（dao层：业务逻辑）

    为了简化程序的设计，我们将我们与数据库的操作封装到一个类中：GoodDao.java，这个类就用于实现我们与数据库的操作，像：从数据库中取出所有数据，取出单条数据，删除一行记录等等，都放在这个类中，实现对应的方法。

    接下来就是我们从数据库中取出good表中的方法的实现，注意是这个功能的方法，完整的代码自己去补全一下。

//获取所有的商品信息
	public ArrayList<Good> getAllGoods() 
	{
		Connection conn=null;
		PreparedStatement prep=null;
		ResultSet rs=null;
		ArrayList<Good> result=new ArrayList<Good>();
		
		try {
			conn=DBHelper.getConnection();
			String sql="select * from good";
			prep=(PreparedStatement) conn.prepareStatement(sql);
			rs=prep.executeQuery();
			
			while(rs.next())
			{
				Good good=new Good();
				good.setId(rs.getInt("id"));
				good.setName(rs.getString("name"));
				good.setPrice(rs.getDouble("price"));
				good.setInfor(rs.getString("infor"));
				good.setImage(rs.getString("image"));
				result.add(good);
			}
			return result;
		} catch (Exception e) {
			e.printStackTrace();
			return null;
		}
	}

3.显示商品的所有信息页面

    好了，我们已经通过getAllGoods这个方法从我们数据库中取出数据，接下来我们需要在index.jsp这个页面中通过循环将我们的商品信息一条一条输出。由于找的网上的代码，这个页面的代码很长，为了方便阅读，贴出实现该功能的主要方法：

<!-- 终于找到你了，商品都在这了 -->
   <div class="center_content">
   	<div class="center_title_bar">特价商品！</div>
     
  <% 
	//通过循环将我们的商品显示出来
	GoodDao dao=new GoodDao();
	ArrayList<Good> list=dao.getAllGoods();
	for(int i=0;i<list.size();i++)
	{
		Good good=list.get(i);
   %>
    	<!-- 老王笔记本 -->
    	<div class="prod_box">
        	<div class="top_prod_box"></div>
            <div class="center_prod_box">            
                 <div class="product_title"><a href="details.jsp?id=<%=good.getId() %>"><%=good.getName() %></a></div>
                 <div class="product_img"><a href="details.jsp?id=<%=good.getId() %>">
                	<img src="images/<%=good.getImage() %>" alt="" title="" border="0" /></a></div>
                 <div class="prod_price"> <span class="price"><%=good.getPrice() %>$</span></div>                        
            </div>
            <div class="bottom_prod_box"></div>             
            <div class="prod_details_tab">
            <a href="#" title="header=[Add to cart] body=[ ] fade=[on]"><img src="images/cart.gif" alt="" title="" border="0" class="left_bt" /></a>
            <a href="#" title="header=[Specials] body=[ ] fade=[on]"><img src="images/favs.gif" alt="" title="" border="0" class="left_bt" /></a>
            <a href="#" title="header=[Gifts] body=[ ] fade=[on]"><img src="images/favorites.gif" alt="" title="" border="0" class="left_bt" /></a>           
            <a href="details.jsp?id=<%=good.getId() %>" class="prod_details">详情</a>            
            </div>                     
        </div>
        
        <%
        }
        %>
   </div><!-- end of center content -->

4.效果

    通过以上的两个步骤，我们就已经能够访问我们的页面，显示当前数据库中所有的商品信息。

  ok，接下来就是点击我们对应的商品，显示该商品的详细信息。