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，接下來就是點擊我們對應的商品，顯示該商品的詳細信息。