《web开发技术实验》教学大纲

Experiments of Web Development Techniques

课程代码：BK002030学时：32学分：1

适用专业：课程性质：必修

撰稿人：张继军审定人：王鲁

一、实验课的性质与任务

《web开发技术实验》是课程《web开发技术》配套的实验课。通过实验将理论课程中所介绍的技术、方法，通过实验进一步加深理解和掌握，同时提高学生的实际编程能力和适应应用能力。

二、实验目的与要求

通过上机实验，训练学生计算机操作的基本技能，培养学生独立分析问题和解决问题的能力，从而达到理论联系实际的目的，使学生真正掌握所学的理论知识，并把基本概念和原理运用到工程实际中去。学生应能够独立完成小的应用程序的设计。

三、实验项目设置情况

四、各实验项目教学内容

实验项目一：web开发环境搭建与简单应用程序设计2学时

（一）实验目的要求

（1）学会搭建web开发环境搭建与简单应用程序设计

（2）掌握web应用程序开发的步骤、过程、部署、运行等操作。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

（1）下载和安装JDK、Tomcat和MyEclipse，配置Windows操作系统下的Java Web应用开发环境。

（2）安装MyEclipse，开发一个简单的JSP程序，并实现部署和运行

实验项目二：HTML的应用2学时

（一）实验目的要求

（1）掌握HTML的使用

（2）理解和掌握HTML常用标签的使用，并设计简单的网页程序

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

（1）表单设计案例——学生入校注册页面设计

（2）框架设计案例——多媒体播放系统设计

实验项目三：CSS与JavaScript的应用开发2学时

（一）实验目的要求

（1）掌握CSS的应用；理解和正握如何基于CSS实现页面的美化。

（2）掌握JavaScript的应用，理解和掌握JavaScript实现交互操作的实现。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

（1）利用CCS对注册页面实现修饰

（2）JavaScript实现输入验证实现输入验证

实验项目四：HTML+JavaScript +CSS+DIV 综合应用2学时

（一）实验目的要求

理解和掌握三种静态网页技术的整合应用。要理解每种技术的优点和特点，以及如何将三种技术整合应用。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

（1）JavaScript+CSS+DIV实现下拉菜单

（2）JavaScript +CSS+DIV实现表格变色

（3）在网页上显示当前时间（客户端机器），一秒刷新一次。

（4）延迟执行某段代码，如让网页3秒钟后转到网页http://www.163.com。

（5）在网页上显示当前日期, 星期（客户端机器）。如果时间在6:00－12:00之间，输出“早上好”；如果时间在12:00－18:00，输出“下午好”；如果时间在18:00－24:00之间，输出“晚上好”；如果时间在0:00－6:00，输出“凌晨好”。

实验项目五：JSP技术的基本应用2学时

（一）实验目的要求

（1）掌握JSP技术的基本原理和开发过程，理解和掌握JSP的内置对象的使用。

（2）理解JSP页面之间的关系（包含、转发、重定向）

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

1．应用Date函数读取系统当前时间，根据不同的时间段，在浏览器输出不同的问候语，例如上午0~12点之间输出“早上好”，同时把系统的年、月、日、小时、分、秒和星期输出到用户的浏览器。

2．加载文件，制作一个JSP文件，计算一个数的平方，然后再制作一个JSP文件，在客户端显示出来。要求，应用<jsp:include>动作加载上述的JSP文件并在客户端的“查看源文件”中观察源文件。该题目，是否可以采用include指令实现加载？为什么？

3．设计表单，制作读者选购图书的界面，当读者选中一本图书后，单击“确定”按钮，用“jsp:forward page=”语句将页面跳转到介绍该图书信息页面。

4．设计求任意两个整数和的Web程序，要求，用户通过提交页面（input.jsp）输入两个整数，并提交给一个sum.jsp程序，在sum.jsp中计算这两个数的代数和，如果代数和为非负数，则跳转到positive.jsp页面，给出“结果为正！”信息提示并显示计算结果，否则跳转到negative.jsp页面，给出“结果为负！”信息提示并显示计算结果。

实验项目六：JSP技术的综合应用2学时

（一）实验目的要求

应用JSP技术，设计实际应用程序。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

（1）网上答题及其自动评测系统

（2）设计简单的购物车应用案例

实验项目七：JDBC访问数据库的基本操作2学时

（一）实验目的要求

理解和掌握JDBC有关类及其接口的使用：

（1）驱动程序接口Driver及其使用

（2）驱动程序管理器DriverManager及其使用

（3）数据库连接接口Connection及其使用

（4）执行SQL语句接口Statement及其使用

（5）执行动态SQL语句接口PreparedStatement及其使用

（6）访问结果集接口ResultSet与处理

（7）释放资源

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

建立数据库lianxi，在该数据库下建立一个图书表book，图书包含信息：图书号、图书名、作者、价格、备注字段。

设计应用程序，完成图书信息的管理。主要完成图书信息的添加、查询、删除、修改等操作。

实验项目八：JDBC综合应用开发2学时

（一）实验目的要求

基于JDBC技术以及其他相关的技术，实现一个实际应用系统的开发，从而理解和掌握较大应用系统的开发思想、方法、步骤、技术等。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

设计一个简单的网上名片管理系统，实现名片的增、删、改、查等操作。该名片管理系统包括如下功能：

（1）用户登录与注册

用户登录：在登录时，如果用户名和密码正确，进入系统页面。

用户注册：新用户应该先注册，然后再登录该系统。

（2）名片管理

增加名片：以仿真形式（按常用的名片格式）增加名片信息。

修改名片：以仿真形式（按常用的名片格式）修改名片信息。

查询名片：以模糊查询方式查询名片。

删除名片：名片的删除由2种方式，即把名片移到回收站，把名片彻底删除。

（3）回收站管理

还原：把回收站中的名片还原回收。

彻底删除：把名片彻底从回收站删除。

浏览/查询：可以模糊查询、浏览回收站中的名片。

实验项目九：JavaBean技术的应用2学时

（一）实验目的要求

理解和掌握JavaBean技术及其应用。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

1．设计一个页面，用户在上面输入圆的半径，提交后显示出圆的周长和面积，要求设计圆的JavaBean类。

2．设计一个注册页面register.jsp，用户填写的信息包括：姓名、性别、出生年月、民族、个人介绍等，用户点击注册后将注册信息通过output.jsp显示出来。要求编写一个JavaBean，封装用户填写的注册信息。

实验项目十：Servlet技术与应用2学时

（一）实验目的要求

理解和掌Servlet的创建、配置以及运行等开发过程。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

1. 设计一个Web应用程序，当用户在提交页面上输入圆的半径，提交后显示出圆的周长和面积。

要求：

（1）使用Servlet，获取提交的信息，并计算求值，求值后跳转到显示结果页面。

（2）使用JavaBean类，并由Servlet，获取提交的信息，并计算求值，求值后跳转到显示结果页面。

2．设计一个注册页面register.jsp，用户填写的信息包括：姓名、性别、出生年月、民族、个人介绍等，用户点击注册后将注册信息通过output.jsp显示出来。要求，使用Servlet获取提交的信息，然后跳转到显示结果页面。

实验项目十一：JSP+Servlet+JavaBean综合应用2学时

（一）实验目的要求

理解和掌握JSP+Servlet+JavaBean技术的整合应用，理解不同技术之间的关系。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

（1）基于JSP+Servlet+JavaBean实现复数运算。

（2）基于JSP+Servlet+JavaBean实现用户注册与登录管理系统。

实验项目十二：基于JSP+Servlet+JavaBean+JDBC+DAO的Web架构设计图书管理系统——12学时

（一）实验目的要求

理解和掌握JSP+Servlet+JavaBean+JDBC+DAO的Web架构设计，并给出应用系统的设计。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

设计实现一个图书管理系统。图书信息存放到一个数据库中。图书包含信息：图书号、图书名、作者、价格、备注字段。

要求：基于JSP+Servlet+JavaBean+JDBC+DAO的Web架构设计该系统，进一步了解并掌握如何对数据库进行操作，以及如何分析、设计一个应用系统。

需求要求：

该系统的基本需求是，系统要实现如下的基本管理功能：

（1）用户分为两类：系统管理员，一般用户。

（2）提供用户注册和用户登录验证功能；其中一个登录用户的信息有：登录用户名，登录密码。

（3）管理员可以实现对注册用户的管理（删除），并实现对图书的创建、查询、修改和删除等有关的操作

（4）一般用户，只能查询图书，并进行借书、还书操作，每个用户最多借阅8本，即当目前借书已经是8本，则不能再借书了，只有还书后，才可以再借阅。

实验项目十三：基于JSP+Servlet+JavaBean+JDBC+DAO的Web架构设计图书管理系统——2 2学时

（一）实验目的要求

理解和掌握JSP+Servlet+JavaBean+JDBC+DAO的Web架构设计，并给出应用系统的设计。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

设计实现一个图书管理系统。图书信息存放到一个数据库中。图书包含信息：图书号、图书名、作者、价格、备注字段。

要求：基于JSP+Servlet+JavaBean+JDBC+DAO的Web架构设计该系统，进一步了解并掌握如何对数据库进行操作，以及如何分析、设计一个应用系统。

需求要求：

该系统的基本需求是，系统要实现如下的基本管理功能：

（1）用户分为两类：系统管理员，一般用户。

（2）提供用户注册和用户登录验证功能；其中一个登录用户的信息有：登录用户名，登录密码。

（3）管理员可以实现对注册用户的管理（删除），并实现对图书的创建、查询、修改和删除等有关的操作

（4）一般用户，只能查询图书，并进行借书、还书操作，每个用户最多借阅8本，即当目前借书已经是8本，则不能再借书了，只有还书后，才可以再借阅。

实验项目十四：EL、JSTL与Ajax技术应用2学时

（一）实验目的要求

理解和掌握EL、JSTL、Ajax技术的设计与应用

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

1．在First.jsp中输入username和userpass，表单提交给Second.jsp，假设用户名和密码是“abc”和”123”，则转到Third.jsp,显示问候语“***，你好”，否则转回到First.jsp，原来用户输入的用户名要保留，并有提示信息：“用户名或密码错误，请重新输入”，使用本章的技术实现。

2．利用Ajax技术实现表单输入信息的验证。以用户注册页面示例，在注册页面中需要对用户名和两次输入的密码进行验证，其中用户名是唯一的，不能重复，而两次输入的密码必须相同，只用这样的输入才是有效地。并且要求，用户名的格式是：字母开头，后跟字母或数字，长度至少6位，密码由数字组成，长度在6到10位之间。。

实验项目十五：过滤器和监听器技术的设计与应用2学时

（一）实验目的要求

理解和掌握过滤器、监听器技术的设计与应用，重点要理解他们的使用特点。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

1．编写过滤器实现：只允许客户端IP地址是219.218.*.*形式的访问站点，否则转到Error页面。

2．编写监听器监听请求对象的创建和销毁。

实验项目十六：Java Web实用开发技术的设计开发2学时

（一）实验目的要求

理解和掌握文件的上传、下载、以及分页技术的设计与应用。

（二）实验材料和仪器设备

每名学生在机房内有一台可以上网的计算机

（三）实验内容

（1）设计一个文件管理系统，要求：可进行文件上传和下载并能分页浏览文件信息。

（2）针对实验十二所给出的实验内容，实现其分页显示。

五、实验报告要求

对每个设计题目都给出设计报告，其格式内容包含如下内容：

1、设计题目与要求

2、系统分析

3、系统设计

4、系统实现

5、在开发设计中遇到的问题及其解决方法

6、总结

另外，必须将设计科运行的系统的源代码上传指定的服务器或邮箱。

六、课程考核方式及成绩评定

（一）考核方式

平时成绩：实验报告

结课后考试：闭卷考试

该课程与其理论课程同时考试，以同一个题目和评分要求给出。

（二）课程成绩评定办法

成绩构成：考勤20%//平时20%//考试60%

七、实验应配套的主要仪器设备及台（套）数（以一个实验教学班为标准）

每名学生需要一台计算机，且能够上网。

1、选用的教材：

张继军，董卫.Java Web 应用开发技术与案例教程[M]. 北京：机械工业出版社，2014.1。

2、主要参考书：

[1] 苏金国，江建 等译.Java EE 7 权威指南 卷1（原书第5版）[M].北京：机械工业出版社，2015.5

[2] 苏金国，江建 等译.Java EE 7 权威指南 卷2（原书第5版）[M].北京：机械工业出版社，2015.5

[3] 刘聪. 零基础学Java Web开发：JSP+Servlet+Struts+Spring+Hibernate+Ajax[M]. 机械工业出版社, 2008