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,接下来就是点击我们对应的商品,显示该商品的详细信息。