功能介绍：

登录界面包含用户、密码，输入已经设定好的用户名和密码，点击登录，然后判断是否输入正确，如果正确就会输出成功登录界面，否则就弹出用户名或密码错误的字样，然后可以点击注销按钮回到其实登录界面，由于在cookie中保存了用户名，会自动填入之前保存的用户名。同时界面还包含了显示页面的访问次数。

登录界面：

登录成功界面：

密码或者用户名错误时报错

点击注销自动回到原来的登录界面，并自动输入刚刚登录的用户名

代码如下

userLogin.jsp（包含登录界面和注销后的自动输入用户名）

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>userLogin</title>
</head>
<body>
<%String msg = "";if(request.getAttribute("msg")!=null){msg=(String)request.getAttribute("msg");}Cookie[] cookies=request.getCookies();String username="";if(cookies != null){for(Cookie cookie : cookies){if(cookie.getName().equals("userName")){username = cookie.getValue();break;} }}
%><span style="color:red;"> <%= msg %> </span><form method ="post" action="loginSuccess.jsp"><p><label>用户:</label><input type ="text" name="userName" value ="<%=username %>"></p><p><label>密码:</label><input type="password" name= "userPwd"></p><input type="submit" value="登录">
</form>
<%Object count = application.getAttribute("count");if(count ==null){application.setAttribute("count",new Integer(1));}else{Integer i =(Integer)count;application.setAttribute("count",i.intValue()+1);}Integer icount =(Integer)application.getAttribute("count");out.println("页面被访问了"+icount.intValue()+"次");
%>
</body>
</html>

loginSuccess.jsp（判断密码是否正确）

<%@ page language="java" contentType="text/html; charset=UTF-8"pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>loginSuccess</title>
</head>
<body>
<%request.setCharacterEncoding("UTF-8");String userName = null;String userPwd = null;userName = request.getParameter("userName");userPwd = request.getParameter("userPwd");if("lnc".equals(userName)&&"123".equals(userPwd))//设置密码{    Cookie cookie =new Cookie("userName",userName);response.addCookie(cookie);session.setAttribute("userName", userName);  //存储在session中session.setAttribute("userPwd", userPwd);response.sendRedirect("index.jsp");}else{String msg="用户名或密码错误";request.setAttribute("msg", msg);request.getRequestDispatcher("userLogin.jsp").forward(request,response);}%></body>
</html>

index.jsp（成功界面）

<%@ 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>
<%String userName=null;String userPwd=null;userName=(String)session.getAttribute("userName");userPwd=(String)session.getAttribute("userPwd");session.setMaxInactiveInterval(2*60);
%><h1>登录成功</h1><h2> 欢迎 <%= userName%></h2><a href="logout.jsp">注销</a></body></html>

logout.jsp（注销）

<%@ 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><title>用户注销</title></head>
<body><%session.invalidate();response.sendRedirect("userLogin.jsp");
%></body>
</html>

简单实现用户登录页面（课工场JavaWeb学习1）相关推荐

html网页设计一个简单的用户登录页面
结果代码 login.html <!DOCTYPE html> <html lang="en"> <head><meta charset ...
简单的用户登录页面与后台数据库的交互
思路为:当用户登录时,如果用户名和密码都正确的时候会进入成功页面.在validate.jsp里会先获得用户名,然后再数据里查找此用户名是否已经存在,若存在则再与所对应的密码进行对比,若都相同则返回fl ...
【html】【一个简单的用户登录页面代码】
结果代码 <!DOCTYPE html> <html><head><title>用户登录.html</title><meta htt ...
Android布局管理器-使用TableLayout表格布局管理器实现简单的用户登录页面
场景 Android布局管理器-使用FrameLayout帧布局管理器显示层叠的正方形以及前景照片: https://blog.csdn.net/BADAO_LIUMANG_QIZHI/article ...
Vue.js-Day09【项目实战(附带完整项目源码)-day04：用户个人中心页面、用户登录页面、将项目打包部署到服务器上、项目汇报、实训心得】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 实战项目源码[链接:https://pan.baidu.com/s/1r0Mje3Xnh8x4F1HyG4aQTA 提 ...
一个简单的ASP登录页面
一个简单的ASP登录页面成品首页登陆后的主页,中间的竖线框可自由调动哦!! 具体步骤: 将解压文件放到这个路径内:(很重要!!!) 上图中的work文件夹,即为解压后的文件夹,然后在浏览器的网页 ...
3、Vue+ElementUI制作用户登录页面
前面两篇简单了解了一下vue和SPA,现在来用Vue+ElementUI做一个用户登录页面,ElementUI是Element出的一套针对vue的UI库,类似的UI库非常多,ElementUI只是其中 ...
一个简单的用户登录界面
今天我们学习了如何实现一个简单的用户登陆界面,具体要用到两个jsp和一个servlet,具体操作如下: 首先创建一个用户登录界面,inputview.jsp,其源代码如下所示: <!DOCTYP ...
java简单springboot系统_Springboot系列 3 - 建立简单的用户登录系统
在开始编码前,先建立几个Package(可以按个人习惯命名),如图 1.Controllers 用于存放控制器类 2.Models 用于存放数据实体类 3.Repositories 用于存放数据库操作 ...

简单实现用户登录页面（课工场JavaWeb学习1）

功能介绍：

简单实现用户登录页面（课工场JavaWeb学习1）相关推荐

最新文章

热门文章