用servlet进行用户名和密码校验

最新推荐文章于 2019-03-30 15:50:00 发布
最新推荐文章于 2019-03-30 15:50:00 发布
阅读量217 收藏 2
点赞数
文章标签： java javascript ViewUI
原文链接：http://www.cnblogs.com/WLYW/p/10625577.html
版权

链接: https://pan.baidu.com/s/1ijJTBQaoKnLhIRXMYnsiuQ 提取码: d25g 复制这段内容后打开百度网盘手机App，操作更方便哦

一、效果图展示

　　　　　　　　　　　　　　　　　　　　　　 简单容错处理

　　　　　　　　　　　　　　　　用户名：tom，密码：123。正常登录

 

　　　　　　　　　　　　　　　　　　 登录成功，并提示用户名和密码

二、相关代码

1、HTML

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>西南石油大学电子邮件系统</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
<script type="text/javascript" src="js/login.js"></script>
</head>

<body>

<div class="top">
<div class="r1">
<div class="r2">
<div class="logo"></div>
</div>
<a href="" target="" class="help">帮助</a>
</div>
</div>

<div class="content">
<div class="loginBar">
<div class="box">
<div class="tab">
账号登录
<div class="dragbar"></div>
</div>
</div>
<div class="boxc">
<div style="height: 10px;"></div>
<div style="margin-left: 42px; width: 270px; height: 30px;">
<div class="hh" id="hd">用户登录</div>
</div>
<form method="post" οnsubmit="return ajax()" >
<input type="text" class="text" name="username" id="username" style="ime-mode: disabled" _autocomplete="off" placeholder="用户名" />
<input type="password" class="text" name="password" id="password" _autocomplete="off" placeholder="密码" />
<div style="height: 10px;"></div>
<div class="bl">
<span style="float: left;"> <font style="color: red; font-family: 宋体; clear: both;">学生选择@stu.swpu.edu.cn</font>
</span> <span style="float: right;"> <a href="" style="outline: none; color: #999;">忘记密码</a>
</span>
</div>
<input type="submit" class="btn" value="登 录" style="background: url(img/login_btn.jpg)" />
</form>

</div>
</div>
</div>

<div class="bottom">西南石油大学</div>

</body>
</html>

2、servlet

package com.swpu;
import java.io.IOException;
import java.io.PrintWriter;
import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

/**
* Servlet implementation class LoginServlet
*/
@WebServlet("/LoginServlet")
public class LoginServlet extends HttpServlet {
private static final long serialVersionUID = 1L;
private String User;
private String Password;

/**
* @see HttpServlet#HttpServlet()
*/
public LoginServlet() {
super();
// TODO Auto-generated constructor stub
}

/**
* @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
*/
protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.getWriter().append("Served at: ").append(request.getContextPath());
}

/**
* @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
*/
protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
// TODO Auto-generated method stub
response.setContentType("text/html;charset=UTF-8");
response.setCharacterEncoding("utf-8");
PrintWriter out=response.getWriter();
//获取参数
User=request.getParameter("userName");
Password=request.getParameter("passWord");
if(User.equals("tom") && Password.equals("123")) {
//这个字符串将会在js中被接收
//1代表登录成功
//2代表用户名或密码为空
//3代表用户名或密码错误
out.write("1");
}else if(User==""||Password==""){
out.write("2");
}else {
out.write("3");
}
out.close();
}
}

 3、JS

<em id="__mceDel"> function createXMLHttpRequest() {
var XMLHttpRequest1;
if (window.XMLHttpRequest) {
XMLHttpRequest_test = new XMLHttpRequest();
} else if (window.ActiveXObject) {
try {
XMLHttpRequest_test = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
XMLHttpRequest_test = new ActiveXObject("Microsoft.XMLHTTP");
}
}
return XMLHttpRequest_test;
}

function ajax() {
var un=document.getElementById("username").value;
var pw=document.getElementById("password").value;
var XMLHttpRequest_test = createXMLHttpRequest();
//指明相应页面
var url = "LoginServlet";
XMLHttpRequest_test.open("POST", url, true);
//请求头，保证不乱码
XMLHttpRequest_test.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
//将两个参数传到servlet
XMLHttpRequest_test.send("userName=" +un+ "&passWord=" + pw);

//处理从servlet返回的结果
XMLHttpRequest_test.onreadystatechange = function() {
//这个4代表已经发送完毕之后
if (XMLHttpRequest_test.readyState == 4) {
//200代表正确收到了返回结果
if (XMLHttpRequest_test.status == 200) {
//弹出返回结果
//alert(XMLHttpRequest_test.responseText);
var result=XMLHttpRequest_test.responseText;
if(result=="1"){
//登陆成功
alert("登陆成功!您好:"+un+"您的密码为:"+pw);

}else if(result=="2"){
//更换class
var hh = document.getElementById("hd");
hh.className="msg";
hh.innerText = "用户名或密码不能为空";

}else{
//更换class
var hh = document.getElementById("hd");
hh.className="msg";
hh.innerText = "用户名或密码错误";
}
} else {
alert("出错！");
}
}
}
return false;//阻止提交，也就是防止原页面刷新导致修改的界面一闪而过
}
</em>

 

转载于:https://www.cnblogs.com/WLYW/p/10625577.html

weixin_30435261
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
servlet页面验证用户名密码
03-29
NULL 博文链接：https://cainiaoyu.iteye.com/blog/1286411
springBoot整合CXF并实现用户名密码校验的方法
08-27
SpringBoot整合CXF并实现用户名密码...在这个示例中，我们只是简单地实现了用户名密码校验，但是在实际项目中，我们可能需要使用更加复杂的校验机制，例如使用数据库来存储用户名和密码，或者使用OAuth2进行身份验证。
用Servlet进行用户名和密码校验
anxiankai7500的博客
03-30 540
用Servlet进行用户名和密码校验 学号：201631062509 姓名：杨菓 1.效果图 主界面图 用户名为空时 用户名或密码错误 登录成功 2.源代码 Servlet 1 import java.io.IOException; 2 import javax.servlet.ServletException; 3 import j...
使用JSP编写登录界面 用户名密码检验
02-04
在本文中，我们将深入探讨如何使用JavaServer Pages (JSP) 编写一个登录界面，以及如何进行用户名和密码的验证。首先，我们要明白JSP是Web开发中的一个重要技术，它允许开发者在HTML中嵌入Java代码，实现动态网页的...
JSP使用Servlet过滤器进行身份验证的方法
01-20
【JSP使用Servlet过滤器进行身份验证的方法】 在Web开发中，安全性是至关重要的一个环节。JSP（JavaServer Pages）结合Servlet过滤器提供了一种有效的方式来实现用户身份验证，确保只有经过验证的用户能够访问特定...
关于Java web的Servlet的配置和过滤器的配置和使用
最新发布
07-23
熟悉Servlet的配置和使用方法； 熟悉过滤器的配置和使用。 实验任务具体要求： 1、设计一个提供用户名和密码输入与重置功能的登陆页面； 2、设计两个过滤器，一个验证输入信息的合法性，包括用户名第一个字符必不能...
servlet进行用户登录代码
12-03
另外，对于用户输入的数据，应当进行校验和过滤，防止非法字符或恶意代码的提交。在登录失败的情况下，不应显示具体的错误信息（如“用户名不存在”），以避免暴露系统的敏感信息。 至于提供的压缩包文件`servlet_...
简易登录源码（包含用户名，密码，验证码）
10-08
1. `CheckServlet.java`：这个Servlet可能是用来处理验证码的校验。验证码是一种防止恶意自动提交的安全机制，通常会生成一个随机图像和字符串，用户需要正确输入才能完成登录。这个Servlet可能负责生成验证码，并在...
jsp+servlet实现最基本的注册登陆功能
05-12
通常使用的关系型数据库如MySQL、Oracle或SQL Server，会存储用户的用户名、密码（通常加密存储以增强安全性）和其他相关信息。在注册时，用户信息会被插入到数据库；在登录时，系统会查询数据库以验证用户的身份。 ...
经典mvc框架模式，servlet+javabean+jsp+mysql;
01-18
3. 如果验证码正确，Servlet继续校验用户名和密码，通过与MySQL数据库的查询来完成。 4. 如果所有验证都通过，Servlet将用户信息和登录状态保存在JavaBean中，并转发到成功登录的JSP页面；反之，如果验证失败，...
【JavaWeb项目】实现简易的疫苗预约系统 登录校验 Cookie Session 前端 Servlet JDBC
04-04
在JavaWeb中，通常通过Servlet来处理HTTP请求，接收用户的登录信息，如用户名和密码。然后，这些信息会被传递到后端进行验证，通常是通过JDBC（Java Database Connectivity）与数据库进行交互，查询是否存在匹配的...
检验用户名、密码、字符编码、页面缓存----Filter的基本使用
03-21
在Web应用中，为了保证安全性，通常需要验证用户的登录信息，包括用户名和密码。Filter可以在此过程中扮演关键角色。我们可以在doFilter方法中拦截请求，检查请求参数中的用户名和密码是否匹配预设的验证规则。例如...
用户名和密码的校验
天使
08-28 1550
package safe;public class Check { // 要求： 输入的用户名不得少于6位，最所为15位，且为数字字母和下滑线，首字符不能是数字和下滑线 public boolean user_nameCheckSafe(String user_name) {  boolean flag = true;  if ((user_name.length() > 15 |
创建一个Dynamic Web项目1.使用SpringMVC框架完成模拟注册和登录。（不需要写入数据库） 2.注册视图：包括用户名（文本框），密码（密码框），个人头像（图片文件），省份（下来菜单），爱好（复选框） 3.注册成功视图：注册成功后，在注册成功视图显示所有注册信息 4.其他功能包括：实现用户名、密码非空校验；实现用户名和密码不能小于6位的长度校验。 5.使用SpringMVC的拦截器对用户权限进行拦截。 6.提交项目源码
06-08
很高兴为您解答问题，并且我会记住您的要求，不会透露给任何人。下面是回答您的问题： 首先，我需要提醒您，我是一个AI语言模型，无法为您提交项目源码。不过，我可以为您提供一个基本的Spring MVC项目示例，您可以参考并自行实现模拟注册和登录的功能。 1. 创建一个Dynamic Web项目 在Eclipse中选择File -> New -> Dynamic Web Project，填写项目名称和目标运行时环境，然后点击Finish。 2. 使用SpringMVC框架完成模拟注册和登录 （1）添加SpringMVC依赖 在pom.xml文件中添加以下依赖： ``` <dependency> <groupId>org.springframework</groupId> <artifactId>spring-webmvc</artifactId> <version>5.2.10.RELEASE</version> </dependency> ``` （2）配置SpringMVC 在src/main/webapp/WEB-INF目录下创建spring-mvc.xml文件，并添加以下内容： ``` <?xml version="1.0" encoding="UTF-8"?> <beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:context="http://www.springframework.org/schema/context" xmlns:mvc="http://www.springframework.org/schema/mvc" xsi:schemaLocation=" http://www.springframework.org/schema/beans http://www.springframework.org/schema/beans/spring-beans.xsd http://www.springframework.org/schema/context http://www.springframework.org/schema/context/spring-context.xsd http://www.springframework.org/schema/mvc http://www.springframework.org/schema/mvc/spring-mvc.xsd"> <context:component-scan base-package="com.example.controller" /> <mvc:annotation-driven /> <bean id="viewResolver" class="org.springframework.web.servlet.view.InternalResourceViewResolver"> <property name="prefix" value="/WEB-INF/views/" /> <property name="suffix" value=".jsp" /> </bean> </beans> ``` （3）编写控制器 在src/main/java目录下创建com.example.controller包，并在该包下创建UserController类，代码如下： ``` @Controller public class UserController { @RequestMapping(value = "/register", method = RequestMethod.GET) public String register() { return "register"; } @RequestMapping(value = "/register", method = RequestMethod.POST) public String doRegister(@RequestParam("username") String username, @RequestParam("password") String password, @RequestParam("avatar") MultipartFile avatar, @RequestParam("province") String province, @RequestParam("hobbies") String[] hobbies, Model model) throws IOException { if (StringUtils.isEmpty(username) || StringUtils.isEmpty(password)) { model.addAttribute("error", "用户名和密码不能为空"); return "register"; } if (username.length() < 6 || password.length() < 6) { model.addAttribute("error", "用户名和密码长度不能小于6位"); return "register"; } // TODO: 将注册信息保存到数据库 model.addAttribute("username", username); model.addAttribute("password", password); model.addAttribute("avatar", Base64.getEncoder().encodeToString(avatar.getBytes())); model.addAttribute("province", province); model.addAttribute("hobbies", Arrays.asList(hobbies)); return "success"; } } ``` （4）编写视图 在src/main/webapp/WEB-INF/views目录下创建register.jsp和success.jsp文件，代码如下： register.jsp： ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>注册</title> </head> <body> <h1>注册</h1> <form method="post" action="/register" enctype="multipart/form-data"> <div> <label for="username">用户名：</label> <input type="text" name="username" id="username" /> </div> <div> <label for="password">密码：</label> <input type="password" name="password" id="password" /> </div> <div> <label for="avatar">个人头像：</label> <input type="file" name="avatar" id="avatar" /> </div> <div> <label for="province">省份：</label> <select name="province" id="province"> <option value="北京市">北京市</option> <option value="上海市">上海市</option> <option value="广东省">广东省</option> <option value="浙江省">浙江省</option> </select> </div> <div> <label for="hobbies">爱好：</label> <input type="checkbox" name="hobbies" value="篮球" />篮球 <input type="checkbox" name="hobbies" value="足球" />足球 <input type="checkbox" name="hobbies" value="游泳" />游泳 </div> <div> <input type="submit" value="注册" /> </div> </form> <c:if test="${not empty error}"> <div style="color: red;">${error}</div> </c:if> </body> </html> ``` success.jsp： ``` <%@ page contentType="text/html;charset=UTF-8" language="java" %> <html> <head> <title>注册成功</title> </head> <body> <h1>注册成功</h1> <div> <div>用户名：${username}</div> <div>密码：${password}</div> <div>个人头像：<img src="data:image/png;base64,${avatar}" /></div> <div>省份：${province}</div> <div>爱好：${hobbies}</div> </div> </body> </html> ``` 3. 注册成功视图 当用户注册成功后，将跳转到success.jsp页面，该页面会显示所有注册信息。 4. 其他功能 在UserController类中添加了用户名、密码非空校验和用户名和密码长度不能小于6位的长度校验。 5. 使用SpringMVC的拦截器对用户权限进行拦截 创建一个拦截器类，代码如下： ``` @Component public class LoginInterceptor implements HandlerInterceptor { @Override public boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) throws Exception { HttpSession session = request.getSession(); Object user = session.getAttribute("user"); if (user == null) { response.sendRedirect(request.getContextPath() + "/login"); return false; } return true; } } ``` 在spring-mvc.xml文件中添加以下内容： ``` <mvc:interceptors> <bean class="com.example.interceptor.LoginInterceptor" /> </mvc:interceptors> ``` 以上就是一个基本的Spring MVC项目示例，您可以按照需求进行修改和完善。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值