示例如下：

1.登录-即为对数据库中的内容给予查询，并验证html中的信息与数据库是否匹配；
2.注册-即为对数据库中的内容进行插入，注册帐号与密码；
3.修改密码-即为对数据库中的内容进行修改。

这三个操作，我用了8个php和html文本来建立 具体见代码部分
1.登录的主界面index.html：

 
 
 
 
 
 
form { 
 text-align: center; 
} 
 
 
 
  
 用户名
 密码
   
 
  
 
  
 function enter() 
 { 
 var username=document.getElementById("username").value;//获取form中的用户名 
 var password=document.getElementById("password").value; 
 var regex=/^[/s]+$/;//声明一个判断用户名前后是否有空格的正则表达式 
 if(regex.test(username)||username.length==0)//判定用户名的是否前后有空格或者用户名是否为空 
 { 
 alert("用户名格式不对"); 
 return false; 
 } 
 if(regex.test(password)||password.length==0)//同上述内容 
 { 
 alert("密码格式不对"); 
 return false; 
 } 
 return true; 
 } 
 function register() 
 { 
 window.location.href="register.html";//跳转到注册页面 
 } 
  
 

2.登录的后台操作enter.php：

 
 
 
  
  
 
 
  
  
 alert("用户名不存在"); 
 window.location.href="index.html"; 
  
  
  
 alert("密码错误"); 
 window.location.href="index.html"; 
  
  
  
 window.location.href="welcome.php"; 
  
  
 

3.登录成功后的欢迎界面welcome.php：

 
 
 
 
 
 
 
 
 
欢迎登录
 
您的ip： 

 
您的语言： 
 

 
浏览器版本： 
 
退出登录 
 
 
 alert("退出登录"); 
 window.location.href="exit.php"; 
 
 

 
 修改密码 
 
 

4.修改密码的主界面alter_password.html：

 
 
 
 
 
 
 form{ 
 text-align: center; 
 } 
 
 
 
  
  
 用户名
 旧密码
 新密码
 确认新密码
  
  
  
 document.getElementById("username").value="" 
  
 
  
 function alter() { 
 
 var username=document.getElementById("username").value; 
 var oldpassword=document.getElementById("oldpassword").value; 
 var newpassword=document.getElementById("newpassword").value; 
 var assertpassword=document.getElementById("assertpassword").value; 
 var regex=/^[/s]+$/; 
 if(regex.test(username)||username.length==0){ 
 alert("用户名格式不对"); 
 return false; 
 } 
 if(regex.test(oldpassword)||oldpassword.length==0){ 
 alert("密码格式不对"); 
 return false; 
 } 
 if(regex.test(newpassword)||newpassword.length==0) { 
 alert("新密码格式不对"); 
 return false; 
 } 
 if (assertpassword != newpassword||assertpassword==0) { 
 alert("两次密码输入不一致"); 
 return false; 
 } 
 return true; 
 
 } 
  
 

5.修改密码的后台操作alter_password.php：

 
 
 
 
 
 
 
  
  
 alert("用户名不存在"); 
 window.location.href="alter_password.html"; 
  
  
  
 alert("密码错误"); 
 window.location.href="alter_password.html"; 
  
  
 
 
  
 alert("密码修改成功"); 
 window.location.href="index.html"; 
  
 

6.注册帐号的主界面register.html：

 
 
 
 
 
 
form { 
 text-align: center; 
} 
 
 
 
 
  
 用户名
 
 密码
 
 确认密码
 
  
 
  
 
  
 function check() { 
 var username=document.getElementById("username").value; 
 var password=document.getElementById("password").value; 
 var assertpassword=document.getElementById("assertpassword").value; 
 var regex=/^[/s]+$/; 
 
 if(regex.test(username)||username.length==0){ 
 alert("用户名格式不对"); 
 return false; 
 } 
 if(regex.test(password)||password.length==0){ 
 alert("密码格式不对"); 
 return false; 
 } 
 if(password!=assertpassword){ 
 alert("两次密码不一致"); 
 return false; 
 } 
 } 
  
 

7.注册帐号的后台操作register.php：

 
 
 
 
  
 
 
  
  
 alert("用户已存在"); 
 window.location.href="register.html"; 
  
  
  
 alert("注册成功"); 
 window.location.href="index.html"; 
  
 
 
 

8.非法登录时退出登录的操作exit.php：

 
 
 
 
 
 
 
 
 window.location.href="index.html"; 
 
 

9.mysql数据库搭建部分