JavaWeb:简单的登录页面并实现在线用户人数增减问题

安何言兮

已于 2024-06-03 18:09:12 修改

阅读量360

点赞数

文章标签： html html5 css

于 2021-09-25 16:35:28 首次发布

本文链接：https://blog.csdn.net/qq_50906590/article/details/120473633

版权

这是一个简单的用户登录系统实现，包含HTML登录界面、Java后台处理登录验证和登录成功后的页面跳转。用户输入的账号和密码通过POST方法提交到login_result.jsp进行验证，成功后会跳转到success.jsp，显示欢迎信息并更新在线人数。若登录失败，则重定向到error.jsp显示错误信息。

摘要由CSDN通过智能技术生成

<%@ 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>
    <title>Title</title>
</head>
<body >

<center>
    <div>
        <img alt="" src="./img/1.png" width=1400 height=400>   <!-- 插入所选用的图片 -->
        <h1 style="color: blue">用户登录</h1>                    
        <form action="login_result.jsp" method="post">    <!-- action标签进行页面的连接 -->
            <table>
                <tr>
                    <td>
                        用户名:<input type="text" value="199000348" name="id">
                    </td>
                </tr>

                <tr>
                    <td>
                        密码:<input type="password" value="666" name="pass">
                    </td>
                </tr>
                <tr>
                    <td align="center">
                        <button type="submit">确定</button>
                        &nbsp;&nbsp;
                        <button type="reset">重置</button>
                    </td>
                </tr>
            </table>
        </form>

    </div>
</center>

</body>
</html>

login_result

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%
//1-获取页面上的登录信息
String id=request.getParameter("id");  //获取账号   request.getParameter获取   session.setAttribute保存
String pass=request.getParameter("pass");  //获取密码



//登录验证（此处为设置密码 写死）
String id_file="199000348";
String pass_file="666";


if (id.equals(id_file)&&pass.equals(pass_file)){ //&&且运算符 如果都成功则进行页面的跳转
    //登录成功，跳转到主页
    session.setAttribute("id",id);  //把账号保存到session变量中
    //上线处理(知识运用：application的读和写，数字和字符串的相互转换，Interger和String的使用)
    //读application变量，如果获取到的值是Null，说明是第一个人上线，当前在线人数为0，如果不是一个人上线，获取到在线人数后先转成数字
    //在线人数加1，然后把数字转会字符串格式
    

    int i=1;
    Object number=session.getAttribute("i");
    if(number==null){
        session.setAttribute("i", String.valueOf(i));  //i转化为string型进行保存 
                                                       // request.getParameter()中获得的类型是String类型的。
    }else{
        i=Integer.parseInt(number.toString());           //把字符串解析成有符号的int基本类型  
        i++;                                             // number.toString()：Number 对象转换为一个字符串  
        session.setAttribute("i",i);  // 保存
    }
    response.sendRedirect("success.jsp");  //页面跳转
    session.setAttribute("id",id);   // //把账号保存到session变量中
}else {
    //登陆失败，跳转到失败页
%>
    
    <jsp:forward page="error.jsp"></jsp:forward>
<%
}
%>

</body>
</html>

error

<%@ 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>
<title>Insert title here</title>
</head>
<body>
<center>
    <h1>
        登陆失败
        <br>
        用户名或密码错误
        <br>
        <a href="login.jsp">重新登陆</a>
    </h1>
</center>
</body>
</html>

success

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<%@ page language="java" contentType="text/html; charset=UTF-8 " import="java.util.Date"
    pageEncoding="UTF-8"%>
<html>
<head>
<title>Insert title here</title>
</head>
<body>
<%
    String name=(String) session.getAttribute("name");  
    Object number=session.getAttribute("i");
    int o=Integer.parseInt(number.toString());  // o用发来表示上页面数字的存储
    String id=(String) session.getAttribute("id");  //获取保存在session变量中的账号
%>

<center>
[<%=id %>]你好！<a href="exit.jsp">退出</a>
<br>
人数:<%=o %>
    登陆成功!
</center>


<%
Date now = new Date();
int year = now.getYear() + 1900;   //机器中默认从1900年开始计算年份
int month = now.getMonth()+1;  //因为在javascript中now取出的month比实际的月份小1，就好像数组的第一个元素下标是0一样
int date = now.getDate();
int day = now.getDay();
String week;  
switch(day){                   //getDay() 中 周一至周日：依次对应1234560
case 0:week = "星期日";break; 
case 1:week = "星期一";break;
case 2:week = "星期二";break;
case 3:week = "星期三";break;
case 4:week = "星期四";break;
case 5:week = "星期五";break;
default:week = "星期六";
}
%>
   今天是<%=year %>年<%=month %>月<%=date %>日<%=week %>;<br> 
 <a href = "http://www.baidu.com" target ="blank">百度</a><br>   
 <a href = "http://www.baidu.com" target ="blank">明细查询</a><br>   
 <a href = "http://www.baidu.com" target ="blank">知识详情</a><br>   
 <a href = "http://www.baidu.com" target ="blank">web开发</a><br> 

</body>
</html>

exit

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
<%    //有人退出之后人数减少的计算页面
    Object number=session.getAttribute("i"); //用户登录时保存的用户信息 当判断用户已经退出时 就可以删掉了
        session.removeAttribute("id"); //session的removeAttribute()方法将会删除session中指定的对象，
                                       //该方法与setAttribute()方法相对应。 找到对应的id进行删除
    int i=Integer.parseInt(number.toString());
        if (i!=0){
          i--;
          session.setAttribute("i",i);
          response.sendRedirect("login.jsp");
       }else{
          response.sendRedirect("login.jsp");
       }
%>
</body>
</html>

安何言兮

关注

0
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
JavaWeb:简单的登录页面并实现在线用户人数增减问题

login<%@ 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> <title&
复制链接

扫一扫