作者：谢彬彬 本文字数：2486
[摘 要] ASP.NET动态网站开发是一门综合性很强的实践课程，其中图片验证码技术是该课程的重难点之一。针对中职学校学生的学习基础相对较为薄弱，通过任务驱动，使学生逐步深入，掌握如何调用预定义类生成验证码并在网页中插入生成的验证码图片。从而降低学习难度，为中职学校Asp.net动态网站开发的教学提供一种思路。
[关 键 词] ASP.NET;验证码;教学案例;任务驱动
[中图分类号] G712 [文献标志码] A [文章编号] 2096-0603（2019）28-0099-03
ASP.NET动态网站开发课程是我校软件与信息服务专业的职业能力核心课程，该课程是对学生之前学习的C#程序设计、数据库设计基础、网页设计等课程的综合应用，，是一门综合性、实践性和难度都较高的课程。该课程主要包含的内容有服务器控件、内置服务器对象的使用、ADO.NET操作数据库等技术。
图片验证码是一串为了防止恶意程序进行暴力破解密码等关键信息，由服务器端按一定算法生成的数字或字符，并将该验证码生成一幅图片，再对图片进行干扰处理[1]。验证码是动态网站开发中广泛使用且非常重要的一種安全技术，因此也是本课程的重点与难点之一。
本文的教学案例针对中职学生的学习基础相对较为薄弱，通过任务驱动设置了三个课堂任务，使学生逐步深入，掌握如何调用预定义类生成验证码并在网页中插入生成的验证码图片，从而降低了学习难度，为中职ASP.NET动态网站开发的教学提供了一种思路。
一、教学案例设计思想
在教学案例的设计上，以“任务驱动式”、学生自主协作探究学习来进行设计。
1.教学过程逐渐深入，结合中职学生的实际情况，让学生在实践中掌握所学知识的同时，通过小组讨论问题，培养学生独立分析问题、解决问题的能力。
2.由教师根据学习任务先进行讲解与引导教学，通过任务驱动，让学生分组进行程序开发，通过学生自主协作探究体会影响验证码被破解的因素，同时认识到在实际开发中需要考虑安全与用户体验相结合[2]。
3.根据中职学生的学习基础，提供常见的验证码核心类代码，体会调用代码生成验证码的过程，避免直接开发验证码，从而降低学习的难度。
4.学生评价上，通过网页实时显示学生生成的验证码图片，采用直观方式来显示程序的执行效果，能够及时评估学生完成的情况，使师生得到及时反馈。
二、教学重点与难点
本案例中的教学重点是让学生掌握如何调用验证码核心类生成验证码。
教学的难点是：
1.理解生成验证码的底层代码原理。由于中职学生的基础相对薄弱，生成验证码的底层代码中涉及GDI、图片文件操作等，而学生只有理解其基本原理才能正确使用。
2.如何将生成的验证码应用到实际网页开发中。仅仅调用底层代码生成验证码图片并不等于整个页面就开发好了，还需要结合具体实例让学生掌握完整的页面开发以及其中需要考虑的问题。
三、生成验证码的核心类介绍
在提供给学生的生成验证码VerificationCode类中包含的核心方法：CreateVerificationGraphic（string verificationCode，HttpContext context，int lineCount=25，int pointCount=100）[3]。该方法将生成的包含随机数字的字符串输出为图片[4]。参数VerificationCode是调用CreateVerificationCode（int length）方法生成的包含随机数字的字符串。参数context是用户通过浏览器请求数据时发送的请求报文。参数lineCount是绘制干扰线的数量，默认是25条。参数pointCount是绘制干扰点的数量，默认是100个。执行该方法时，除了将生成的包含随机数字的字符串输出为图片外，为了降低验证码图片被恶意程序识别的几率，还需在验证码图片上绘制若干随机位置的干扰线、干扰点，参考关键代码片段如图1所示。
四、具体教学案例设计
（一）案例描述
在进行验证码开发的教学中，由于学生首次接触，且中职学生的专业基础相对薄弱，故要求学生直接开发验证码的难度较大。而且验证码开发的技术本身是属于比较常见的一种技术，因此在本案例中将会提供生成验证码的底层代码给学生，学生重点掌握如何调用、使用现有的验证码核心类生成验证码并应用到网页上。
（二）任务划分
本案例将教学内容分解为三个学习任务，让学生由浅入深掌握生成验证码的开发。
1.任务1：调用验证码核心类生成验证码图片
由生活中常见的验证码图片引入本课题，教师讲解验证码的基本原理以及生成验证码VerificationCode类中的核心方法，为了使学生更好地掌握生成验证码的基本原理，使用ASP.NET自带的Random类产生四位数的随机数，引导学生根据微课自主学习，将教师提供的VerificationCode类加入项目中，新建一个ASP.NET一般处理程序，尝试调用VerificationCode类中的核心方法生成验证码图片。右图是参考代码。
