文档介绍：实验一客户端开发技术的设计:系统设计
一:实验目的
熟悉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>
五:实验截图
所建工程为:
登陆界面设计:
实验二基础语法·用户登录操作实现
一:实验目的
利用HTML语言和javascript语言基础语法来实现登录跳转功能。
二:实验原理
利用HTML语言和javascript语言基础语法,通过验证表单跳转到特定的程序进行具体
的处理,根据判断决定页面的重定向。
三:实验内容
(1)、,并在检查input输入后跳转。