软键盘实例 request参数修改

最新推荐文章于 2025-09-09 08:37:13 发布

阅读量47

点赞数

CC 4.0 BY-SA版权

文章标签： java javascript ViewUI

原文链接：http://www.cnblogs.com/pcpig/p/7156457.html

本文介绍了一种通过修改软键盘实例request参数实现密码输入安全性的方法。软键盘中的按键顺序随机排列，每次请求时顺序不同，提高了安全性。具体实现包括JSP请求软键盘图片、绘制图片并记录值的位置等步骤。

软键盘实例 request参数修改

这里写图片描述

这里的键盘里面的内容是乱序的，每次请求都会不一样的顺序。

这里写图片描述

键盘内容是一个DIV的背景图，方框是DIV边框。控制按钮直接在前台控制就行。

请求流程如下

JSP请求软键盘图片—>action 绘制图片并记录每个值对应的位置
JSP登录（密码位置）—->Filter把密码转换成真实密码值—>登录校验Filter

代码如下

<%@ page isELIgnored="false" %>
<%@ page language="java" contentType="text/html; charset=utf-8" %> <%@ taglib prefix="c" uri="http://java.sun.com/jstl/core_rt" %> <%@ taglib prefix="f" uri="http://java.sun.com/jsp/jstl/fmt" %> <%@ taglib uri="/struts-tags" prefix="s" %> <!DOCTYPE html> <html> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="renderer" content="webkit"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="pragma" content="no-cache"> <meta http-equiv="Cache-Control" content="no-store, must-revalidate"> <meta http-equiv="expires" content="0"> <title>XXXXXXXX</title> <link rel="shortcut icon" href="r/img/icon/favicon.ico" type="image/x-icon" /> <link href="r/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <style type="text/css" media="screen, projection"> body{ background-color: #7090A8; font-family: "Microsoft YaHei", SimHei, SimSun; padding-top: 90px; } .div-signin { width: 300px; text-align: center; margin: 0 auto; } .form-signin-title { color: #fff; } .panel-default { border-radius: 4px; behavior: url(r/jquery/ie-css3.htc); } .panel-default > .panel-heading{ background-color: #fff; border-bottom: none; } .btn { background-image: none; border: medium none; border-radius: 3px; box-shadow: none; font-size: 14px; font-weight: 600; margin-bottom: 0; outline: medium none !important; padding: 8px 16px; text-shadow: none; } .input.btn { outline: medium none; } .btn-lg { padding: 16px 28px; } .btn-sm { font-size: 12px; padding: 4px 8px; } .btn-sm i { font-size: 14px; } .btn-xs { font-size: 12px; padding: 1px 5px; } .btn-primary { background: none repeat scroll 0 0 #7191a8; color: white !important; } .btn-primary:hover, .btn-primary:focus {