中国矿业大学web技术实验报告11x.docx

最新精品文档，知识共享！

最新精品文档，知识共享！

中国矿业大学计算机学院

2013 级本科生课程报告

课程名称 Web技术

学生姓名

学 号

专 业

任课教师 廖红梅

报告时间 2016.11.1

目录

实验一、静态web页面设计实验 1

实验要求 1

实验目的 1

详细设计 1

实验内容 1

实验步骤 1

环境的搭建 1

建立Web工程并进行网页设计 2

网页设计 2

设计心得 17

实验二、动态web页面设计实验 18

实验要求 18

实验目的 18

详细设计 18

实验内容 18

实验步骤 18

将html改写成JSP 18

JSP内置对象的使用以及内置对象的作用域 20

设计JavaBean并实现服务器端的验证 21

使用session对象实现登录、注销功能 26

练习使用客户端跳转、服务器端跳转 29

实验结果截图 29

设计心得 35

实验三、Web数据库实验 36

实验要求 36

实验目的 36

详细设计 36

实验内容 36

实验步骤 36

数据库的设计 37

DAO模式的设计 39

Servlet与jsp界面的交互设计 49

不同类型用户的登录控制的实现 64

Servlet过滤器的实现 65

登录时间和次数的记录 67

实验结果截图 69

设计心得 84

实验要求

实验一、静态web页面设计实验

1、使用HTML5开发Web静态页面。按照HTML5的规范设计与开发网站。

2、练习HTML5的新HTML5新特性和效果。

3、练习使用Web页面开发工具。（MyEclipse、Dreamwear、VS.NET或其它）

4、完成实验报告和实验成果。

实验目的

配置Web(TOMCAT)服务器，了解Web工作原理。

熟悉常用HTML5标记的含义，能够熟练使用这些标记设计静态Web页面，实现Web页面上的各种元素的合理布局，如表单、表格、图片以及框架等标记

的使用。

了解CSS样式表的定义和使用方法，能够使用CSS美化和布局Web页面。

掌握JavaScript脚本语言的基本语法。

能够使用JavaScript与浏览器对象进行交互。

能够使用JavaScript处理表单和表单元素事件。

详细设计

实验内容

能够独立安装Web服务器,TOMCAT，理解Web服务器的常用配置，并利用其搭建网站，设计一组静态的网页，至少5个页面，其中包括1个注册页面。

利用CSS技术布局并美化页面。

使用JavaScript脚本对注册页面进行验证，防止错误数据输入。

使用一些JavaScript脚本实现网面部分内容的动态显示，加入时钟等

（不限于此）。

实验步骤

环境的搭建

Java环境的搭建：首先下载javajdk1.8，并进行安装，然后进行相应的环境配置即在环境变量中创建一个新的变量名为JAVA_HOME，输入jdk的安装路径如图所示：

然后在path中添加%JAVA_HOME%/bin;

在classpath中添加.

;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar

安装Myeclipse

在这里用的是Myeclipse2016stable1.0安装过程及破解过程不再赘述

配置tomcat

在环境变量中添加一个新变量CATALINA_HOME

变量值为tomcat的安装路径（在这里用的是解压缩版）然后在path变量中添加%

CATALINA_HOME%\bin;%CATALINA_HOME%\lib即可完成

（由于后续的运行中发现tomcat8和Myeclipse并不兼容，但可以和eclipse

兼容，所以在Myeclipse中使用的是eclipse自带的tomcat7）

建立Web工程并进行网页设计

通过File-new-WebProject即可建立一个web工程。建立好后如图所示：

然后通过File-new-other中找到HTML建立一个新的HTML

网页设计

第一个静态页面——MyHtml.html页面效果如下：

源码如下：

!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN/TR/xhtml1/DTD/xhtml1-transitional.dtd

htmlxmlns=/199