《Web应用系统开发》实验指导书

《Web应用系统开发》课程实验指导书

实验一 Web应用系统开发环境的搭建

一、实验目的：

熟悉Web应用系统开发环境，部署运行简单的Web应用系统。

二、实验内容：

介绍Web应用系统开发环境的搭建步骤，包括JDK安装，设置环境变量，Tomcat安装，MyEclipse安装等。

在MyEclipse集成开发环境下部署运行实例程序。

三、实验要求：

1. 部署运行实例程序

2. 写出实验报告，要求对程序结构做出详细的解释。

四、实验学时：2学时

五、实验步骤：

1．安装JDK，设置环境变量；

2. 安装Tomcat；

3. 安装MyEclipse，完成相关配置；

4. 恢复数据库，建立ODBC数据源

4. 在MyEclipse中部署bookshop实例程序（通过COPY）；

5. 运行程序，观察运行情况和输出结果。

六、选作实验

教科书P108 第2题。

实验二 HTML、CSS及XML基础训练

一、实验目的：

编写HTML网页，熟悉并掌握HTML常用标签的使用，掌握CSS的语法和应用。二、实验内容：

在MyEclipse环境下编写HTML代码，应用CSS技术。

三、实验要求：

1. 熟悉并掌握HTML常用标签的使用，掌握CSS的语法和应用；

2. 编写HTML代码，实现指定效果的网页；

3. 写出实验报告。

四、实验学时：2学时

五、实验步骤：

1．进入MyEclipse环境，新建一个Web Project；

2. 新建一个HTML网页，达到第4章习题图4-20的效果；

3. 新建一个HTML网页，使用不同的CSS应用方式，完成第5章习题中图5-15的内

容；

六、选作实验

编制一个XML文件，存储图5-16的数据，并采用XSL技术，以表格的方式显示。

实验三 JavaScript基础训练

一、实验目的：

编写JavaScript代码，熟悉并掌握JavaScript的基本语法、控制结构及函数，掌握JavaScript内置对象、浏览器对象及自定义对象的使用

二、实验内容：

在MyEclipse环境下编写JavaScript代码，调入或嵌入HTML页面中。

三、实验要求：

1. 熟悉并掌握JavaScript的基本语法、控制结构及函数；

2. 掌握JavaScript内置对象、浏览器对象及自定义对象的使用；

3. 将JavaScript代码嵌入或调入HTML页面，并完成指定效果；

4. 写出实验报告。

四、实验学时：2学时

五、实验步骤：

1．进入MyEclipse环境，新建一个Web Project；

2. 新建一个HTML网页，网页上有一个姓名输入框、性别输入框和一个提交按钮，要

求用户提交时检查姓名不能为空且性别必须是“男”或“女”，如果不符合标准则提示错误；

3. 新建一个HTML网页，实现鼠标移动时，一行文字跟随鼠标移动；

六、选作实验

补充完成P108第5题，实现计算功能。

实验四 JSP基本语法训练

一、实验目的：

编写JSP代码，熟悉并掌握JSP的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作。

二、实验内容：

在MyEclipse环境下编写JSP代码，运用JSP的基本语法、控制结构、表达式、脚本段、JSP指令及JSP动作完成相应的功能，调试运行程序。

三、实验要求：

1. 熟悉并掌握JSP的基本语法、控制结构、表达式、脚本段；

2. 熟悉并掌握JSP的指令及JSP动作；

3. 运用各项JSP技术完成规定功能；

4. 写出实验报告。

四、实验学时：2学时

五、实验步骤：

1．进入MyEclipse环境，新建一个Web Project；

2. 完成P183上机练习的第1、2、3题；

3. 调试运行程序；

六、选作实验

1. 完成P183上机练习的第7题。

实验五 JSP内置对象编程1

一、实验目的：

编写JSP代码，熟悉并掌握JSP的内置对象：request、response、out、session的使用。

二、实验内容：

在MyEclipse环境下编写JSP代码，运用JSP的内置对象：request、response、out、session 完成相应的功能，调试运行程序。

三、实验要求：

1. 熟悉并掌握JSP的内置对象；

2. 运用各种JSP内置对象完成规定功能；

3. 写出实验报告。

四、实验学时：2学时

五、实验步骤：

1．进入MyEclipse环境，新建一个Web Project；

2. 完成P219上机练习的第3题，完成3个页面的设计：第一个页面入图8-23，第二个

页面显示用户在第一个页面中的选择，第三个页面给出答案；

3. 调试运行程序；