JSP程序设计案例课件：图形处理.ppt

1、 主要内容主要内容 本课目标新课引入与项目展示案例1 验证码程序案例2 圆饼图程序和柱状图程序 课堂实践巩固与提高本课目标知识知识 目标目标 了解验证码的原理，熟悉验证码类了解验证码的原理，熟悉验证码类（重点、难点）（重点、难点）了解了解JFreeChartJFreeChart项目项目 熟悉熟悉JFreeChartJFreeChart的安装配置的安装配置 熟悉熟悉JFreeChartJFreeChart的核心类库的核心类库（重点、难点）（重点、难点）本课目标技能技能 目标目标 灵活编写彩色验证码程序。灵活编写彩色验证码程序。灵活运用灵活运用JFreeChartJFreeChart对象实现数据统

2、计功对象实现数据统计功能能 。素质素质 目标目标 严谨认真的工作态度严谨认真的工作态度语言表达和与人沟通能力语言表达和与人沟通能力团队合作精神团队合作精神教学情境引入新课 1.1.完成完成Easy_BuyEasy_Buy购物系统的彩色码验证购物系统的彩色码验证 2.2.利用圆饼图和柱状图完成统计功能。利用圆饼图和柱状图完成统计功能。1.1631.163网站注册功能中使用的验证码。网站注册功能中使用的验证码。2.2.统计网站的统计图形。统计网站的统计图形。工作任务工作任务 情境展示情境展示 教师示范与讲解1 任务一：生成任务一：生成4位数字的彩色验证码。位数字的彩色验证码。案例分析案例分析 v验

3、证码概述验证码概述 验证码原理验证码原理:WEB:WEB网站在客户登录时为客户提供一个包含网站在客户登录时为客户提供一个包含随即字符串的图片，用户必须读取这些字符串，然后随随即字符串的图片，用户必须读取这些字符串，然后随登录窗体或者发帖窗体等用户创建的窗体一起提交。这登录窗体或者发帖窗体等用户创建的窗体一起提交。这样就可以防止有人利用机器人自动批量注册、对特定的样就可以防止有人利用机器人自动批量注册、对特定的注册用户用特定程序暴力破解方式进行不断的登录、灌注册用户用特定程序暴力破解方式进行不断的登录、灌水。因为验证码是一个混合了数字或符号的图片，人眼水。因为验证码是一个混合了数字或符号的图片，

4、人眼看起来都费劲，机器识别起来就更困难。看起来都费劲，机器识别起来就更困难。v验证码种类验证码种类常见的验证码包括以下种类：常见的验证码包括以下种类：（1 1）四位数字验证码）四位数字验证码.（2 2）GIFGIF格式图片验证码格式图片验证码.（3 3）PNGPNG格式图片验证码格式图片验证码.（4 4）BMPBMP格式图片验证码格式图片验证码.（5 5）JPGJPG格式图片验证码格式图片验证码.（6 6）XBMXBM格式图片验证码格式图片验证码.验证码课堂演示课堂演示9.4生成生成4 4位数字的彩色验证码。位数字的彩色验证码。verifyCode.jspverifyCode.jsp产生图片验

5、证码，产生图片验证码，login.jsplogin.jsp使用所产生的验使用所产生的验证码，证码，verify.jspverify.jsp进行验证。进行验证。演示结果 学生模仿1任务一：学生模仿完成课堂演示任务一：学生模仿完成课堂演示9.4中的内容。中的内容。教师示范与讲解2 任务一：以圆饼图形式统计产品销售情况任务一：以圆饼图形式统计产品销售情况（课堂演示（课堂演示9.6）。任务二：以柱状图形式统计产品销售情况。任务二：以柱状图形式统计产品销售情况。（课堂演示（课堂演示9.7）案例分析案例分析 JFreeChart概述 JFreeChart 是一个开源的 JAVA 项目，它主要用来开发各种各

6、样的图表，这些图表包括：饼图、柱状图、线图、区域图、分布图、混合图、甘特图等等.JFreeChart 是一种基于 JAVA 语言的图表开发技术。JFreeChart 可用于Servlet、JSP、Applet、Java Appication 环境中，通过 JDBC 可动态显示任何数据库数据，而结合 Itext 还可以输出至 PDF 文件。JFreeChart安装配置 v JFreeChartJFreeChart安装配置的步骤如下：安装配置的步骤如下：（1 1）从）从JFreeChartJFreeChart公司网站下载后，将其解压到指定位置公司网站下载后，将其解压到指定位置。（2 2）将解压后的

7、）将解压后的liblib文件夹复制到应用程序文件夹的文件夹复制到应用程序文件夹的WEB-WEB-INFlibINFlib目录下。实际上一般用到的文件只有三个：目录下。实际上一般用到的文件只有三个：jfreechart-1.0.5.jarjfreechart-1.0.5.jar、jcommon-1.0.9.jarjcommon-1.0.9.jar和和gnujaxp.jargnujaxp.jar。（3 3）修改应用程序文件的）修改应用程序文件的WEB-INFWEB-INF文件夹下的文件夹下的web.xmlweb.xml文件文件.其内容如下：其内容如下：DisplayChart org.jfree.

8、chart.servlet.DisplayChart DisplayChart /servlet/DisplayChart JFreeChart核心类库介绍 v JFreeChartJFreeChart主要由两个大的包组成：主要由两个大的包组成：org.jfree.chartorg.jfree.chart和和org.jfree.dataorg.jfree.data。其中前者主要与图形本身有关，后者与图。其中前者主要与图形本身有关，后者与图形显示的数据有关。形显示的数据有关。v 其核心类主要有：其核心类主要有：（1 1）org.jfree.chart.JFreeChartorg.jfree.ch

9、art.JFreeChart：图表对象，任何类型的：图表对象，任何类型的图表的最终表现形式都是在该对象进行一些属性的定制。图表的最终表现形式都是在该对象进行一些属性的定制。（2 2）org.jfree.data.category.XXXDataSetorg.jfree.data.category.XXXDataSet：数据集对象，：数据集对象，用于提供显示图表所用的数据。根据不同类型的图表对应着用于提供显示图表所用的数据。根据不同类型的图表对应着很多类型的数据集对象类。很多类型的数据集对象类。（3 3）org.jfree.chart.plot.XXXPlotorg.jfree.chart.pl

10、ot.XXXPlot：图表区域对象，基本：图表区域对象，基本上这个对象决定着什么样式的图表，创建该对象的时候需要上这个对象决定着什么样式的图表，创建该对象的时候需要AxisAxis、RendererRenderer以及数据集对象的支持。以及数据集对象的支持。（4）org.jfree.chart.axis.XXXAxis：用于处理图表的两个轴：纵轴和横轴。（5）org.jfree.chart.render.XXXRender：负责如何显示一个图表对象。（6）org.jfree.chart.urls.XXXURLGenerator：用于生成Web图表中每个项目的鼠标点击链接（7）XXXXXTool

11、TipGenerator：用于生成图象的帮助提示，不同类型图表对应不同类型的工具提示类。JFreeChart核心类库介绍 课堂演示课堂演示9.6以 圆 饼 图 形 式 统 计 产 品 销 售 情 况。以 圆 饼 图 形 式 统 计 产 品 销 售 情 况。chart_pie.jspchart_pie.jsp通过通过JFreeChartJFreeChart对象实现圆饼对象实现圆饼图。图。圆饼图程序 结果演示课堂演示课堂演示9.7以柱状图形式统计产品销售情况。以柱状图形式统计产品销售情况。chart_3d.jspchart_3d.jsp通过通过JFreeChartJFreeChart对象实对象实现

12、圆饼图。现圆饼图。柱状图程序 结果演示学生模仿2任务一：学生模仿完成课堂演示任务一：学生模仿完成课堂演示9.6中的内容。中的内容。任务二：学生模仿完成课堂演示任务二：学生模仿完成课堂演示9.7中的内容。中的内容。课堂实践 实践要求实践要求 【课堂实践课堂实践9-29-2】【】【课堂实践课堂实践9-39-3】（1 1）为）为Easy_BuyEasy_Buy电子商城用户登录程序添加电子商城用户登录程序添加“验验证码证码”功能。功能。（2 2）参照本书说明，配置好）参照本书说明，配置好JFreeChartJFreeChart组件的组件的使用环境。使用环境。（3 3）编写一个应用）编写一个应用JFreeChartJFreeChart组件统计组件统计Easy_BuyEasy_Buy电子商城月销售量的程序。电子商城月销售量的程序。本课小结 1.1.验证码程序的实现方法。验证码程序的实现方法。2.JFreeChart2.JFreeChart画图方法。画图方法。课外拓展 1.1.怎样实现电子邮件的自动发送？怎样发送带怎样实现电子邮件的自动发送？怎样发送带附件的电子邮件？附件的电子邮件？