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

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

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

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

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

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

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

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

（2）GIF格式圖片驗(yàn)證碼.

（3）PNG格式圖片驗(yàn)證碼.

（4）BMP格式圖片驗(yàn)證碼.

（5）JPG格式圖片驗(yàn)證碼.

（6）XBM格式圖片驗(yàn)證碼.

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

演示結(jié)果

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

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

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

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

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

JFreeChart安裝配置

JFreeChart安裝配置的步驟如下：（1）從JFreeChart公司網(wǎng)站下載后，將其解壓到指定位置。（2）將解壓后的lib文件夾復(fù)制到應(yīng)用程序文件夾的WEB-INF\lib目錄下。實(shí)際上一般用到的文件只有三個(gè)：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主要由兩個(gè)大的包組成：org.jfree.chart和org.jfree.data。其中前者主要與圖形本身有關(guān)，后者與圖形顯示的數(shù)據(jù)有關(guān)。其核心類主要有：（1）org.jfree.chart.JFreeChart：圖表對(duì)象，任何類型的圖表的最終表現(xiàn)形式都是在該對(duì)象進(jìn)行一些屬性的定制。（2）org.jfree.data.category.XXXDataSet：數(shù)據(jù)集對(duì)象，用于提供顯示圖表所用的數(shù)據(jù)。根據(jù)不同類型的圖表對(duì)應(yīng)著很多類型的數(shù)據(jù)集對(duì)象類。（3）org.jfree.chart.plot.XXXPlot：圖表區(qū)域?qū)ο?，基本上這個(gè)對(duì)象決定著什么樣式的圖表，創(chuàng)建該對(duì)象的時(shí)候需要Axis、Renderer以及數(shù)據(jù)集對(duì)象的支持。JFreeChart核心類庫介紹JFreeChart主要（4）org.jfree.chart.axis.XXXAxis：用于處理圖表的兩個(gè)軸：縱軸和橫軸。（5）org.jfree.chart.render.XXXRender：負(fù)責(zé)如何顯示一個(gè)圖表對(duì)象。（6）org.jfree.chart.urls.XXXURLGenerator：用于生成Web圖表中每個(gè)項(xiàng)目的鼠標(biāo)點(diǎn)擊鏈接（7）XXXXXToolTipGenerator：用于生成圖象的幫助提示，不同類型圖表對(duì)應(yīng)不同類型的工具提示類。

JFreeChart核心類庫介紹

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

圓餅圖程序結(jié)果演示圓餅圖程序結(jié)果演示課堂演示9.7以柱狀圖形式統(tǒng)計(jì)產(chǎn)品銷售情況。chart_3d.jsp通過JFreeChart對(duì)象實(shí)現(xiàn)圓餅圖。課堂演示9.7以柱狀圖形式統(tǒng)計(jì)產(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)容。課堂實(shí)踐

實(shí)踐要求

【課堂實(shí)踐9-2】【課堂實(shí)踐9-3】

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

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

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

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

2.JFreeChart畫圖方法。

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

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

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

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

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

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

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

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

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

（2）GIF格式圖片驗(yàn)證碼.

（3）PNG格式圖片驗(yàn)證碼.

（4）BMP格式圖片驗(yàn)證碼.

（5）JPG格式圖片驗(yàn)證碼.

（6）XBM格式圖片驗(yàn)證碼.

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

演示結(jié)果

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

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

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

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

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

JFreeChart安裝配置

JFreeChart安裝配置的步驟如下：（1）從JFreeChart公司網(wǎng)站下載后，將其解壓到指定位置。（2）將解壓后的lib文件夾復(fù)制到應(yīng)用程序文件夾的WEB-INF\lib目錄下。實(shí)際上一般用到的文件只有三個(gè)：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主要由兩個(gè)大的包組成：org.jfree.chart和org.jfree.data。其中前者主要與圖形本身有關(guān)，后者與圖形顯示的數(shù)據(jù)有關(guān)。其核心類主要有：（1）org.jfree.chart.JFreeChart：圖表對(duì)象，任何類型的圖表的最終表現(xiàn)形式都是在該對(duì)象進(jìn)行一些屬性的定制。（2）org.jfree.data.category.XXXDataSet：數(shù)據(jù)集對(duì)象，用于提供顯示圖表所用的數(shù)據(jù)。根據(jù)不同類型的圖表對(duì)應(yīng)著很多類型的數(shù)據(jù)集對(duì)象類。（3）org.jfree.chart.plot.XXXPlot：圖表區(qū)域?qū)ο螅旧线@個(gè)對(duì)象決定著什么樣式的圖表，創(chuàng)建該對(duì)象的時(shí)候需要Axis、Renderer以及數(shù)據(jù)集對(duì)象的支持。JFreeChart核心類庫介紹JFreeChart主要（4）org.jfree.chart.axis.XXXAxis：用于處理圖表的兩個(gè)軸：縱軸和橫軸。（5）org.jfree.chart.render.XXXRender：負(fù)責(zé)如何顯示一個(gè)圖表對(duì)象。（6）org.jfree.chart.urls.XXXURLGenerator：用于生成Web圖表中每個(gè)項(xiàng)目的鼠標(biāo)點(diǎn)擊鏈接（7）XXXXXToolTipGenerator：用于生成圖象的幫助提示，不同類型圖表對(duì)應(yīng)不同類型的工具提示類。

JFreeChart核心類庫