WEB数据库实验报告.doc

WEB 数据库技术实验报告 W EB D atabase T echnology Experiment Report 学生所在学院: 燕山大学信息学院学生所在班级: _ 学生姓名: ____ ________ 学号: 指导教师: 王开宇刘佳新李季辉教务处 2014 年 5月实验一客户端开发技术的设计:系统设计一:实验目的熟悉 HTML 语言和 javascript 语言,利用 myeclipse 设计自己用户界面。二:实验原理熟悉 HTML 语言和 javascript 语言,可以利用其编写出可实现的目标代码。熟悉 myeclipse 和 tomcat ,利用其建立自己的工程并实现相应的用户登录。三:实验内容 1 、安装 MyEclipse 和 Tomcat ,并配置好 Tomcat 服务器(可以用 MyEclipse 内置的 Tomcat 也可以用安装的 Tomcat ) 2 、在 MyEclipse 中新建一个 WEB Project ,起好自己工程的名字,然后建立相应的 界面,实现用户登录功能。四:实验代码<%@ page language = "java" import = ".*" pageEncoding = "utf-8" %> <% String path = (); String basePath = ()+ "://" +()+ ":" +()+path+ "/" ; %> <%@ page import = ".*" %> <! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML Transitional//EN"> < html >< head >< base href =" <%= basePath %> "> < title > 学生登陆系统</ title > < meta http-equiv = "pragma" content = "no-cache" > < meta http-equiv = "cache-control" content = "no-cache" > < meta http-equiv = "expires" content = "0" > < meta http-equiv = "keywords" content = "keyword1,keyword2,keyword3" > < meta http-equiv = "description" content = "This is my page" > <!-- <link rel =" stylesheet " type="text/ css " href =""> --> </ head > < script language = "javascript" > function check(){ if (( "id" ).value== "" ){ alert( " 请输入用户名! " ); return false ;} if (== "" ){ alert( " 请输入密码! " ); return false ;} return true ;} </ script >< body >< center >< h1 > 登陆界面— by </ h1 > < form id = "form1" name = "form1" method = "post" action = "" onsubmit = "return check()" >< label for = "name" ></ label > 学号: < input type = "text" name = "id" id = "id" /> < br /> < label for = "pwd" ></ label > 密码: < input type = "password" name = "pwd" id = "pwd" /> < br /> < input type = "submit" name = "submit" id = "submit" value =" 登录" /> <a href = '' > 注册登记</ a> </ form > </ center > </ body > </ html > 五:实验截图所建工程为: 登陆界面设