在JSP頁面中輕鬆實現資料餅圖

JSP提供了很多簡單實用的工具，其中包括從資料庫中讀出資料，發送資料，並能夠把結果顯示在一個餅狀圖形。現在讓我們看看這一簡單而實用的方法。

你所需要的東西

為了能正確運行這一文章相關的範例，你必須需要JDK 1.2或更高的版本、一個關聯式資料庫管理系統、一個JSP網路伺服器。我都是在Tomcat調試這些例子，同時我也使用了Sun Java 2 SDK發布的com.sun.image.codec.jpegclasses。

資料庫設計

假設你在一家從事銷售新鮮水果的公司上班，公司出售的水果包括：蘋果、桔子、葡萄。現在你的老闆想用一個餅狀圖形顯示每一種水果的總出售量，餅狀圖形能使每一種產品的銷售情況一目瞭然，老闆可以迅速掌握公司的產品成交情況。

表A使用了本文中的兩種資料庫列表。第一種列表(Products)包含所有銷售產品的名稱；第二種列表(Sales)包含每一種產品對應的銷售量。

Listing A

Database Design

---------------

p_products table

----------------

productID 　　int (number)　　　 not null

productname 　String (varchar) 　not null

p_sales table

-------------

saleID 　　　 int (number)　　 not null

productID 　　int (number)　　 not null

amount 　　　 float　　　　　　not null

產品(Products)列表包含productID和productname兩個域。銷售(Sales)列表包含saleID, productID，以及總額。銷售列表中的productID提供了這兩個列表之間的關聯。銷售列表中的總額包含了每一次出售的現金數額，這些數額以浮點型資料出現。

表B中的getProducts()方法串連了兩個資料庫，並把所有的產品名稱儲存在數組中：

Listing B

////////////////////////////////////////////////////////////
//Get products from the database as a String array
////////////////////////////////////////////////////////////
public String[] getProducts()
{
　 String[] arr = new String[0];
　 Connection con;
　 Statement stmt;
　 ResultSet rs;
　 int count = 0;
　 String sql = "select * from p_products order by productID";
　 try
　 {
　　 //Load Driver: Class.forName(driver);
　　 //Connect to the database with the url
　　 con = DriverManager.getConnection(dburl , dbuid , dbpwd);
　　 stmt = con.createStatement();
　　 //Get ResultSet
　　 rs = stmt.executeQuery(sql);
　　 //Count the records
　　 while(rs.next())
　　　 {count++;}
　　 //Create an array of the correct size
　　 arr = new String[count];
　　 //Get ResultSet (the portable way of using rs a second time)
　　 rs = stmt.executeQuery(sql);
　　 while(rs.next())
　　 {
　　　 arr[rs.getInt("productID")] = rs.getString("productname");
　　 }
　　 stmt.close();
　　 con.close();
　 }
　 catch (java.lang.Exception ex)
　 {
　　 arr[0] = ex.toString();
　 }
　 return arr;
}