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

THANK YOU SUCCESS * * 可编辑 * 可编辑 可编辑 主要内容 本课目标 新课引入与项目展示 案例1 –验证码程序 案例2 –圆饼图程序和柱状图程序 课堂实践 巩固与提高 本课目标 知识 目标 了解验证码的原理，熟悉验证码类（重点、难点） 了解JFreeChart项目 熟悉JFreeChart的安装配置 熟悉JFreeChart的核心类库（重点、难点） 本课目标 技能 目标 灵活编写彩色验证码程序。 灵活运用JFreeChart对象实现数据统计功能 。 素质 目标 严谨认真的工作态度 语言表达和与人沟通能力 团队合作精神 教学情境－－引入新课 1.完成Easy_Buy购物系统的彩色码验证 2.利用圆饼图和柱状图完成统计功能。 1.163网站注册功能中使用的验证码。 2. 统计网站的统计图形。 工作任务 情境展示 教师示范与讲解－－1 任务一：生成4位数字的彩色验证码。 案例分析 验证码概述 验证码原理:WEB网站在客户登录时为客户提供一个包含随即字符串的图片，用户必须读取这些字符串，然后随登录窗体或者发帖窗体等用户创建的窗体一起提交。这样就可以防止有人利用机器人自动批量注册、对特定的注册用户用特定程序暴力破解方式进行不断的登录、灌水。因为验证码是一个混合了数字或符号的图片，人眼看起来都费劲，机器识别起来就更困难。 验证码种类 常见的验证码包括以下种类： （1）四位数字验证码. （2）GIF格式图片验证码. （3）PNG格式图片验证码. （4）BMP格式图片验证码. （5）JPG格式图片验证码. （6）XBM格式图片验证码. 验证码 课堂演示9.4 生成4位数字的彩色验证码。verifyCode.jsp产生图片验证码，login.jsp使用所产生的验证码，verify.jsp进行验证。 演示结果 学生模仿－－1 任务一：学生模仿完成课堂演示9.4中的内容。 教师示范与讲解－－2 任务一：以圆饼图形式统计产品销售情况 （课堂演示9.6） 。 任务二：以柱状图形式统计产品销售情况。 （课堂演示9.7） 案例分析 JFreeChart概述 JFreeChart 是一个开源的 JAVA 项目，它主要用来开发各种各样的图表，这些图表包括：饼图、柱状图、线图、区域图、分布图、混合图、甘特图等等 . JFreeChart 是一种基于 JAVA 语言的图表开发技术。 JFreeChart 可用于Servlet、JSP、Applet、Java Appication 环境中，通过 JDBC 可动态显示任何数据库数据，而结合 Itext 还可以输出至 PDF 文件。 THANK YOU SUCCESS * * 可编辑 JFreeChart安装配置 JFreeChart安装配置的步骤如下： （1）从JFreeChart公司网站下载后，将其解压到指定位置。 （2）将解压后的lib文件夹复制到应用程序文件夹的WEB-INF\lib目录下。实际上一般用到的文件只有三个：jfreechart-1.0.5.jar、jcommon-1.0.9.jar和gnujaxp.jar。 （3）修改应用程序文件的WEB-INF文件夹下的web.xml文件.其内容如下： ?xml version=1.0 encoding=ISO-8859-1? !DOCTYPE web-app PUBLIC -//Sun Microsystems, Inc.//DTD Web Application 2.3//EN /dtd/web-app_2_3.dtd web-app servlet servlet-nameDisplayChart/servlet-name servlet-classorg.jfree.chart.servlet.DisplayChart/servlet-class /servlet servlet-mapping servlet-nameDisplayChart/servlet-name url-pattern/servlet/DisplayChart/url-pattern /servlet-mapping /web-app JFreeChart核心类库介绍 JFreeChart主要由两个大的包组成：org.jfree.chart和org.jfr