网站后台管理-登陆页面

2021年11月20日 阅读数:3
这篇文章主要向大家介绍网站后台管理-登陆页面,主要内容包括基础应用、实用技巧、原理机制等方面,希望对大家有所帮助。

 

1、要实现的功能javascript

   1.登陆页面有用户名和密码的验证,用户名和密码不能为空,长度在必定范围以内。java

   2.用户登陆后,将用户的登陆信息保存在session中。数据库

   3.注重安全性,不能在地址栏输入地址就能直接访问。安全

2、实现思路session

   1.登陆页面用javascript验证。ide

   2.用户的登陆信息是从数据库中查询获得的,当咱们执行数据库查询后,咱们是经过ResultSet来读取这些查询结果的,咱们不能直接把结果放到session中,因此咱们要用其余方式来存储这些查询到的结果,我能想到的就是用HashMap了,可是怎样把经过ResultSet得出的查询结果转化为一个Map类型呢,这个时候不要想的太复杂了,刚开始的时候我就想的太复杂了,想一想HashMap存储数据的方式,key-value键值对的方式来存储数据的,咱们只要选择一个适合的Key就行了,在作的时候我直接把用户名看成key把passwor做为value方法哦map中,而后把map放到session中,这样能行,可是这个key选择的很差,若是咱们也须要把用户名也保存在session中,那咱们应改用什么来做为用户名的key呢,因此咱们能够把数据库中 password这一列的列名做为key,password做为value,同理若是咱们须要把用户名放到session中咱们能够先把用户名这一列的列名做为HashMap的key,用户名做为value来存储数据。post

3.安全问题就很简单了,你们都知道get方式来提交密码是很不安全的,那咱们就用post方式来提交用户名和密码就好了,当取出用户名和密码的时候判断一下提交的方式是否是post就好了。spa

3、代码orm

1.先贴出登陆页面的js   ip

 

  
  
  1. <script type="text/javascript">  
  2.         function checkForm(){  
  3.             var name = documemnt.getElementById("name").value;  
  4.             var password = document.getElementById("pwd").value;  
  5.             if(name==""||null==name||name.length<5||name.length>20){  
  6.                 alert("用户名不能为空,且长度在5到20个字符之间");   
  7.                 return false;         
  8.             }  
  9.             if(password==""||null==password||password.length<5||password.length>16){  
  10.                 alert("密码不能为空,且长度在5到16个字符之间");  
  11.                 return false;  
  12.             }  
  13.             return true;  
  14.         }  
  15.     </script>