翻开我的笔记本,记得东西挺多的,其中很大篇幅讲到用jsp写一个登录注册。
首先了解到一个拥有登录注册功能的小系统,至少是有三部分的,第一是前端页面,第二是中间的逻辑处理部分,第三就是数据库了。这里我使用eclipse集成环境建项目,用mysql做数据库。
准备工作如下:
1.用eclipse新建一个web project,这里取名Loging and Register 。
2.在数据库中新建一个test数据库,user表,用以存放用户的账号name和密码password。
接下来就开始写代码了。
首先我建一个jsp文件index.jsp,页面上有两个按钮,登录和注册,点击后就会在下方div标签中显示对应的页面。(这个处理其实并没有必要,存粹是博主想要练习ajax设定的。)
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Insert title here</title>
<script type="text/javascript">
function log()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","login.jsp",true);
xmlhttp.send();
}
function reg()
{
var xmlhttp;
if (window.XMLHttpRequest)
{
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 浏览器执行代码
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","register.jsp",true);
xmlhttp.send();
}
</script>
</head>
<body>
<button type="button" οnclick="log()">登录</button>
<button type="button" οnclick="reg()">注册</button>
<div id="myDiv" style="color:blue;"></div>
</body>
</html>
接下来先对注册页面rejister.jsp进行编写。
写一个很简单的表单(因为全部内容太过臃肿了ÿ