中国矿业大学web技术实验报告 - 图文

中国矿业大学计算机学院

2013 级本科生课程报告

课程名称 Web技术

学生姓名 学号 专业

任课教师廖红梅

报告时间 2016.11.1

目录

实验一、静态web页面设计实验 .................................................... 1 1 实验要求 .......................................................................................... 1 2 实验目的 .......................................................................................... 1 3 详细设计 .......................................................................................... 1

3.1 实验内容 ................................................................................ 1 3.2 实验步骤 ................................................................................ 1

3.2.1 环境的搭建 .................................................................. 1 3.2.2 建立Web工程并进行网页设计 ................................ 2 3.2.3 网页设计 ...................................................................... 2

4 设计心得 ........................................................................................ 17 实验二、动态web页面设计实验 ................................................... 18 1实验要求 ......................................................................................... 18 2实验目的 ......................................................................................... 18 3详细设计 ......................................................................................... 18

3.1实验内容 ............................................................................... 18 3.2实验步骤 ............................................................................... 18

3.2.1 将html改写成JSP ................................................... 18 3.2.2 JSP内置对象的使用以及内置对象的作用域 ........ 20 3.2.3设计JavaBean并实现服务器端的验证 ................... 21 3.2.4 使用session对象实现登录、注销功能................ 26 3.2.5 练习使用客户端跳转、服务器端跳转 .................... 29

3.3 实验结果截图 ...................................................................... 29 4设计心得 ......................................................................................... 35 实验三、Web数据库实验 ............................................................... 36 1实验要求 ......................................................................................... 36 2实验目的 ......................................................................................... 36 3详细设计 ......................................................................................... 36

3.1实验内容 ............................................................................... 36 3.2实验步骤 ............................................................................... 36

3.2.1数据库的设计 ............................................................. 37 3.2.2 DAO模式的设计 ....................................................... 39 3.2.3 Servlet与jsp界面的交互设计 .................................. 49 3.2.4不同类型用户的登录控制的实现 ............................. 64 3.2.5 Servlet过滤器的实现 .............................................. 65 3.2.6登录时间和次数的记录 ............................................. 67 3.3 实验结果截图 ...................................................................... 68 4设计心得 ......................................................................................... 83

《Web技术》实验报告

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

1实验要求

1、使用HTML 5 开发Web静态页面。按照HTML 5的规范设计与开发网站。 2、练习HTML 5的新HTML5新特性和效果。 3、练习使用Web页面开发工具。（MyEclipse、Dreamwear、VS.NET或其它） 4、完成实验报告和实验成果。

2 实验目的

1.配置Web(TOMCAT)服务器，了解Web工作原理。 2.熟悉常用HTML 5标记的含义，能够熟练使用这些标记设计静态Web页面，实现Web页面上的各种元素的合理布局，如表单、表格、图片以及框架等标记的使用。

3.了解 CSS样式表的定义和使用方法，能够使用CSS美化和布局Web页面。 4.掌握JavaScript脚本语言的基本语法。

5.能够使用JavaScript 与浏览器对象进行交互。 6.能够使用JavaScript处理表单和表单元素事件。

3 详细设计

3.1实验内容

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

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

3.使用JavaScript脚本对注册页面进行验证，防止错误数据输入。 4.使用一些JavaScript脚本实现网面部分内容的动态显示，加入时钟等（不限于此）。

3.2实验步骤

3.2.1 环境的搭建

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

1