JSP程序設(shè)計案例課件：圖形處理

第十七講圖形處理第十七講圖形處理主要內(nèi)容本課目標(biāo)新課引入與項目展示案例1–驗證碼程序案例2

–圓餅圖程序和柱狀圖程序課堂實踐鞏固與提高主要內(nèi)容本課目標(biāo)本課目標(biāo)知識目標(biāo)了解驗證碼的原理，熟悉驗證碼類（重點、難點）了解JFreeChart項目熟悉JFreeChart的安裝配置熟悉JFreeChart的核心類庫（重點、難點）

本課目標(biāo)知識了解驗證碼的原理，熟悉驗證碼類（重點、難點本課目標(biāo)技能目標(biāo)靈活編寫彩色驗證碼程序。靈活運用JFreeChart對象實現(xiàn)數(shù)據(jù)統(tǒng)計功能。

素質(zhì)目標(biāo)嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度語言表達(dá)和與人溝通能力團(tuán)隊合作精神本課目標(biāo)技能靈活編寫彩色驗證碼程序。素質(zhì)嚴(yán)謹(jǐn)認(rèn)真的教學(xué)情境－－引入新課1.完成Easy_Buy購物系統(tǒng)的彩色碼驗證

2.利用圓餅圖和柱狀圖完成統(tǒng)計功能。

1.163網(wǎng)站注冊功能中使用的驗證碼。2.統(tǒng)計網(wǎng)站的統(tǒng)計圖形。工作任務(wù)情境展示教學(xué)情境－－引入新課1.完成Easy_Buy購物系統(tǒng)的彩教師示范與講解－－1任務(wù)一：生成4位數(shù)字的彩色驗證碼。

案例分析教師示范與講解－－1任務(wù)一：生成4位數(shù)字驗證碼概述驗證碼原理:WEB網(wǎng)站在客戶登錄時為客戶提供一個包含隨即字符串的圖片，用戶必須讀取這些字符串，然后隨登錄窗體或者發(fā)帖窗體等用戶創(chuàng)建的窗體一起提交。這樣就可以防止有人利用機(jī)器人自動批量注冊、對特定的注冊用戶用特定程序暴力破解方式進(jìn)行不斷的登錄、灌水。因為驗證碼是一個混合了數(shù)字或符號的圖片，人眼看起來都費勁，機(jī)器識別起來就更困難。驗證碼概述驗證碼種類常見的驗證碼包括以下種類：（1）四位數(shù)字驗證碼.

（2）GIF格式圖片驗證碼.

（3）PNG格式圖片驗證碼.

（4）BMP格式圖片驗證碼.

（5）JPG格式圖片驗證碼.

（6）XBM格式圖片驗證碼.

驗證碼驗證碼種類驗證碼課堂演示9.4生成4位數(shù)字的彩色驗證碼。verifyCode.jsp產(chǎn)生圖片驗證碼，login.jsp使用所產(chǎn)生的驗證碼，verify.jsp進(jìn)行驗證。課堂演示9.4生成4位數(shù)字的彩色驗證碼。verifyCode

演示結(jié)果

演示結(jié)果學(xué)生模仿－－1任務(wù)一：學(xué)生模仿完成課堂演示9.4中的內(nèi)容。學(xué)生模仿－－1任務(wù)一：學(xué)生模仿完成課堂演示9.4中的內(nèi)容。教師示范與講解－－2任務(wù)一：以圓餅圖形式統(tǒng)計產(chǎn)品銷售情況（課堂演示9.6）。

任務(wù)二：以柱狀圖形式統(tǒng)計產(chǎn)品銷售情況。（課堂演示9.7）

案例分析教師示范與講解－－2任務(wù)一：以圓餅圖形式統(tǒng)計產(chǎn)品銷JFreeChart概述

JFreeChart是一個開源的JAVA項目，它主要用來開發(fā)各種各樣的圖表，這些圖表包括：餅圖、柱狀圖、線圖、區(qū)域圖、分布圖、混合圖、甘特圖等等.JFreeChart是一種基于JAVA語言的圖表開發(fā)技術(shù)。

JFreeChart可用于Servlet、JSP、Applet、JavaAppication環(huán)境中，通過JDBC可動態(tài)顯示任何數(shù)據(jù)庫數(shù)據(jù)，而結(jié)合Itext還可以輸出至PDF文件。JFreeChart概述

JFreeChart安裝配置

JFreeChart安裝配置的步驟如下：（1）從JFreeChart公司網(wǎng)站下載后，將其解壓到指定位置。（2）將解壓后的lib文件夾復(fù)制到應(yīng)用程序文件夾的WEB-INF\lib目錄下。實際上一般用到的文件只有三個：jfreechart-1.0.5.jar、jcommon-1.0.9.jar和gnujaxp.jar。（3）修改應(yīng)用程序文件的WEB-INF文件夾下的web.xml文件.其內(nèi)容如下：JFreeChart安裝配置JFreeChart安裝配置<?xmlversion="1.0"encoding="ISO-8859-1"?><!DOCTYPEweb-appPUBLIC"-//SunMicrosystems,Inc.//DTDWebApplication2.3//EN""/dtd/web-app_2_3.dtd"><web-app><servlet><servlet-name>DisplayChart</servlet-name><servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class></servlet><servlet-mapping><servlet-name>DisplayChart</servlet-name><url-pattern>/servlet/DisplayChart</url-pattern></servlet-mapping></web-app><?xmlversion="1.0"encoding="

JFreeChart核心類庫介紹

JFreeChart主要由兩個大的包組成：org.jfree.chart和org.jfree.data。其中前者主要與圖形本身有關(guān)，后者與圖形顯示的數(shù)據(jù)有關(guān)。其核心類主要有：（1）org.jfree.chart.JFreeChart：圖表對象，任何類型的圖表的最終表現(xiàn)形式都是在該對象進(jìn)行一些屬性的定制。（2）org.jfree.data.category.XXXDataSet：數(shù)據(jù)集對象，用于提供顯示圖表所用的數(shù)據(jù)。根據(jù)不同類型的圖表對應(yīng)著很多類型的數(shù)據(jù)集對象類。（3）org.jfree.chart.plot.XXXPlot：圖表區(qū)域?qū)ο?，基本上這個對象決定著什么樣式的圖表，創(chuàng)建該對象的時候需要Axis、Renderer以及數(shù)據(jù)集對象的支持。JFreeChart核心類庫介紹JFreeChart主要（4）org.jfree.chart.axis.XXXAxis：用于處理圖表的兩個軸：縱軸和橫軸。（5）org.jfree.chart.render.XXXRender：負(fù)責(zé)如何顯示一個圖表對象。（6）org.jfree.chart.urls.XXXURLGenerator：用于生成Web圖表中每個項目的鼠標(biāo)點擊鏈接（7）XXXXXToolTipGenerator：用于生成圖象的幫助提示，不同類型圖表對應(yīng)不同類型的工具提示類。

JFreeChart核心類庫介紹

（4）org.jfree.chart.axis.XXXAxi課堂演示9.6以圓餅圖形式統(tǒng)計產(chǎn)品銷售情況。chart_pie.jsp通過JFreeChart對象實現(xiàn)圓餅圖。課堂演示9.6以圓餅圖形式統(tǒng)計產(chǎn)品銷售情況。chart_pi

圓餅圖程序結(jié)果演示圓餅圖程序結(jié)果演示課堂演示9.7以柱狀圖形式統(tǒng)計產(chǎn)品銷售情況。chart_3d.jsp通過JFreeChart對象實現(xiàn)圓餅圖。課堂演示9.7以柱狀圖形式統(tǒng)計產(chǎn)品銷售情況。chart_3d柱狀圖程序結(jié)果演示柱狀圖程序結(jié)果演示學(xué)生模仿－－2任務(wù)一：學(xué)生模仿完成課堂演示9.6中的內(nèi)容。任務(wù)二：學(xué)生模仿完成課堂演示9.7中的內(nèi)容。學(xué)生模仿－－2任務(wù)一：學(xué)生模仿完成課堂演示9.6中的內(nèi)容。課堂實踐

實踐要求

【課堂實踐9-2】【課堂實踐9-3】

（1）為Easy_Buy電子商城用戶登錄程序添加“驗證碼”功能。（2）參照本書說明，配置好JFreeChart組件的使用環(huán)境。

（3）編寫一個應(yīng)用JFreeChart組件統(tǒng)計Easy_Buy電子商城月銷售量的程序。

課堂實踐實踐要求本課小結(jié)

1.驗證碼程序的實現(xiàn)方法。

2.JFreeChart畫圖方法。

本課小結(jié)1.驗證碼程序的實現(xiàn)方法。課外拓展1.怎樣實現(xiàn)電子郵件的自動發(fā)送？怎樣發(fā)送帶附件的電子郵件？

課外拓展1.怎樣實現(xiàn)電子郵件的自動發(fā)送？怎樣發(fā)

第十七講圖形處理第十七講圖形處理主要內(nèi)容本課目標(biāo)新課引入與項目展示案例1–驗證碼程序案例2

–圓餅圖程序和柱狀圖程序課堂實踐鞏固與提高主要內(nèi)容本課目標(biāo)本課目標(biāo)知識目標(biāo)了解驗證碼的原理，熟悉驗證碼類（重點、難點）了解JFreeChart項目熟悉JFreeChart的安裝配置熟悉JFreeChart的核心類庫（重點、難點）

本課目標(biāo)知識了解驗證碼的原理，熟悉驗證碼類（重點、難點本課目標(biāo)技能目標(biāo)靈活編寫彩色驗證碼程序。靈活運用JFreeChart對象實現(xiàn)數(shù)據(jù)統(tǒng)計功能。

素質(zhì)目標(biāo)嚴(yán)謹(jǐn)認(rèn)真的工作態(tài)度語言表達(dá)和與人溝通能力團(tuán)隊合作精神本課目標(biāo)技能靈活編寫彩色驗證碼程序。素質(zhì)嚴(yán)謹(jǐn)認(rèn)真的教學(xué)情境－－引入新課1.完成Easy_Buy購物系統(tǒng)的彩色碼驗證

2.利用圓餅圖和柱狀圖完成統(tǒng)計功能。

1.163網(wǎng)站注冊功能中使用的驗證碼。2.統(tǒng)計網(wǎng)站的統(tǒng)計圖形。工作任務(wù)情境展示教學(xué)情境－－引入新課1.完成Easy_Buy購物系統(tǒng)的彩教師示范與講解－－1任務(wù)一：生成4位數(shù)字的彩色驗證碼。

案例分析教師示范與講解－－1任務(wù)一：生成4位數(shù)字驗證碼概述驗證碼原理:WEB網(wǎng)站在客戶登錄時為客戶提供一個包含隨即字符串的圖片，用戶必須讀取這些字符串，然后隨登錄窗體或者發(fā)帖窗體等用戶創(chuàng)建的窗體一起提交。這樣就可以防止有人利用機(jī)器人自動批量注冊、對特定的注冊用戶用特定程序暴力破解方式進(jìn)行不斷的登錄、灌水。因為驗證碼是一個混合了數(shù)字或符號的圖片，人眼看起來都費勁，機(jī)器識別起來就更困難。驗證碼概述驗證碼種類常見的驗證碼包括以下種類：（1）四位數(shù)字驗證碼.

（2）GIF格式圖片驗證碼.

（3）PNG格式圖片驗證碼.

（4）BMP格式圖片驗證碼.

（5）JPG格式圖片驗證碼.

（6）XBM格式圖片驗證碼.

驗證碼驗證碼種類驗證碼課堂演示9.4生成4位數(shù)字的彩色驗證碼。verifyCode.jsp產(chǎn)生圖片驗證碼，login.jsp使用所產(chǎn)生的驗證碼，verify.jsp進(jìn)行驗證。課堂演示9.4生成4位數(shù)字的彩色驗證碼。verifyCode

演示結(jié)果

演示結(jié)果學(xué)生模仿－－1任務(wù)一：學(xué)生模仿完成課堂演示9.4中的內(nèi)容。學(xué)生模仿－－1任務(wù)一：學(xué)生模仿完成課堂演示9.4中的內(nèi)容。教師示范與講解－－2任務(wù)一：以圓餅圖形式統(tǒng)計產(chǎn)品銷售情況（課堂演示9.6）。

任務(wù)二：以柱狀圖形式統(tǒng)計產(chǎn)品銷售情況。（課堂演示9.7）

案例分析教師示范與講解－－2任務(wù)一：以圓餅圖形式統(tǒng)計產(chǎn)品銷JFreeChart概述

JFreeChart是一個開源的JAVA項目，它主要用來開發(fā)各種各樣的圖表，這些圖表包括：餅圖、柱狀圖、線圖、區(qū)域圖、分布圖、混合圖、甘特圖等等.JFreeChart是一種基于JAVA語言的圖表開發(fā)技術(shù)。

JFreeChart可用于Servlet、JSP、Applet、JavaAppication環(huán)境中，通過JDBC可動態(tài)顯示任何數(shù)據(jù)庫數(shù)據(jù)，而結(jié)合Itext還可以輸出至PDF文件。JFreeChart概述

JFreeChart安裝配置

JFreeChart安裝配置的步驟如下：（1）從JFreeChart公司網(wǎng)站下載后，將其解壓到指定位置。（2）將解壓后的lib文件夾復(fù)制到應(yīng)用程序文件夾的WEB-INF\lib目錄下。實際上一般用到的文件只有三個：jfreechart-1.0.5.jar、jcommon-1.0.9.jar和gnujaxp.jar。（3）修改應(yīng)用程序文件的WEB-INF文件夾下的web.xml文件.其內(nèi)容如下：JFreeChart安裝配置JFreeChart安裝配置<?xmlversion="1.0"encoding="ISO-8859-1"?><!DOCTYPEweb-appPUBLIC"-//SunMicrosystems,Inc.//DTDWebApplication2.3//EN""/dtd/web-app_2_3.dtd"><web-app><servlet><servlet-name>DisplayChart</servlet-name><servlet-class>org.jfree.chart.servlet.DisplayChart</servlet-class></servlet><servlet-mapping><servlet-name>DisplayChart</servlet-name><url-pattern>/servlet/DisplayChart</url-pattern></servlet-mapping></web-app><?xmlversion="1.0"encoding="

JFreeChart核心類庫介紹

JFreeChart主要由兩個大的包組成：org.jfree.chart和org.jfree.data。其中前者主要與圖形本身有關(guān)，后者與圖形顯示的數(shù)據(jù)有關(guān)。其核心類主要有：（1）org.jfree.chart.JFreeChart：圖表對象，任何類型的圖表的最終表現(xiàn)形式都是在該對象進(jìn)行一些屬性的定制。（2）org.jfree.data.category.XXXDataSet：數(shù)據(jù)集對象，用于提供顯示圖表所用的數(shù)據(jù)。根據(jù)不同類型的圖表對應(yīng)著很多類型的數(shù)據(jù)集對象類。（3）org.jfree.chart.plot.XXXPlot：圖表區(qū)域?qū)ο螅旧线@個對象決定著什么樣式的圖表，創(chuàng)建該對象的時候需要Axis、Renderer以及數(shù)據(jù)集對象的支持。JFreeChart核心類庫介紹JFreeChart主要（4）org.jfree.chart.axis.XXXAxis：用于處理圖表的兩個軸：縱軸和橫軸。（5）org.jfree.chart.render.XXXRender：負(fù)責(zé)如何顯示一個圖表對象。（6）org.jfree.chart.urls.XXXURLGenerator：用于生成Web圖表中每個項目的鼠標(biāo)點擊鏈接（7）XXXXXToolTipGenerator：用于生成圖象的幫助提示，不同類型圖表對應(yīng)不同類型的工具提示類。

JFreeChart核心類庫