基于Web项目的实践教学

王劲松 肖茜

摘  要： Web体系复杂，ASP编程教学难开展。采用“学中做，做中学”的课程实践思路;针对具体项目，工学结合;从需求分析和学生水平出发，选择最优开发方案;发挥现有网络优势，结合软件工具特点，探索一条Web编程课程实践之路，获得工学结合的双赢。在实践教学和开发应用中，首选简单的技术，降低开发和教学成本，解决实际问题，同时满足技术、经济和教学的可行性。

关键词： Web教学; ASP编程; 课程实践; 工学结合

中图分类号：G712          文献标识码：A     文章编号：1006-8228（2020）10-82-04

Abstract： The web system is complex and the teaching of ASP programming is difficult. According to the practical thinking of " doing when learning and learning by doing"， aiming at specific projects， combines engineering with learning; starting from the requirement analysis and the level of students， chooses the optimal development plan; giving full play to the existing network advantage， combining with the characteristics of software tools， explores a practical way of web programming course to obtain the win-win of the combination of engineering and learning. In the practical teaching and development application， simple technologies are preferred， which reduces the developing and teaching costs， solves the practical problems， meanwhile satisfies the feasibility of technology， economy and teaching.

Key words： Web teaching; ASP programming; course practice; combination of engineering and learning

0 引言

在當今互联网+和大数据时代，Web技术几乎涵盖了我们生活、工作和学习的所有领域。在中、高职教育教学中，Web程序设计是专业必修课程。但是Web网页教学涉及环节多，是实践性很强的课程，教学中大多脱离具体的实践环节，不能在Internet上实现具体应用，导致纸上谈兵，理论脱离实践，效果不理想。Web程序设计作为培养学生具备Web应用系统开发能力的核心课程之一，它既是前导课程的总结提高，也是后续课程的基础，更是后续从事程序员相关工作的直接支撑。因此，运用有效的教学方法提高Web程序设计课程教学质量是非常必要的[1]。

1 Web编程实践教学面临的问题

B/S模式，动态网页（PHP、ASP、JSP等文件）知识点较多且体系复杂， 学生首先需要掌握程序设计语言，网页设计及网页布局、面向对象知识、数据库知识，其次掌握网站建设的相关知识，最后掌握网站开发模式[2]。在实际教学中，关注点太多，一旦周边知识涉入过多，导致本末倒置，势必造成在有限学时内无法贯通一个完整的项目，最终留给学生一个混乱和不全的知识体系。

1.1 动态Web教学，开发平台布局难

Web程序设计课程中，服务器布局、数据库搭建和编程语言都是教学难点，大部分学生不理解，只能照葫芦画瓢，没有真正掌握其原理。

⑴ Web服务器复杂多样，安装难

目前Web动态网页制作的教材中，服务器主要是讲授微软的IIS，针对Windows版本繁多，设置也各不相同，十多页书的教学内容需要2个学时，有的甚至根本装不上，即使装上，稍稍设置不对就会访问出错。仅第一关“服务器布局”，就“吓到”不少学生。

⑵ 后台数据库盲目求大，操作难

在后台数据库的选择上，许多教材过分追求大而强，通常选用MySQL、SQL Server等大型数据库。需要单独安装和设置，还要建ODBC数据源。然而这些在ASP编程教学和实际应用中不是必须的。安装了这些数据库系统后，庞大复杂，运行慢。学生耗时耗力，思路乱。在第二关的后台数据库“倒下”。

⑶ 动态网页追求.net技术，代码难

ASP网页制作，需要学习编程。目前使用最多的ASP.net编程，还需安装Framework来支持。经过笔者多年实践，在Dreamweaver中ASP.net网页程序代码不能自动生成，只能手工编写，对于初学者来说是一件极其困难是事情。于是，在第三关的代码编写“倒下”。

1.2 动态Web教学，实践项目难开展

网页制作目的是应用，教学的主线应围绕具体的项目来开展，做到此要求是比较困难的。因为找不到合适的校企合作项目，同时，技术路线选择不妥，会导致在Internet上产生费用。

⑴ Web应用脱离实际项目，无意义

ASP编程含有用户的交互行为，如交流论坛，考试购物等。很多学校的教学中，没有联系企业实际项目，没有结合学校具体工作，大量的教学课时，就完成一个密码登录，无实际意义。

⑵ Web网站发布Internet，费用高

实践中，Web网站要运行在Internet才会有真实体验，但是，这需要申请域名空间和服务器，年费几百元至几千元不等。导致教学中只能在局域网运行，很多学生搞不懂服务器，分不清运行平台和开发平台。

⑶ Web浏览局限于计算机，人气低

当今网络大数据时代下，手机APP广受欢迎的今天，Web网站应用还是在电脑浏览器，不能针对手机用户，已经跟不上时代。访问量无法提升，学生看不到技术前景。

2 Web编程实践教学的探讨

Web编程教学应抓住主线，不拘泥于教材，结合具体任务来开展。学生在学习的过程中不是孤立地完成课程习题和功能模块，而应在具体的项目驱动下，逐步完成网站设计的各个环节。在项目完成过程中，充分贯彻“做中学、学中做、做中教”的教学模式[3]。下面将结合一个课题问卷项目来谈谈Web编程实践教学如何开展。

需求分析：这是一个省级课题“3+3新高考与生涯规划”的在线问卷系统。课题研究需要收取不同地点、不同学校的数千名学生、家长和教师的信息，并完成前期统计，然后保存数据以供后期分析。①问卷内容是专项统计比较特殊，在一般学习网和考试平台上无法完成。②即使能使用问卷星等专门的问卷网站进行，每份问卷数据需收取服务费1元，成本太高。③数千份问卷针对不同学校，不需要同时进行，对服务器冲击不大，不需要大型数据库和高级服务器。所以，这是一个既有实际意义，又很适合初学者完成的项目。

系统设计：根据实际项目和教学实践需要，这个B/S系统分为两个部分，如图1所示。①Web开发平台，用于教学开发和后期维护，②Web运行平台，用于完成问卷和信息的汇总统计。

2.1 快速布局Web开发平台

简单方便的开发环境，自动生成ASP代码，能把主要时间和精力放在项目的业务逻辑上。整个问卷系统的开发就事半功倍了。

⑴ 使用Asp绿色服务器

使用小精灵Asp绿色服务器，双击AspWebServer.exe程序就能运行，直接映射当前www目录为服务器根目录，并自动打开浏览器，测试地址为：http：//localhost：58031/。服务器布局完成！避免了IIS的繁琐。

⑵ Dreamweaver自动生成代码

网页制作软件Dreamweaver是目前功能较为强大、使用广泛的网页制作工具，利用它可以制作出动态网页[4]。不使用.net技术，无需安装Framework，充分利用Dreamweaver这个面向对象可视化编程软件的性能优势。只需通过点击菜单，就能自动生成操作数据库的ASP代码，让学生不必一开始就死背代码，而是把注意力集中在任务逻辑和系统原理上。

⑶ 用自定义字符串访问数据库

由于问卷系统不需强大的数据库，所以后台选择Access数据库，Office系统自带无需安裝，新建eq2019.mdb数据库文件，在Dreamweaver开发软件中使用自定义字符串连接“"Provider=Microsoft.Jet.OLEDB.4.0; Data Source="& Server.MapPath（"/database/eq2019.mdb"）”访问数据库。好处是：网站发布到服务器上，不需要再创建ODBC数据源。

2.2 免费建立Web运行平台

接下来就要为这个问卷系统找个婆家，选择一个合适的在线Web服务器，然后发布到Internet上，同时满足电脑和手机访问的需要，实现问卷。

⑴ 申请100M免费服务器空间

随着Internet网技术不断成熟，出现长期永久的免费服务器空间。笔者选择的是http：//free.3v.do/网站的100M免费服务器空间，此免费空间仅支持HTML、ASP和ACCESS数据库，刚好达到了我们的问卷项目系统要求，是性价比最高的选择。网站名称：心理测试，网站域名：http：//wjs121314.host3v.vip。

⑵ 上传课题项目在线问卷系统

8UFTP是一款很实用的ftp上传工具，绿色小巧简单易用，上传速度快。使用它将开发调试好的网站文件上传至申请的免费服务器空间上。也可以将问卷结果数据库文件下载到本地电脑中。至此，可以通过网站域名来访问进行问卷了。

⑶ 生成二维码，手机在线答卷

让客户通过手机来访问服务器才是完美的方案。输入网址太麻烦，使用二维码生成软件，把网址转化为二维码，手机扫码进入问卷，很方便。为适应手机屏幕，ASP网页不能太宽。如图2所示二维码和手机问卷效果图，目前问卷已完成，有兴趣的读者，可以扫码进入，测试一下，看看实际效果。

3 结束语

在实践中，我们得出的结论是：寻求校企合作不必追求大而全，可承接一些小型的项目。首先，选择简单任务，即技术含量不高，开发环境易搭建，编程代码自动生成，在教师指导下学生容易完成的任务，满足技术可行性。其次，在课程教学实践中完成项目，开发零成本，小型项目网站，可选择ASP+Access技术，申请100M免费空间，运行零成本，符合经济可行性。第三，通过校企合作，解决了实际问题，为学校赢得声誉，为学生找到出路，体现了教学可行性。

从实践效果看，通过完成一个完整的项目，理论与实验能够有机结合起来，学生综合运用所学知识，积极主动地探索新知识，培养了项目管理能力[5]。目前已收取师生和家长的问卷10000余份，圆满完成课题问卷项目，圆满完成教学实践任务，并为课题研究省下近万元经费。

Web教学实践，面向实际任务，针对学生水平，找准定位点，选择最优方案，能把原本困难的编程教学进行得有声有色。通过具体项目，在“做中学、做中教”的过程中，传授学生一套完整的Web技术体系。能最大限度提高学生的兴趣，激发学生的动力，使他们爱编程，去编程。

基于Web项目的实践教学仍然存在不足，比如：每次教学结合的实际项目不相同，教学任务的难易度如何掌控，学生成绩的考核评价标准制定，以及如何防止分组中有个别学生蒙混过关等问题仍需进一步探讨和研究。

参考文献（References）：

[1] 张倩，李伟键，廖秀秀，唐四云.进阶项目驱动式“Web 程序设计”课程教学改革探讨[J].现代计算机，2018.11中：50-52

[2] 胡韵，陈伟龙.基于“Web程序设计”课程的案例化教学模式的实践与研究[J].中文信息，2018.10：123-124

[3] 白慧慧，常冬霞，刘美琴，张宝鹏.“Web应用基础”课程项目驱动式教学研究[J].工业和信息化教育，2019.4：60-64

[4] 黄婷.利用ASP快速创建动态网页[J].电脑编程技巧与维护，2018.12：40-42

[5] 谢涛，薄钩戈，房琛琛.新工科背景下Web编程技术课程的实验教学改革研究[J].计算机教育，2019.1：63-67