摘 要：传统的教学模式容易造成学生学习只是停留在理论层面，而不能够达到自主动手情况，以《web程序设计》这门应用性较强的编程类课程为切入点，尝试在课程中引入案例化的教学模式，以精巧的案例设计和讲解，让学生既熟练掌握基础知识，又提高操作实践能力的目的。
关键词：教学模式 案例化 教学设计 实践
中图分类号：G642 文献标识码：A 文章编号：1003-9082（2018）10-0-02
引言
目前国内外各大高校的计算机专业均开设了网站设计开发类的课程，其中《WEB程序设计》这门课程因网站应用程序开发的众多需求，早已成为网站设计开发类的首选课程。
据了解，国内大部分高校的计算机专业均开设了不止一门与编程语言相关的课程，如：c语言、java语言，到较为综合的语言如JSP、PHP、J2EE等各种编程课程，绝大部分高校编程类课程采用比较传统的教学模式，即在有限的教学时间中，按教材顺序依次讲解编程语言的相关知识，均由基础知识开始详细讲解，然而讲解到语言真正核心部分或者代码编写部分时，受学时等因素的影响，使得学生学习停留在理论层面，而不能够达到自主动手编写程序的目的。
本文结合以往教学经验，以《WEB程序设计》为基础，通过分析课程的教学目标及特点，引入新型的案例化教学方式，并通过实践进行总结，达到能够改革《web程序设计》教学方式，达到让学生真正自主编程的目的。
一、web程序设计课程特点背景介绍
1.课程简介
《WEB程序设计》是一门计算机类的专业编程课程，介绍web的工作原理，web的应用程序开发环境、HTML、CSS等网页前端开发设计以及运行于服务器端的后端程序设计和涉及到对数据库操作的Web数据库程序设计等。该门课程是在《数据结构》《基础程序设计语言》《据库原理与应用》等课程学习的基础上，对网站编程设计方向进行的技能培养类课程。
2.课程教学目标
本门课程的教学目标分为两个，一是要求学生能够自主完成智能交互型网站的整体设计与实现，包括网页的设计与排版以及整体网站的智能交互实现等；二是要求学生能够进一步掌握网站相关开发模式——MVC模式，学会有次序、有规划的搭建网站步骤，能够为后续学习及入职奠定基础。
3.课程特点及当下授课状态
《WEB程序设计》知识点较多且面广：学生首先需要掌握基础程序设计语言，网页设计及网页布局、面向对象知识、数据库相关知识，其次掌握网站建设的相关知识，最后掌握网站开发模式。许多情况下，课程结束后，学生不能统一归纳，更不用说将所学的知识点运用到网站开发中。
同时，受课时的限制，教师对学生进行灌输式的传统讲授模式，这种重理论轻实践的教学模式，不能将学生带入开发网站的氛围中，学生学习的积极性也不高，因此，学生没有足够的经验进行软件开发。
二、案例化教学模式
1.介绍
案例教学法起源于上个世纪20年代，由美国哈佛商学院（Harvard Business School）所倡导，将来自于商业管理中的真实事件或者情景引入到教学过程中，以激励学生主动参与课堂讨论。这种案例教学法到了上个世纪80年代，才受到师资培育的重视，尤其是1986年美国卡内基小组（Carnegie Task Force）提出《准备就绪的国家：二十一世纪的教师》（A Nation Prepared：Teachers for the 2lst Century）的报告书中，特别推荐案例教学法在师资培育课程的价值，并将其视为一种相当有效的教学模式，而国内教育界开始探究案例教学法，则是1990年代以后之事[1-2]。
2.特点及作用
案例教学法的特点就是授课过程中依托一个具体的项目，以項目的设计、开发和完成为线索，教师作为主导，通过学生的主动参与和积极思考将知识传授给学生，通过完成案例不再让知识点成为抽象的概念，而是具体鲜活的解决某一问题的具体办法。
这种方法非常适合对操作实践要求较高的课程，在授课的过程中重视了理论和实践的结合，通过一两个案例学习了真正原理及使用方式。在教学的过程中，完成项目是目的，重点是在完成项目的过程中，教会学生基础知识以及怎样将学到的知识点综合使用，带动学生进入思考、实践、再思考、再实践的分析解决问题的氛围中，提高学生对编程的兴趣。
三、案例化教学模式在web程序设计中的实施
1.总体思路
在此次教学改革中，尝试采用更适合《web程序设计》课程的一种新的案例化教学模式。集中一学期讲解一个大中型综合案例，将每一个知识点贯穿其中讲解，不再依赖教材章节顺序讲解。同时课程的目的不仅是编写设计实现一个综合案例，而是教授学生编程的知识及“套路”，通过不断改进案例，让学生体会项目开发模式的重要性，并且在多次的项目编写过程中，掌握一般项目的编写过程和编写规则。
2.实施案例说明
本次教学改革中案例是最常用的“用户管理系统”网站的开发，此案例用到的知识点是常用且重要的知识点，学生熟悉此类项目，开发起来较为容易接受，适合在有限的教学时间中反复编写并讲解。
2.1项目模块划分
用户管理系统实现管理员和普通用户的分级用户登录操作，其中管理员可以查看所有用户的信息，可以添加、删除、修改用户，可以查询具体用户，普通用户可以查看用户的部分信息，可以通过查询查看具体用户的部分信息。所以为了方便知识的讲解和渗透，可以将用户管理系统分为如下模块进行开发讲解，每一个模块为一个小型案例，综合形成一个综合案例。如图3.1所示。
2.2模块讲解顺序及对应知识点汇总
整个综合案例就可以包含WEB程序设计的基础知识点，通过顺序讲解相关模块，使学生可以掌握重要知识点的同时，了解项目开发流程。表3-1汇总项目模块讲解顺序及知识点对应关系。
序号模块对應知识点建议课时1登录模块（简单验证）项目规划、建立、部署、服务器运行、项目运行原理及操作4HTML、CSS、JavaScript页面设计知识form表单跳转、页面间传值request内置对象页面接收out输出response内置对象处理页面跳转2登录模块（数据库验证）数据库简介及相关数据库软件操作，如建表、添加数据等2JDBC相关基础知识讲解Sql语句与项目需求的讲解与编写编程语言连接操作数据库模式总结3用户信息显示模块分页需求引入及分页算法介绍4--6分页sql语句讲解、数据库信息在网页显示方法超链接页面的跳转及传值集合ArrayList相关知识点的使用Java Bean相关知识介绍4添加用户模块添加信息sql语句编写与分析2读取网页信息至数据库方法页面分类跳转方式——request页面跳转方式5修改用户模块修改信息sql语句编写与分析2页面间值传递信息在对应输入框中显示并可修改6删除用户模块删除信息sql语句编写与分析2JavaScript函数编写及使用7查询用户模块模糊查询信息sql语句编写2集合ArrayList相关知识点的使用分页知识超链接循环显示8退出系统模块Session相关介绍4Cookie相关介绍
整个项目大致分为8个模块完成，每个模块对应不同的知识点，有些知识点会反复使用并讲解，如request等常用内置对象。每个模块均有新的知识点加入，这样讲解可以让学生不断加深知识点的理解与掌握，同时，掌握新知识，更有利于知识的融会贯通。
2.3项目讲解次数及侧重点
这个课程讲解的第二个教学目的就是让学生掌握网站项目开发的模式，为此课程引入MVC开发模式，让学生掌握网站建设的基本结构和方式。所以课程中引入的用户管理系统部分模块的编写不会只写一遍，而是通过不断地编写改进，最终改进成MVC开发模式的模块，这样能让学生真正理解mvc开发模式。表3-2说明了本次教学改革设计的项目开发次数以及对应的模块
开发次数强调的知识对应的模块1无任何模式的编程，将html页面设计代码与逻辑代码汇合登录模块（数据库验证）用户信息显示模块2进一步开发mv模式，尝试将html页面设计代码与后台数据处理代码分开编写登录模块（数据库验证）用户信息显示模块3在MV开发模式基础上，改进为MVC开发模式，加入servlet知识控制页面跳转所有模块2.4总教学设计
综上所述，为了达到教学目的，对用户管理系统进行分模块分层次的讲解，让学生在掌握基础知识的同时，掌握MVC开发模式，由浅入深提高知识的难度与宽度。教学设计建议如表3-3所示。
序号授课内容讲解重点建议课时1用户登录模块（简单验证）教学对准备知识及基本知识的讲解42登录模块（数据库验证）教学无任何模式的编码方式，只实现功能，不考虑编码健壮性等2-43用户信息显示模块教学无任何模式的编码方式，只实现功能，不考虑编码健壮性等，与登录模块（数据库验证）连城一个较为完整的操作序列，同时讲解第一遍分页算法相关知识4-64传统编程模式优劣势总结与MV模式的引入重点分析使用传统开发模式编写的代码的缺点，提出mv开发模式的可能性，并分析代码，总结知识点25登录模块（数据库验证）MV开发模式教学在原代码基础上进行修改实现MV开发模式的登录模块，尝试让界面和逻辑代码分离，引入java bean概念，比较优劣26用户信息显示模块MV开发模式教学在原代码基础上进行修改实现MV开发模式的用户信息显示模块，尝试让界面和逻辑代码分离，比较优劣2-47MV开发模式优劣势总结以及mvc开发模式的引入分写mv开发模式写出的代码的优劣势，引入mvc开发模式，并介绍servlet技术作为控制页面流转技术的好处，总结知识点2-48登录模块（数据库验证）MVC开发模式教学在MV开发模式实现的登录模块基础上进行修改实现MVC开发模式的登录模块，尝试加入页面跳转控制代码，比较优劣29用户信息显示模块MVC开发模式教学在MV开发模式实现的用户信息显示模块基础上进行修改实现MVC开发模式的用户信息显示模块，尝试加入页面跳转控制代码，比较优劣2-410添加用户模块MVC开发模式教学根据MVC开发模式进一步开发添加用户模块，实现多分支页面跳转技术的实现，进一步复习MVC开发模式211修改用户模块MVC开发模式教学根据MVC开发模式进一步开发修改用户模块，进一步复习MVC开发模式112删除用户模块MVC开发模式教学根据MVC开发模式进一步开发删除用户模块，进一步复习MVC开发模式113查询用户模块MVC开发模式教学根据MVC开发模式进一步开发查询用户模块，复习分页模块实现，进一步复习MVC开发模式214退出登录模块MVC开发模式教学实现退出登录功能，引入session及cookie知识2
以上是基于《web程序设计》教学设计建议表，描述主要教学内容开展的顺序，可在前后加上课程的引入以及课程的总结即可构成一套比较完整的教学体系，让学生尽可能多的掌握重点知识和体会项目开发模式，为今后进一步学习奠定基础。
四、案例化教学模式优势
案例化教学模式是以项目开发过程作为教学的流程，抓住学生求知欲，激发学生学习积极性，使学习更有针对性，有利于学生高效的学习，掌握关键知识，消除编程距离感和陌生感[5]。
同时教学是以小案例集合的我综合案例而成的，便于将知识点整合，利用学生对小知识的掌握，有助于学生的学习。
五、总结与探讨
通过在《WEB程序设计》这门课程中使用案例化教学模式，采用具体案例剖析实现知识点的讲解，一个具体的项目贯穿于整个教学过程，提高学生学习的积极性和主动性，让学生在学习的过程中掌握编写规则，通过示范和模仿提高学生实践操作能力。
参考文献
[1]Kowalski TJ. Case studies of educational administration[M].New York：Longman ，1991：116.
[2]Merseth KK. Cases and case methods in teacher education[C]//SIKULA J. Handbook of research on teacher education （2nd） . London：Macmillan，1996：722-744.
[3]刘雪， 赵朋.教育硕士专业学位研究生案例教学探讨 [J]. 齐齐哈尔大学学报（哲学社会科学版），2014（5）：174-176.
[4]冯永刚. 研究生案例教学不能遗失的三维向度 [J]. 北京社会科学， 2015 （6）：18-23.
[5]何艳敏.高级语言程序设计”的教学方法研究[J].中国校外教学（理论），2010（04）：166-167.
作者简介：胡韵（199006-），女，讲师，主要研究方向：网络安全、访问控制。主要教授课程：web程序设计等。