采用Model1（JSP+javabean）來實現

步驟：

1. dbHelper是創建數據庫的鏈接對象，操作數據庫JDBC
2. 創建實體類：商品類
3. 創建業務邏輯類（DAO）
4. 創建頁面層（也可以放在第一步）

業務邏輯類中包括：

• 查詢所有商品
• 查詢指定商品等

項目原型

items.sql是我們要用到的數據庫表。是寫好的，直接導入數據庫中就行

界面圖：

DBHelper類的設計

吧jar包放進來　　

鏈接mysql的驅動

中文亂碼的時候,在Idea右下角，選擇GBK然後reload即可，因為默認的是UTF-8

DBHelper

package util;

 
import java.sql.Connection;
import java.sql.DriverManager;

public class DBHelper {
   
    private static final String driver = "com.mysql.jdbc.Driver"; //數據庫驅動
    //連接數據庫的URL地址
    private static final String url="jdbc:mysql://localhost:3306/shopping?useUnicode=true&characterEncoding=UTF-8"; 
    private
 
 static final String username="root";//數據庫的用戶名
    private static final String password="123456";//數據庫的密碼
    
    private static Connection conn=null;
    
    //靜態代碼塊負責加載驅動
    static 
    {
        try
        {
            Class.forName(driver);
        }
        catch(Exception ex)
        {
            ex.printStackTrace();
        }
    }
    
    
 
//單例模式返回數據庫連接對象
    public static Connection getConnection() throws Exception
    {
        if(conn==null)//如果conn不存在就新建一個
        {
            conn = DriverManager.getConnection(url, username, password);
            return conn;
        }
        return conn;
    }
    
    public static void main(String[] args) {
        
        try
        {
           Connection conn = DBHelper.getConnection();
           if(conn!=null)
           {
               System.out.println("數據庫連接正常！");
           }
           else
           {
               System.out.println("數據庫連接異常！");
           }
        }
        catch(Exception ex)
        {
            ex.printStackTrace();
        }
        
    }
}

　　數據庫中建好shopping這個scheme

然後將items.sql導入。

　　寫一個main方法測試一下是否鏈接正常

實體類

編寫的字段名字最好跟數據庫中的字段名字相同

package entity;

//商品類
public class Items {

    private int id; // 商品編號
    private String name; // 商品名稱
    private String city; // 產地
    private int price; // 價格
    private int number; // 庫存
    private String picture; // 商品圖片

    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 String getCity() {
        return city;
    }

    public void setCity(String city) {
        this.city = city;
    }

    public int getPrice() {
        return price;
    }

    public void setPrice(int price) {
        this.price = price;
    }

    public int getNumber() {
        return number;
    }

    public void setNumber(int number) {
        this.number = number;
    }

    public String getPicture() {
        return picture;
    }

    public void setPicture(String picture) {
        this.picture = picture;
    }

}

接下來設計數據訪問層也就是DAO層

創建業務邏輯類（DAO）

獲得所有的商品信息，並在頁面上顯示

以下三個類重點

• Connection
• PreparedStatement
• ResultSet

package dao;

import java.sql.Connection;
import java.sql.PreparedStatement;
import java.sql.ResultSet;
import java.util.ArrayList;

import util.DBHelper;

import entity.Items;

//商品的業務邏輯類
public class ItemsDAO {

    // 獲得所有的商品信息
    public ArrayList<Items> getAllItems() {
        Connection conn = null;
        PreparedStatement stmt = null;
        ResultSet rs = null;
        ArrayList<Items> list = new ArrayList<Items>(); // 商品集合
        try {
            conn = DBHelper.getConnection();
            String sql = "select * from items;"; // SQL語句
            stmt = conn.prepareStatement(sql);
            rs = stmt.executeQuery();
            while (rs.next()) {
                Items item = new Items();
                item.setId(rs.getInt("id"));
                item.setName(rs.getString("name"));
                item.setCity(rs.getString("city"));
                item.setNumber(rs.getInt("number"));
                item.setPrice(rs.getInt("price"));
                item.setPicture(rs.getString("picture"));
                list.add(item);// 把一個商品加入集合
            }
            return list; // 返回集合。
        } catch (Exception ex) {
            ex.printStackTrace();
            return null;
        } finally {
            // 釋放數據集對象
            if (rs != null) {
                try {
                    rs.close();
                    rs = null;
                } catch (Exception ex) {
                    ex.printStackTrace();
                }
            }
            // 釋放語句對象
            if (stmt != null) {
                try {
                    stmt.close();
                    stmt = null;
                } catch (Exception ex) {
                    ex.printStackTrace();
                }
            }
        }

    }
}

業務邏輯層寫好後，下面要做的就是在頁面上來顯示就可以了

展示所有商品

在index.jsp中（只貼出了body標簽中的內容），這時候還麽有去寫jsp代碼，僅僅是html頁面

<body>
    <h1>商品展示</h1>
    <hr>
  
    <center>
    <table width="750" height="60" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td>
          
          <!-- 商品循環開始 ，裏面的屬性值需要等下動態從數據庫獲取--> 
          <div>
             <dl>
               <dt>
                 <a href="details.jsp?id=<%=item.getId()%>"><img src="images/<%=item.getPicture()%>" width="120" height="90" border="1"/></a>
               </dt>
               <dd class="dd_name"><%=item.getName() %></dd> 
               <dd class="dd_city">產地:<%=item.getCity() %>&nbsp;&nbsp;價格:￥ <%=item.getPrice() %></dd> 
             </dl>
          </div>
          <!-- 商品循環結束 -->      
        </td>
      </tr>
    </table>
    </center>
  </body>

加入jsp代碼後（標紅的部分）：

 <body>
    <h1>商品展示</h1>
    <hr>
  
    <center>
    <table width="750" height="60" cellpadding="0" cellspacing="0" border="0">
      <tr>
        <td>
          
          <!-- 商品循環開始 -->
           <% 
               ItemsDAO itemsDao = new ItemsDAO();
               ArrayList<Items> list = itemsDao.getAllItems();
               if(list!=null&&list.size()>0)
               {
                   for(int i=0;i<list.size();i++)
                   {
                      Items item = list.get(i);
           %>   
          <div>
             <dl>
               <dt>
                 <a href="details.jsp?id=<%=item.getId()%>"><img src="images/<%=item.getPicture()%>" width="120" height="90" border="1"/></a>
               </dt>
               <dd class="dd_name"><%=item.getName() %></dd> 
               <dd class="dd_city">產地:<%=item.getCity() %>&nbsp;&nbsp;價格:￥ <%=item.getPrice() %></dd> 
             </dl>
          </div>
          <!-- 商品循環結束 -->
        
          <%
                   }
              } 
          %>
        </td>
      </tr>
    </table>
    </center>
  </body>

一個項目實例（JDBC，Cookie的使用）