集美大学《Web编程技术》课程教学大纲.doc

集美大学Web编程技术课程教学大纲 课程名称中文：Web编程技术英文：Technology of Web Programming课程编号8107300学分/学时2.5/54所属教研室软件工程先修课程计算机概论、数据库程序设计、高级语言程序设计课程类型专业选修课考核方式闭卷开课专业软件工程教学目的和要求本课程是软件工程专业的重要专业课。按照学校的定位和培养应用型人才的目标，该课程的目的是让学生了解脚本语言和动态网页的发展及现状、特点和开发环境；掌握WEB程序设计思想和方法；熟悉主要的Web开发工具，具有较强的实战技能。学生学完本课程后，在校期间和毕业后能够直接上手从事相关研究，程序难度应达到专业级水平，超过网上大多数网站的水平。当前Web编程技术有微软公司ASP/ASP.NET和Sun公司JSP/JavaEE两大主流技术。综合起来有HTML、VBscript、JavaScript、ASP、XML、Java、JSP、JavaEE初步和ASP.NET八部分内容。分为HTMLVBScriptASPXMLASP.Net和HTMLJavaScriptJavaJSP XMLJavaEE两大系列。根据市场需求和专业方向需要，本大纲选择后者。基于Java的Web编程技术是目前软件行业Web编程的上乘主流技术，安全性好、分层架构和多平台适用等特点使其成为许多企事业单位开发信息系统和商业网站的首选技术。当前市场急需掌握这类技术的人才，全国高校陆续开设了这类课程，但都以网页制作、Java、JSP、XML和JavaEE等程序设计课程的形式开设。计算机科学与技术、软件工程和网络专业把几门课分开设置，知识系统性和连贯性不明显，且内容相互重叠，浪费课时；非计算机类专业授课时所限，讲授Web编程技术就只能开设其中一到两门，学生根本无法真正掌握这项技术。本课程内容由浅入深，把HTML、JavaScript、Java、JSP、XML、JavaEE六大知识板块融为一体，形成Web编程从入门到精通的捷径。课程整合各板块知识，融会贯通，突出主线条，避免各板块单独设课的内容重叠和课时浪费。HTML部分讲述HTML基本语法。JavaScript部分讲授其基本语法，包括变量声明、基本运算、流程控制、函数和对象等。Java语言部分介绍Java的基本语法、面向对象设计的概念、Applet、类的复用、常用Java类。JSP部分介绍JSP开发环境的搭建、表单处理、Servlet、JavaBean、Web中的数据库技术等。XML部分的内容有XML的基本语法、DTD、Schema、数据源对象和DOM等。JavaEE部分简介JavaEE架构、企业JavaBean、Struts、JSF、Spring和Hibernate等。本课程的教材从2008年2月起，采用“十一五”国家级规划教材Web编程技术JSP、XML和JavaEE，本校主编，科学出版社出版。本课程要求学生必须完成所选模块中2/3以上的实验，期末若未开设专门的课程设计，则应完成Web综合实验(设计一个完整的、可以实用的、中等以上难度的网站)，方能参加期末考试和总成绩评定。集美大学Web编程技术课程教学大纲 教学内容及基本要求（分章节）板块1:引论和HTML第1章 引论要求：了解网页设计技术的现状，理解动态网页和静态网页的概念，掌握ASP和JSP平台的搭建。重点：动态网页的概念，ASP和JSP平台的搭建。难点：JSP平台的搭建第2章 HTML基础语法要求：掌握HTML的基本语法，了解网页的修饰技术。重点：表格语法和表单语法。难点：表单语法板块2:JavaScript(自学为主，仅概要讲授2学时)第3章 JavaScript编程基础第4章 JavaScript对象编程第5章 浏览器对象与事件驱动第6章 客户端的交互技术要求：掌握JavaScript的基本语法，能够灵活运用内建对象和处理相应事件，了解其他对象，初步掌握动态效果的实现技术。重点：内建对象、事件响应和客户端验证。难点：客户端验证技术。板块3:Java语言(未先修时概要讲授，学生在用中自学)第7章 Java基本语法第8章 面向对象的编程第9章 类的复用第10章 抽象类和接口第11章 常用的Java类第12章 Java高级编程要求：掌握Java的基本语法，理解面向对象技术，学会类的编写和复用，掌握常用Java类和接口。重点：面向对象技术。难点：抽象类和接口板块4:JSP技术(必学)第13章 JSP指令要求：理解JSP的特点，掌握JSP开发环境，掌握常用JSP指令的使用，会制作简单的JSP网页。重点：JSP网页的特点、构成和常用指令。指令元素、脚本元素、动作元素。难点：JSP指令的参数。集美大学Web编程技术课程教学大纲 教学内容及基本要求（分章节）第14章 JSP内置对象要求：理解JSP的内建对象，能灵活地运用。重点：session、application、page等对象。难点：session和application的使用和区别。第15章 JSP表单处理要求：理解表单的作用和处理机制；学会各种表单控件的选择性使用，合理布局；能够在处理页获得表单数据，初步与数据库结合更新记录。重点：用脚本生成表单控件；表格的绘制和数据的填充；表单中数据的类型处理。难点：get和post方法的使用和区别；控件数组的运用；中文乱码的处理。第16章 Web中的数据库技术要求：理解JDBC的概念；掌握常用数据库的连接技术；会操作数据库(增删改查)；理解连接池的概念，学会熟练使用；了解分页技术；会使用存储过程。重点：数据库的连接和操作，连接池技术。难点：数据库的连接与操作。第17章 Servlet与表单要求：理解Servlet的运行机制，掌握Servlet常用接口、类及其方法。重点：Servlet的编制、运行，doGet和doPost方法的使用，Servlet的注册和初始化参数。难点：Servlet的注册和初始化参数。第18章 JavaBean技术要求：理解JavaBean的运行机制，JavaBean的分类及其作用；掌握JavaBean的开发方法；会结合Servlet运用JavaBean，了解MVC模式；掌握JSP+JavaBeans模式、JSP+Servlet+JavaBeans模式。重点：JavaBean的编制、实例化；代码的复用；初步掌握组件和模块化技术。难点：JavaBean的编写和引用，JavaBean与Servlet的结合，JSP+Servlet+JavaBeans模式。第19章 JSP其他常用技术要求：理解 Servlet上下文的概念，理解监听器和过滤器的机制和作用，掌握监听器和过滤器的编写和配置；学会在不同页面或者用户之间共享数据，能够处理错误页面、解决中文乱码问题，掌握文件的操作，能够在JSP中上传文件。重点：掌握监听器和过滤器的编写和配置；监听Http会话、对请求监听；服务器端文件的操作；网站设计应注意的问题。难点：监听器和过滤器的机制。注：标*号的为选学，全部作为一般了解和课后提高，由学生自主选择发展方向。板块5:XML技术(选学，一般情况下应当开设)第20章 XML基础要求：理解XML的定义、特点和数据结构，掌握XML标记语法和文档语法，了解XML的相关技术，理解XML名称空间的意义和作用，熟悉XML的开发应用环境。重点：XML标记语法和文档语法。难点：XML名称空间。第21章 XML文档类型定义要求：掌握DTD的定义和运用。集美大学Web编程技术课程教学大纲 教学内容及基本要求（分章节）重点：DTD属性和元素及其使用。难点：DTD实体。第22章 XML Schema结构要求：掌握Schema的定义、语法和初步运用。重点：Schema元素和属性的声明。难点：Schema语法。第23章 XML数据源对象要求：理解数据源对象的概念，掌握DSO的定义和在表格中的运用。重点：数据的邦定。难点：嵌套表格中数据源的运用。第24章 XML文档对象模型要求：理解DOM的概念，掌握客户端和服务器端XML的加载方法，熟悉XML节点接口的运用。重点：XML文档或字符串的加载。难点：XML节点接口的使用。板块6:JavaEE(不单独开设后续课程时必学)第25章 JavaEE基础要求：理解架构的概念，学会Web应用程序的分层；掌握JavaEE架构的特点，能进行JavaEE开发环境配置，创建和部署JavaEE应用程序。重点：JavaEE架构的特点，JavaEE应用程序的部署。难点：JavaEE应用程序的创建和部署。第26章 企业JavaBean要求：掌握企业Bean的定义，理解RMI和JNDI；学会编制会话Bean、实体Bean和消息驱动Bean，能进行EJB查询语言。重点：RMI和JNDI的概念，企业JavaBean的编制。难点：ejb的编制和运用。第27章 JavaEE轻量级框架技术要求：了解JavaEE轻量级框架技术的发展和业界应用现状，熟悉JavaEE多层框架结构，学会Struts、JSF、Spring和Hibernate技术。重点：JavaEE轻量级框架的分层技术，包括Struts、JSF、Spring和Hibernate技术等。难点：Spring和Hibernate技术。第28章 JSF+Spring+Hibernate整合应用要求：学会轻量级多层JavaEE架构分析，选择适当的架构和分层开发工具；学会JSF与Spring的整合，Spring与Hibernate的整合；初步掌握JSF+Spring+Hibernate整合应用技术。重点：JSF与Spring的整合，Spring与Hibernate的整合，。难点：JSF+Spring+Hibernate整合应用。集美大学Web编程技术课程教学大纲 课程实验大纲(必学部分)1.实验项目与学时分配序号实验项目学时必开/选开实验类型备注(必开实验)1Web的运行环境和简单的Web页2必开验证2JavaScript与客户端的技术2必开设计3JSP语法和内建对象的使用2必开设计4JSP表单处理2必开设计5Web中数据库技术的运用2必开设计6Serverlet技术2必开设计7JavaBean技术2必开设计8Web监听、过滤和文件操作2必开设计9Web综合实验2必开设计(选开实验，实验课时高于18时开设)X1XML环境、DTD和Schema2选开设计X2数据岛和客户端的XML2选开设计X3XML文档对象模型2选开设计注：Java语言板块，先前学过则不用做实验，若未学过，则仅作2学时概要讲授，由学生详细自学。JavaEE板块的实验，按目前集美大学培养计划，后续课程开设，在此从略。2.实验教学大纲(已细化，可代指导书)第一部分(必开实验)实验1：Web的运行环境和简单的Web页实验目的：学会用FrontPage/Dreamwaver开发工具编制网页，能使用Editplus文本编辑器修改网页代码；掌握Tomcat的安装、初步配置和运行。实验内容：1)把教师在01:8168 (用户名和密码均为课堂上所说)推荐并提供的Web开发工具, 安装在宿舍自己的机器上，做好初步配置。(课堂上教师要远程登录检查)2)用Frontpage或Dreamwaver,仿照教材例1-1、例1-2和例1-3编制带有表单和多项用户输入/选择的动态网页。可以在原来例子上修改增加而成。3)在Tomcat5下运行上述内容，以以真实IP地址形式的网址在其它机器上浏览自己的成果。实验要求：每人一组，先配置好教材上的范例程序，然后设计自己的的网页，环境务必搭建成功。实验2：JavaScript与客户端的技术实验目的：检验课堂引导和课后自学HTML与JavaScript两大知识板块的效果，掌握静态HTML网页的制作；学会JavaScript脚本语言的嵌入和运行机制；学会使用表单控件和表格元素；学会JavaScript面向对象编程和客户端交互技术；掌握利用JavaScript检验客户端数据输入的合法性。实验内容：集美大学Web编程技术课程教学大纲 1)在教师略讲/跳讲教材第2至第6章的情况下，实验前自学这些章节，下载教材上的例子，配置，运行，体会结果，按照自己的意图反复修改和运行。2)编写学生信息录入网页，使之能够录入学生的各项信息(学号、账号、密码、姓名、性别、年龄、籍贯、住址、特长、爱好、政治面貌、电话号码、电子邮箱、简历、备注等)，注意选用适当的表单控件。3)编写能够检验用户输入信息合法性的JavaScript程序，嵌入到上述网页。4)编制处理上述用户数据的网页，使之能够反馈户数据。5)设计网页和脚本，接收用户输入的3位学生的姓名和该位学生4门功课的成绩，然后在页面上显示出各位学生的总成绩和各门功课的平均成绩，各门课程的平均成绩。6)编写脚本，打开网页时用警示对话框显示“欢迎光临！”；关闭该窗口提示是否关闭，并按用户的操作给予响应的动作，即按“是”按钮则关闭，否则不关闭。实验要求：每人一组，先配置好教材上第1至第6章的范例程序，然后设计自己的的网页。尽可能做到界面美观、使用方便。注意使用框架网页等项技术。实验的多项结果要方便教师验收。实验3：JSP语法和内建对象的使用实验目的：认识JSP的构成、学会使用指令元素、脚本元素和动作元素。掌握页面的跳转、包含等技术；认识out、request、response、session、application等JSP內建对象，学会使用內建对象。实验内容：1.下载教材上的例子，配置，运行，体会结果，按照自己的意图反复修改和运行。2.编写一个可以打印出九九表的JSP网页，要求对齐和一定的修饰。3.编写一个可以打印出空心或实心菱形的JSP网页。4.仿照教材例题,编制输入和显示学生基本信息(学号、姓名、性别、年龄、籍贯、住址、政治面貌、电话号码、电子邮箱等)的JSP网页。5.仿照教材例子并修改其数据库，编制一个“干净”(不要例子中的复杂界面)的登录程序(包括含表单的页面和处理表单的页面)，建立表示登录成功的session变量。6.接上一步，建立登陆后所进入一个主页，在主页上建立几个链接页。要求所有页面没有登录过者不能从中间进入(盗入)，由登录成功的session变量控制。7.在登录页上建立网站计数器并显示，在不同的机器上登录几次，体会结果。8.向主页链接一个页面，这个页面全部是out对象写出来的。9.编制一个具有错误的页面，指定和编制相应的errorPage，体会运行结果。10.编制一个具有时间显示的页面，利用response对象定时刷新页面，体会运行结果。实验要求：每人一组，最好每个内建对象都要用到，注意代码书写格式和界面方便检查。实验4：JSP表单处理实验目的：学会JSP表单必要的客户端验证，掌握不同类型数据的接收处理，了解表单数据与数据库的结合。实验内容：1.按照实验3中的学生基本信息设计表单。2.编写客户端验证函数，作必要的验证。3.编写服务器端接收表单数据并存入数据库的代码。4.自学第16章的内容，完成实验3中的用户登录程序的服务器端验证。实验要求：每人一组，表单控件应当根据内容合理选择，邮箱要验证是否规范，其它需要客户端验证的内容要做相应处理。集美大学Web编程技术课程教学大纲 实验5：Web中数据库技术的运用实验目的：掌握不同数据库的连接技术，熟悉常用接口的使用，掌握数据的增删改查技术和分页技术，了解连存储过程技术。实验内容：1.对学生信息系统(或自选其他系统)，编制对数据库进行连接和增、删、改、查的程序。2.对学生信息系统(或自选其他系统)编制表格型多条录入程序，使之一次可以在界面上按表格填多条记录。3.编写接收上述多条记录数据的程序，并存入数据库。4.分别采用JDBC普通连接法、JDBC-ODBC桥接法、连接池法尝试上述页面的数据库连接。5.分离上述连接数据库的代码段，写成包含文件，再采用包含法插入各个需要数据库连接的页面。6.编写上述系统信息分页显示的程序。7.在上述页面中选择1-2个页面采用存储过程实现。实验要求：每1-2人一组，完成下述工作时，要求不能偷懒，各种尝试都要做。实验6：Serverlet技术实验目的：1.通过编制使用Servlet的网页，掌握Servlet的编制、配置和灵活运用。2通过编制Java类使用HttpServlet处理客户端请求;3学会Jcreator的使用。实验内容：1.在JSP网页中编制两个表单(或者分别作成一页)，一个采用一组四个单选钮分别表示集美大学应该更改的新校名，进行投票，用get方法提交处理；另一个内容自定，用post方法提交处理。2.分别在数据库中建立相应的表；3.编制上述用get方法和post方法处理请求的java程序，分别仿照教材例程，但是都要采用教材例程的方法初始化数据库参数，还要把提交的内容存入数据库。注意在web.xml中配置数据库参数。4.另编一页察看学校更名投票结果，分别绘制四种观点的横向的百分比矩形图。5.在上述第一个网页中插入计数器,使用Application对象，要使网页刷新后计数器不增值，方法是第一次进入该页后保留session变量作标志，以后再刷新或重新进入这一页，判断这个标志，决定计数器是否加1。彻底退出这个网站后重新进入该页计数器才能加1。6.有余力的同学，可以在学校更名投票方面改进，不许重复投票，解决的方法有多种，自行想办法。实验要求：注意教师课堂上的提示，注意综合能力的运用和自行发挥，每1-2人一组。实验7：JavaBean技术实验目的：(1)认识JavaBean,掌握JSP中使用JavaBean的方法。(2)练习Web综合设计方法。附加目的：初步了解网站整体架构的建立。实验内容：1.以现实生活中某一主题建立数据库管理系统，认真设计数据库关联和各表的结构。2.搞清WEB-INF和web.xml的作用。分析教材综合例子结构，准备建立自己项目的结构。3.构思界面和功能模块。集美大学Web编程技术课程教学大纲 4.构思和设计项目中可重用(复用)的构件或可分立的模块，编制成JavaBean，以备调用。5.全面完成项目的各个页面并进行调试。实验要求：每1-2人一组，先理解弄通教材上的综合范例程序，然后做有关部分，系统不要太大，控制在20个界面左右，但要实现增删改查。实验8：Web监听、过滤和文件操作实验目的：1.通过开发具有监听功能的类，部署监听器，初步掌握监听器的使用。2.通过开发具有过滤功能的类，部署过滤器，初步掌握过滤器的使用。3.练习Web程序中文件系统的操作，熟练实现文件的上传和打开。实验内容：1.调试通过教材的监听和过滤实例程序，体会监听和过滤效果。2.更改教材实例，用于前面的某个实验的监听和过滤。3.编制界面和后台处理程序，使之能够实现服务器端文件的创建、打开、写入、修改，并且编制文件上传的页面。实验要求：每1-2人一组，先配置好教材上的范例程序，然后编制有关监听和过滤的程序，文件上传可以到网上寻找理想的第三方组件。实验9：Web综合实验实验目的：综合练习高级Web编程技术，全面掌握网站的总体设计、分支模块，编制实用的中等难度的网站。 实验内容： 1.自选现实中某一事物编制B/S方式(基于Web)的信息管理系统(如学生成绩管理系统、图书管理系统、小型店面商品管理系统等)，进行总体规划和设计。 2.进行数据库的设计。 3.完成各分支模块（录入、查询、修改、删除等，注意不同登录者权限不同）的设计。4.进行容错和陷阱处理，防止用户可能的操作引起的异常。5.全面调试，完成设计。实验要求：要求对网站进行全盘规划、总体设计，并对分支模块进行详细设计。要有前台页面，还要有后台管理。要比实验7复杂，难度大得多，综合运用所学知识。附加说明：本次实验工作量大、内容繁多，实验报告只需概要性写出，侧重于总体设计、功能分布。对于具体模块设计，不要面面俱到，分析个别关键性代码即可。第二部分(选开实验)实验X1：XML环境、DTD和Schema实验目的：掌握文本编辑器Editplus、XMLspy的初步使用，能使用编辑器编制最简单的XML网页；掌握DTD的语法规则、编制和使用。了解Schema结构。实验内容：1.自选生活、工作或学习中的事物，采用EditPlus编制最简单的XML文档，用IE浏览。所选择的事物例如学院的教职工和学生情况，学生基本信息，本学期课程情况等。2.安装XMLspy并注册。3.在上述XML文件中加入内部DTD语句，用IE浏览;将内部DTD改为外部DTD或内外混合DTD后再行浏览。4.以现实中另一主题为例，编制最简单的DTD文件，然后需要该DTD的XML文件。集美大学Web编程技术课程教学大纲 5.练习用已知XML文件自动产生DTD文件。6.练习属性和元素的相互转换。7.自编上述DTD对应的Schema，练习Schema的编制和应用。实验要求：每1-2人一组，Schema部分只要求了解。注意XML元素相当于