Chinaunix首页 | 论坛 | 博客
  • 博客访问: 461798
  • 博文数量: 226
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2111
  • 用 户 组: 普通用户
  • 注册时间: 2014-06-20 09:02
个人简介

web web web

文章分类

全部博文(226)

文章存档

2020年(2)

2019年(1)

2018年(3)

2017年(26)

2016年(57)

2015年(60)

2014年(77)

我的朋友

分类: Web开发

2014-08-12 08:48:28

静态的登录界面的设计login.htm,代码如下:
<html>
<head>
   
<title>系统登录title>
   
<style type="text/css">

   
style>
head>
<body bgcolor="papayawhip"  width="300" height="300">
   
<center>
   
<table border="2" bordercolor="black" bgcolor="lightgreen">
   
<tbody>
   
<tr>
   
<td><div align="center" class="style1 style2">系 统 登 录
     
div>td>
   
tr>
   
<form action="login.jsp" method="post">
       
<tr>
       
<td height="28"><span class="style5">用户名span>            <input type="text" name="uid" maxlength="20" style="width:150">td>tr><br>
       
<tr>
       
<td><span class="style5">  span>        <input type="password" name="upwd" maxlength="20" style="width:150">td>tr><br>
       
<center>
       
<tr><td><div align="center">
             
<input type="submit" value="登录" >  
             
<input type="reset" value="取消">
         
div>td>tr>
       
center>
   
form>
   
   
tbody>
   
table>
   
center>
body>
html
>
            

将登录用户输入的信息提交到login.jsp页面机型处理,这里为了方便,不执行数据库的访问操作,直接使用sky2098作为登录用户名和密码,但在实际中是要从数据库中读取的,该jsp页面代码实现如下:
 <%@ page contentType="text/html;charset=GB2312"%>
<%
   
if(request.getParameter("uid").equals("sky2098")&&request.getParameter("upwd").equals("sky2098")){
        session.setAttribute(
"login","ok");
        session.setMaxInactiveInterval(
-1);
%>
<jsp:forward page="main.jsp"/>
<%
    }
else{
            out.println(
"用户名或密码输入错误!");
}
%>

如果登录成功,则设定login的值为ok,提交到下一步验证页面,则进入main.jsp页面,否则,如果输入的用户名和密码不合法就打印错误信息,main.jsp页面代码如下:
 <%@ page contentType="text/html;charset=GB2312"%>
<%@ include file="checkvalid.jsp" %>
<html>
   
<head>
       
<title>~WELCOME TO MY HOMEPAGE~title>
   
head>
   
<body>
   
<center>
    ~WELCOME TO MY HOMEPAGE~
   
center>
   
body>
html>

这个页面使用<% @ include file="checkvalid.jsp" %>包含了一个jsp页面checkvalid.jsp为了验证输入信息的合法性:
 <%
if(session.getAttribute("login")==null||!session.getAttribute("login").equals("ok")){
        response.sendRedirect(
"login.htm");
}
%>


如果输入信息有误,则回到登录页面,重新输入登录信息。

测试登录功能。

启动Tomcat服务器,在IE地址栏中键入URL为:

可以看到登录界面,如图所示:


键入用户名sky2098,密码sky2098,点击“登录”提交信息,如图所示:



如果输入的用户名或者密码错误,则提示信息如图所示:



这样,就实现了简单的登录验证功能。

阅读(1229) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~