集美大学web编程技术课程教学大纲 1.docx

1、集美大学web编程技术课程教学大纲 1集美大学Web编程技术课程教学大纲 课程名称中文：Web编程技术英文：Technology of Web Programming课程编号8107300学分/学时2.5/54所属教研室软件工程先修课程计算机概论、数据库程序设计、高级语言程序设计课程类型专业选修课考核方式闭卷开课专业软件工程教学目的和要求本课程是计算机科学与技术专业的重要必选课，也是软件工程专业的重要专业课。按照学校的定位和培养应用型人才的目标，该课程的目的是让学生了解脚本语言和动态网页的发展及现状、特点和开发环境；掌握WEB程序设计思想和方法；熟悉主要的Web开发工具，具有较强的实战技能。学

2、生学完本课程后，在校期间和毕业后能够直接上手从事相关研究，程序难度应达到专业级水平，超过网上大多数网站的水平。当前Web编程技术有微软公司ASP/ASP.NET和Sun公司JSP/JavaEE两大主流技术。综合起来有HTML、VBscript、JavaScript、ASP、XML、Java、JSP、J2EE初步和ASP.NET八部分内容。HTML部分讲述HTML基本语法。VBscript/JavaScript部分讲授其基本语法，包括变量声明、基本运算、流程控制、函数和对象及其它应用。VBScript和Javascript两种脚本语言可以任选一种，另一种由学生自学。ASP部分主要学习服务器端的编

3、程，包括ASP内建对象Request、Response、Application、Session、Server等，还重点介绍数据库的应用，包括数据库ADO对象、连接对象Connection和记录集对象RecordSet，最后介绍ActiveX 组件和其它的ASP常用组件。XML部分的内容有：XML的基本用法、命名空间、基本应用、CSS样式表、XSL样式表、XML链接、XML和DOM、XML与数据交换等。Java语言部分：介绍Java的基本语法、面向对象设计的概念、Applet、Servlet、JavaBean等项技术。JSP部分介绍JSP开发环境的搭建、JSP网页与表单、Servlet等。J2E

4、E部分简介J2EE架构、Struts、JSF、EJB等。ASP.NET部分讲授ASP.NET与ASP的区别、ASP.NET工作平台、VB.NET语法概要、ADO.NET和ASP.NET配置。课程在HTMLVBScriptASPXMLASP.Net和HTMLJavaScriptJavaJSP XMLJ2EE两大系列中选择适应总课时量、市场需求和专业方向需要的系列，在不同的系列，在根据课时多少安排相应的理论教学和实验内容。本大纲暂选择基于Java的系列，以JSP内容为主，XML内容次之，其他内容应当在教师指导下由学生自学，培养知识更新能力。本课程目前采用的教材为刘晓华等编、电子工业出版社JSP应用

5、开发详解(第三版)，XML部分采用丁跃潮等等编、北京大学出版社出版XML实用教程。本课程要求学生必须完成所选模块中2/3以上的实验，期末若未开设专门的课程设计，则应提交期末综合大作业(设计一个完整的、可以实用的、中等以上难度的网站)，方能参加期末考试和总成绩评定。本课程的教材从2008年2月起，采用“十一五”国家级规划教材Web编程技术JSP、XML和JavaEE，本校主编。届时根据新教材重新修订本大纲。集美大学Web编程技术课程教学大纲 教学内容及基本要求（分章节）第1部分 HTML 基础知识(视情况选学或自学)1.1 网页设计概述要求：了解网页设计技术的现状，理解动态网页和静态网页的概念，

6、掌握ASP和JSP平台的搭建。重点：动态网页的概念， ASP和JSP平台的搭建。难点：JSP平台的搭建1.2 HTML基本语法要求：掌握HTML的基本语法，了解网页的修饰技术。重点：表格语法和表单语法。难点：表单语法第2部分JavaScript(视情况选学或自学)2.1 JavaScript语法2.2 表单2.3 内建对象2.4 文档对象模型2.5 自定义对象2.6 响应事件2.7 窗口和图文框2.8 图像和动画要求：掌握JavaScript的基本语法，能够灵活运用内建对象和处理相应事件，了解其他对象，初步掌握动态效果的实现技术。重点：内建对象、事件响应和客户端验证。难点：客户端验证技术。第3

7、部分 JSP(必学)3.1 JSP技术概述。要求：理解JSP的特点，掌握JSP开发环境，会制作简单的JSP网页。重点：JSP的特点和简单实例的实现。难点：JSP开发环境的搭建。3.2 JSP语法要求：理解JSP的构成，了解各部分的作用和用法。重点：JSP的构成。难点：指令元素、脚本元素、动作元素。3.3 JSP内建对象要求：理解JSP的内建对象，能灵活地运用。重点：session、application、page等对象。难点：session和application的使用和区别。3.4 JSP中JavaBean的使用要求：理解JavaBean的概念，能够熟练使用JavaBean，掌握用户会话的技

8、术。重点：JavaBean的编制和使用，不使用JavaBean如何实现JavaBean能实现的功能。难点：JavaBean的使用。集美大学Web编程技术课程教学大纲 教学内容及基本要求（分章节）3.5 动态页面和用户会话要求：理解动态网页的概念，学会创建动态的内容，学会用户会话跟踪。重点：如何保存绘画状态，如何从时间、用户类型、数据库内容、自定义信息、用户来源等方面实现动态？难点：根据数据库内容实现动态，绘画跟踪。3.6 Servlet技术要求：理解Servlet的概念和配置，能够熟练使用Servlet处理表单，掌握Servlet与JSP结合的技术。重点：Servlet的编制、配置和表单的处理

9、。难点：Servlet处理表单。3.7 创建Web监听和过滤程序要求：理解 Servlet上下文的概念，能够监听上下文，学会监听Http会话，掌握对请求监听，能够开发简单的Web应用过滤器。重点：监听Http会话、对请求监听。难点：Web应用过滤器的开发。3.8 JSP和Servlet结合的方法要求：理解JSP技术使用的两种模式，掌握两种模式的编程应用。重点：JSP+JavaBeans模式、JSP+Servlet+JavaBeans模式。难点：JSP+Servlet+JavaBeans。3.9 JSP开发中的常用技巧要求：学会在不同页面或者用户之间共享数据，能够处理错误页面、解决中文乱码问题，

10、掌握文件的操作，能够在JSP中上传文件。难点：解决中文乱码问题，文件操作。3.10.JDBC与数据库技术要求：理解JDBC、数据源和连接池的概念，能够熟练使用JDBC和连接池技术操作数据库。重点：连接数据库的要素、连接池的配置和数据库的操作。难点：JDBC和连接池的运用。*3.11.标签语言和表达式语言*3.12.WEB框架的使用简介*3.13.JSP开发技巧*3.14.综合应用实例注：标*号的为选学，全部作为一般了解和课后提高，由学生自主选择发展方向。第4部分 XML(选学，一般情况下应当开设)4.1 XML引导知识要求：了解标记语言的发展，掌握XML的特点和数据结构，熟悉XML的开发应用环

11、境。重点：XML的特点和数据结构。难点：XML的数据结构合开发工具的运用。4.2 XML语法要求：掌握XML的基本语法，了解其相关技术，理解名称空间的意义和作用。重点：XML的语法和名称空间的概念。集美大学Web编程技术课程教学大纲 教学内容及基本要求（分章节）难点：名称空间。4.3 XML 文档类型定义(DTD)要求：掌握DTD的定义和运用。重点：DTD属性和元素及其使用。难点：DTD实体。4.4.XML Schema结构要求：掌握Schema的定义、语法和初步运用。重点：Schema元素和属性的声明。难点：Schema语法。4.5 XML数据源对象。要求：理解数据源对象的概念，掌握DSO的

12、定义和在表格中的运用。重点：数据的邦定。难点：嵌套表格中数据源的运用。4.6 XML转换要求：了解XSLT的执行过程，初步掌握XSLT文件的编写、模版的运用环转换的实现。重点：XSLT模版语法。难点：XSLT模板的规则及应用模板。4.7 XML文档对象模型要求：理解DOM的概念，掌握客户端和服务器端XML的加载方法，熟悉XML节点接口的运用。重点：XML文档或字符串的加载。难点：XML节点接口的使用。4.8. XML与JSP要求：掌握JSP网页中调用和输出XML文档的方法，熟悉XML作为层状数据源的用法。重点：JSP中XML文档的运用。难点：使用XML实现动态网页。集美大学Web编程技术课程教

13、学大纲 课程实验大纲(第一、二部分暂按自学处理，不设计课内实验)1.实验项目与学时分配序号实验项目学时必开/选开实验类型备注(JSP实验)1JSP的运行环境和简单的JSP网页2必开验证2JSP语法和内建对象的使用2必开设计3在JSP中使用JavaBean2必开设计4动态页面与用户会话0选开设计5使用Serverlet2必开设计6创建Web监听和过滤程序0选开验证7JSP与Servlet结合2必开设计8JSP开发中的技巧0选开XX文库 - 让每个人平等地提升自我XX文库 - 让每个人平等地提升自我设计XX文库 - 让每个人平等地提升自我9使用数据库和JDBC技术2必开设计(XML实验)10XML

14、环境、DTD和Schema2选开设计11数据岛和客户端的XML2选开设计12XML文档对象模型2选开设计(以下为课程综合实验,有期末课程设计时不开)13JSP综合实验课后选开设计2.实验教学大纲(已细化，可代指导书)实验1：JSP的运行环境和简单的JSP网页实验目的：学会用FrontPage/Dreamwaver开发工具编制网页，能使用Editplus文本编辑器修改网页代码；掌握Tomcat的安装、初步配置和运行。实验内容：1.把教师推荐并提供的JSP开发工具, 安装在宿舍自己的机器上，做好初步配置。(课堂上教师要远程登录检查)2.仿照教学网页中安装和配置Tomcat的例子，编一个Servle

15、t并调试运行。可以用以前的办法在DOS状态下用javac编译，也可尝试在Jcreator环境中编辑和编译。3.用Frontpage或Dreamwaver,仿照教材例程编制带有表单和多项用户输入/选择的动态网页。可以在原来例子上修改增加而成。4.在Tomcat5下运行上述内容，以网址的形式在其它机器上浏览自己的成果。实验要求：机房不具备条件时，可用远程登录到自己宿舍的机器上实习，结果要由教师验收，以后的实验按此办理。每人一组。实验2：JSP语法和内建对象的使用实验目的：认识JSP的构成、学会使用指令元素、脚本元素和动作元素。掌握页面的跳转、包含等技术；认识out、request、response

16、、session、application等JSP內建对象，学会使用內建对象向网页输出内容、进行网页跳转、多页面变量共用、出错处理、网页访问计数、表单处理。集美大学Web编程技术课程教学大纲 实验内容： 1.下载教材上的例子，配置，运行，体会结果，按照自己的意图反复修改和运行。2.编写一个可以打印出九九表的JSP网页，要求对齐和一定的修饰。3.编写一个可以打印出空心或实心菱形的JSP网页。4.仿照教材例程3-15,编制输入和显示学生基本信息(学号、姓名、性别、年龄、籍贯、住址、政治面貌、电话号码、电子邮箱等)的JSP网页。5.仿照教材例子并修改其数据库，编制一个“干净”(不要例子中的复杂界面)的

17、登录程序(包括含表单的页面和处理表单的页面)，建立表示登录成功的session变量。6.接上一步，建立登陆后所进入一个主页，在主页上建立几个链接页。要求所有页面没有登录过者不能从中间进入(盗入)，由登录成功的session变量控制。7.在登录页上建立网站计数器并显示，在不同的机器上登录几次，体会结果。8.向主页链接一个页面，这个页面全部是out对象写出来的。9.编制一个具有错误的页面，指定和编制相应的errorPage，体会运行结果。10.编制一个具有时间显示的页面，利用response对象定时刷新页面，体会运行结果。实验要求：每人一组，先配置好教材上本章的范例程序，然后设计自己的的网页。实验

18、3：在JSP中使用JavaBean实验目的：(1)认识JavaBean,掌握JSP中使用JavaBean的方法。(2)掌握JSP中SQL数据库的使用方法。附加目的：初步了解网站整体架构的建立。实验内容：1.在SQL Serser中建立本班学生students数据库，可以从教案的stu_admin文件夹中导入stu_data.mdb，取其中的student_info表，并增加出生日期、性别、籍贯、政治面貌、Email、电话等字段。2.搞清WEB-INF的作用和web.xml的作用。分析教师例子或教材各章例程的结构，准备建立自己项目的结构。3.建立一个Java WEB项目(可用Jcreator，注

19、意其中的结构与教材和教案不一样，编译好的class都放在build文件夹下，视图中看不见，要到外面看)，仿照教案使用SQL Server数据库的通用方法的java程序或教材例程jspdev中的有关代码，建立使用数据库的通用JavaBean，并编译。4.仿照教材实例jspdev的配置数据库方法，修改Tomcat5安装目录confServer.xml或在confCatalinalocalhost文件夹下专门为项目建立配置文件“项目根目录名.xml”，如教材例程jspdev.xml。5.用Dreamwaver编制使用上述JavaBean的JSP的网页，包括登陆及其验证、学生增加(信息录入)、浏览、查

20、询、修改、删除等，每个页面都要有相应的处理页。6.测试和修改上述各个模块。实验要求：每1-2人一组，先理解弄通教材上的范例程序，然后做有关部分，结果保留后续实验继续做。实验4：动态页面与用户会话实验目的：编制采用Http信息、隐藏字段、URL重写和Session的页面，掌握会话跟踪技能。集美大学Web编程技术课程教学大纲 实验内容：1.编制一个登陆的html网页，登录页要有客户端验证用户名和密码不能为空的脚本。2.编制处理登录页的jsp，与数据库中的用户名和密码对比验证。若验证成功，则保存用户名为Session变量，并定义和保存一个表示登陆过的Session变量。在本页中显示欢迎该用户的用语，

21、如：欢迎你XXX。同时在本页编制表单，含有课程名称(单行文本框,名称course)、你是否(两个单选钮，名称均为islike,值分别为yes和no)喜欢该课程、对课程的意见(多行文本框，名称suggestion)、课程应该具有的课时(单行文本框tobehours)。在这个表单内做一个名称为banji的隐含字段，里面的值为计算机03级，如，这个文本框用户是看不见的，但是到处理页，照样能正常提取这个字段的值。做好提交按钮，处理这一页的文件名设为dealt.jsp。3.在上一页的适当地方做一个显示成“不通过表单直接提交默认信息”的超级链接，连接地址为dealt.jsp?course=高级WEB编程技

22、术&islike=no&suggestion=请教务部门多安排一些课时，请老师讲慢一点。&tobehours=100&banji=计算机06级。4.接着，编制一个处理上一页表单的JSP网页，提取上页的值后，显示当前用户(由已经有的session变量提供)，用户所在班级(由上一页的隐含字段提供)。实验要求：每人一单独做，不得多人一起做。不会的可以问老师和其他同学。实验5：使用Serverlet实验目的：1.通过编制使用Servlet的网页，掌握Servlet的编制、配置和灵活运用。2通过编制Java类使用HttpServlet处理客户端请求;3学会Jcreator的使用。实验内容：1.在JSP网

23、页中编制两个表单(或者分别作成一页)，一个采用一组四个单选钮分别表示集美大学应该更改的新校名，进行投票，用get方法提交处理；另一个内容自定，用post方法提交处理。2.分别在数据库中建立相应的表；3.编制上述用get方法和post方法处理请求的java程序，分别仿照教材例程，但是都要采用教材例程的方法初始化数据库参数，还要把提交的内容存入数据库。注意在web.xml中配置数据库参数。4.另编一页察看学校更名投票结果，仿照教材例程，分别绘制四种观点的横向的百分比矩形图。5.改进这几章所作的计数器，在上述第一个网页中插入计数器,使用Application对象，要使网页刷新后计数器不增值，方法是第

24、一次进入该页后保留session变量作标志，以后再刷新或重新进入这一页，判断这个标志，决定计数器是否加1。彻底退出这个网站后重新进入该页计数器才能加1。6.有余力的同学，可以在学校更名投票方面改进，不许重复投票，解决的方法有多种，自行想办法。实验要求：注意参考书上的例子，注意综合能力和改进教材的例子，每1-2人一组。实验6：创建Web监听和过滤程序实验目的：1.通过开发具有监听功能的类，部署监听器，初步掌握监听器的使用。2.通过开发具有过滤功能的类，部署过滤器，初步掌握过滤器的使用。集美大学Web编程技术课程教学大纲 实验内容：1.调试通过教材的监听和过滤实例程序，体会监听和过滤效果。2.更改

25、教材实例，用于前面的某个实验的舰艇和过滤。实验要求：每1-2人一组，先配置好教材上的范例程序，然后编制有关监听和过滤的程序。实验7：JSP与Servlet结合实验目的：1通过操作学会JSP技术的两种模式;2通过改编教材留言板例子，学会完整的留言板制作;3初步了解后台管理与审查的技术。实验内容：1.调试通过教材上的两种模式下的留言板例子，并认真理解。2.修改留言板的数据表(message),增加字段表示审核是否通过；增加主键字段表示唯一性，以便删除时查找需要山删除的记录，可以用步长为1的自动编号；选择教材两种模式例子之一，完成一下功能：3.增加管理员界面的入口和后台管理界面，管理员界面上链接审查

26、功能和删除功能。4.编制管理员审查功能，以表格形式列出所有未审查过的留言，加一列检查框表示审查是否通过，提交后打过钩的审查通过，数据库中作标记。5.改进留言浏览的页面，使之只能列出审查通过的留言。6.增加删除留言的功能，使管理员能够浏览并删除时间长了或者不合格的留言。每条后边有一个“删除”链接，带去需要删除记录的主键字段值，以便到删除处理页查找相应的条目并删除，删除后给出删除成功的提示并返回。7.在察看留言的界面上增加留言搜索表单，使之能够输入搜索的内容、搜索的目标(标题、留言内容、标题及内容三者做成下拉框)，按确定按钮开始搜索。实验要求：注意深刻理解教材留言板的例子，注意综合能力和改进教材的

27、例子，每1-2人一组。在所要求完成的内容中要用到两种模式，即JSP+JavaBean模式和JSP+Servlet+JavaBean模式。哪一新增功能要用到什么模式自己定。实验8：JSP开发中的技巧实验目的：1.通过编码和操作学会文件的读写与上传。2.通过实践掌握错误处理问题的解决方法。3.实践国际化问题的处理。实验内容：1.调试通过教材第10章的所有例子，每个例子对照源代码走一遍。2.编制一个具有多行文本框的html表单网页，运行时在其中输入JSP文件内容；3.编写上一步网页的处理页代码，使之能够将文本框中的内容存到服务器端，并做一个链接使之能够打开刚才存入的文件。这里写入的路径和链接文件的路

28、径是个难点。4.编制代码使之能够读入文件并进行修改、保存文件。5.编制网页使之能够上传JSP文件到服务器端并运行。6.在上述网页中，设置错误陷井，进行处理。7.尝试解决中文乱码问题及几种方法。实验要求：注意深刻理解教材文件操作与上传的例子。每1-2人一组。检查的内容包括文件的写入、读入修改、再写入，同时要求上传一个编好的JSP文件，并链接打开执行。数据库部分只需要调试通过第12章的程序，深刻理解。集美大学Web编程技术课程教学大纲 实验9：使用数据库和JDBC技术实验目的：掌握不同数据库的连接技术，熟悉常用接口的使用。实验内容：1.编制一个对数据库进行连接和增、删、改、查的通用JavaBean

29、。2.编制JSP程序，应用上述JavaBean，分别进行增、删、改、查。 3.采用另外一种数据库连接技术或数据库，重新进行上述两项工作。实验要求：每1-2人一组，完成上述工作时，要求较好的界面和良好的可操作性。实验10：XML环境、DTD和Schema实验目的：掌握文本编辑器Editplus、XMLspy的初步使用，能使用编辑器编制最简单的XML网页；掌握DTD的语法规则、编制和使用。了解Schema结构。实验内容：1.自选生活、工作或学习中的事物，采用EditPlus编制最简单的XML文档，用IE浏览。所选择的事物例如学院的教职工和学生情况，学生基本信息，本学期课程情况等。2.安装XMLsp

30、y并注册。3.在上述XML文件中加入内部DTD语句，用IE浏览;将内部DTD改为外部DTD或内外混合DTD后再行浏览。4.以现实中另一主题为例，编制最简单的DTD文件，然后需要该DTD的XML文件。5.练习用已知XML文件自动产生DTD文件。6.练习属性和元素的相互转换。7.自编上述DTD对应的Schema，练习Schema的编制和应用。实验要求：本次实习简单，要求按时交给教师验收,Schema部分只要求了解。实验11：数据岛和客户端的XML实验目的：练习使用数据岛和DSO显示XML元素，掌握客户端的XML。 实验内容：1.将教案文件夹下exa子文件夹中的第1章至第13章(文件夹ch1至ch13.拷贝到tomcat的webapps中新建的XML_exa文件夹下，并拷贝一个最简单、干净的WEB-INF结构到这个文件夹下，可以复制JSP课本中第一章实例文件夹下的WEB-INF文件夹。 2.以现实中某一主题为例，编制XML文件,可以采用上一次实验的XML文件，多输入几条记录，以备表格显示。