开源框架为导向的高级Web开发教学模式

朱德利 文瑞 熊俊逸

摘要：随着科技技术的发展，社会对人才的要求更加专业化、技术化。用传统的教学模式将高级Web开发相关的技能和知识传授给学生，使得理论知识和实际开发情况不能很好结合。以开源框架为导向的高级Web开发教学模式从教学方式、考核方法、课程安排和课堂活动等方面对其进行改进，以项目为驱动，更加注重交流和实践表明，这种教学模式使学生更加有兴趣，有更高的参与感，学习质量有极大提高，学生能将课堂理论知识充分运用到实际开发中去。

关键词：高级Web开发;开源框架;教学模式

中图分类号：G642        文献标识码：A

文章编号：1009-3044（2021）15-0170-02

Abstract： With the development of science and technology， the social demand for talents is more professional and technical. With the traditional teaching mode， advanced Web development related skills and knowledge are taught to students， which makes the theoretical knowledge and the actual development situation can not be well combined. The advanced Web development teaching mode guided by open source framework is improved from the aspects of teaching methods， assessment methods， curriculum arrangement and classroom activities. It is driven by projects and pays more attention to communication and practice. It shows that this teaching mode makes students more interested， has a higher sense of participation， and greatly improves the learning quality. Students can fully apply the theoretical knowledge of the classroom to practice International development is in progress.

Key words： Advanced Web development; open source framework; teaching mode

网络时代的计算机相关学科教学中，Web开发技术是举足轻重的。在国内许多高校的课程体系中，都把Web开发分成了基础开发和高级开发两个部分[1]。对于高级Web开发课程如何进行，如何体现与Web开发基础课程的区别，如果通过课程的学习切实提升学生的Web开发技能等都是目前亟待解决的问题。在教学实践中，目前大部分学校更加倾向于理论教学[2]，老师向学生单向的、大量的灌输理論知识，学生被动地接受，这样学生的确可以较好地掌握理论知识，但是Web开发只有自主的进行实际操作才能准确完全掌握，因为课程没有较好的实践操作导向和模式，学生不会主动思考，不能将所学的知识合理充分地用在实际问题的解决之中[3]。为了解决以上的问题，本文提出以开源框架为导向的高级Web开发课程教学模式。

1 开源框架为引导课程知识体系的展开

按照现有的教材内容和工业界对Web开发人才的需求，一般而言，Web开发基础部分包括的知识点有HTML5基础、CSS基础、HTML5进阶、CSS3进阶、JavaScript核心语法、DOM和BOM、jQuery等前端知识，以及PHP、jsp等基本的后台程序设计方法和技巧。而高级Web开发方面，则涉及Vue、TypeScript、Bootstrap等前端框架[4]以及Struts、Spring、ThinkPHP等后台框架[5]。以PHP技术栈为例，一般在这个阶段需要完成的学习任务包括面向对象设计思想、对象关系模型ORM的使用、Mysql应用与提高、PHP核心扩展及商城项目、博客项目、ERP系统等具体项目的开发和实现。在实践中笔者发现，如果把开源框架引入教学过程中，以开源框架的学习和蕴含的思想来引导课程知识体系的展开，是非常有利于教学目标的达成的。框架包含的技术和高级Web开发需要完成的教学任务有如图1所示的对应关系。教学过程中，以全面掌握在开源框架下进行Web开发需要的技能为主线，学习ThinkPHP 的开发规范，掌握其中数据库、模型等知识点，并且能以项目为驱动，主动进行学习和实践，将每一次课堂的内容都合理运用于项目之中。

2 教学模式的具体实施

以ThinkPHP框架引导高级Web开发为例，本文所述的教学模式具体实施方法，包括结合实操授课、个性化与多元化结合教学、运用互动式教学等方面。

2.1 结合实操授课

在Web高级开发课程开展教学的过程中，要将以开源框架为导向的高级Web开发技术完全向同学们介绍清楚并且让同学熟练掌握开发技术，只是靠传统的老师单向灌输知识是远远不够的，并且ThinkPHP6.0框架是一个较新的框架，在目前市面上还没有完整规范的教材，是与时俱进的框架，框架的版本也在逐年更新，每次跟新会与上一次有语法上的差别，例如thinkPHP6与ThinkPHP5.1在安装方式、类的加载方式、组件、中间件都有所不同，并且ThinkPHP6使用严格模式，而ThinkPHP5并没有。知识的先进性给教学模式提出了新的挑战，因此需要老师做巨大的备课工作，结合自己的经验和了解，整合梳理每节课的知识点，制作PPT，每周一次的课程，先用一课时向学生讲介绍知识背景、知识点细节，通过提问了解学生掌握知识的情况，然后在课堂进行实际操作，以SIYUCMS内容管理系统为例子，对其进行相关知识点的操作，更加清晰地展示如何在实际项目中合理利用该知识点，最后会请同学进行总结和演示，及时了解同学在课堂上掌握知识的情况。例如在讲述URL访问这一知识点是分为以下几个步骤：

（1）以问题引出教学内容，引发学生进行思考。思考以前学习过的Web开发是以怎样的路径进行访问的，然后进行讨论，然后通过PPT完整清晰展示URL的访问路径http：//servername/index.php（或者其他文件入口）/控制器/操作/参数/值.

（2）结合SIYUCMS内容管理系统，选取该成熟案例中部分有关于URL访问知识点的页面，从实际情况出发，分别演示了访问静态页面、动态页面的访问方式及其完整URL路径、让同学能够联系实际，对知识点有了更加直观的认识。

（3）总结知识点。回答学生对于演示疑问，引导学生进一步思考，深入讨论。带领学生回顾所学知识点，现场出题，布置知识点相关任务，随机选择学生演示并完成与知识点相关的实践。

2.2 个性化与多元化结合教学

每个学生之间的基础知识与学习能力各不相同，由此需要展开个性化教学。而开发人员学习一门新的语言，以兴趣为主将会迅速地进入学习状态取得理想效果。由此，展开个性化教学，进一步利用互联网，在互联网当中建立起一个互动平台，学生进行自主学习的同时供老师与学生之间交流。同时，教师将教学资料以及教学资源投入到互动平台当中，再根据学生自身兴趣爱好，让其自主寻找合适的教学内容。将学生划分为多个小组，根据每个小组的具体特点制定相关教学内容，进一步实现个性化教学。

在课程教学中，由于受到传统教学理念的影响，使得教师对于实践环节不够重视，而利用“互联网”模式，能够将各种实践环节有效增加[6]。例如：在互联网教学平台中加入高级Web开发技术的各个步骤详解内容，让学生明确分工，找准学习知识突破点，运用老师上传的精简资料进行学习扩充，并在课程后上传实操内容。将课堂授课与线上教学相结合的多元化教学模式让学生不断对高级Web开发技术进行实践操作，这不仅能够对学生的学习习惯进行有效培养，还可以进一步提升学生的实践能力，为日后高级Web开发具体工作奠定坚实基础[7]。

2.3 运用互动式教学

“互动式”学习，是把教学过程看作是一个动态发展着的教与学统一的交互影响和交互活动过程。在这个过程中，通过优化“教学互动”的方式，即通过调节师生关系及其相互作用，形成和谐的师生互动、生生互动、学习个体与教学中介的互动，强化人与环境的交互影响，以产生教学共振，达到提高教学效果的一种教学结构模式。在高级Web开发教学中，采取小组讨论，学生说课的方式，极大地提高教学效率。根据分组，每一个组完成TP6相应的知识点的開发技巧和项目实践实验，并将相关知识点的使用心得和实验结果在课堂上展示出来，通过互动式学习、讨论和提问考查知识点的学习掌握情况讨论答辩时，每个组的同学分别都结合了案例讲解自己着重理解和学习的知识点，且接受同学和老师的提问。在实际运用中，此互动式学习极大激发了学生的兴趣，学生只有深刻理解其知识点而后才能讲解给同学。学生不仅深刻掌握所述知识点而且顺利解决老师同学对所述知识点的疑问，这表明互动式学习非常成功。

3 总结

在当前互联网高速发展的环境中，高级Web开发课程应该紧紧跟随时代脚步。为了达到良好的教学效果，以开源框架为导向的高级Web开发教学模式在已有的教学模式的基础上，从课程结构和教学方式上入手，进一步实施个性化、多元化教学、结合实际操作授课、在将整体考核评价体系进行完善，提高学生学习的兴趣和主动性，全面提升学生的实践能力，从而提升教学效率和质量，保证了教学手段的丰富性、教学模式的多元性、教学考核的完善性。培养出具备更强实践能力的学生，为以后的学习发展奠定坚实基础。

参考文献：

[1] 王伟.浅谈web开发课程一体化教学实践[J].国际公关，2020（11）：119-120.

[2] 李秀珍.基于MVC的ThinkPHP5框架研究[J].现代信息科技，2020，4（14）：90-92.

[3] 章春梅，余永红.基于ThinkPHP+微信小程序的校园社团云平台的设计与实现[J].电脑知识与技术，2019，15（30）：78-81.

[4] 谷恪忱.基于ThinkPHP框架的工控品采购平台设计与实现[J].软件工程，2020，23（3）：53-59.

[5] 马睿.“互联网+”背景下的WEB前端开发课程教学模式的探讨[J].计算机产品与流通，2020（10）：202.

[6] 祝艳丽.新时代Web前端开发课程新型教学手段的探究[J].数码世界，2020（9）：146-147.

[7] 刘勇.网络教学模式下计算机教育改革探析[J].计算机产品与流通，2020（10）：101.

【通联编辑：王力】