隨著互聯(lián)網(wǎng)的飛躍式發(fā)展，移動(dòng)支付已越來越受歡迎并且已成為常態(tài)，很多三方支付公司推出了很多支付方式如快捷支付、認(rèn)證支付、掃碼支付等等?？旖葜Ц逗驼J(rèn)證支付可分為移動(dòng)app控件和移動(dòng)HTML5網(wǎng)頁。用戶第一次使用快捷支付或認(rèn)證支付進(jìn)行支付的時(shí)候，需先綁定銀行卡。在綁定銀行卡的過程中，需要驗(yàn)證銀行卡信息。不同銀行、不同銀行卡驗(yàn)證的要素不一樣，有些需要驗(yàn)證四要素，有的需要驗(yàn)證八要素。對于需要驗(yàn)證銀行卡的交易密碼的情況，怎樣保證交易密碼的安全不被別人所竊取呢？為了保證交易密碼不在傳輸過程中被竊取，出現(xiàn)了安全傳輸隨機(jī)數(shù)字密碼鍵盤。

創(chuàng)新互聯(lián)是一家專注于網(wǎng)站設(shè)計(jì)、成都網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),范縣網(wǎng)站建設(shè)哪家好?創(chuàng)新互聯(lián)做網(wǎng)站,專注于網(wǎng)站建設(shè)十多年,網(wǎng)設(shè)計(jì)領(lǐng)域的專業(yè)建站公司;建站業(yè)務(wù)涵蓋:范縣等地區(qū)。范縣做網(wǎng)站價(jià)格咨詢:13518219792

安全傳輸隨機(jī)數(shù)字密碼鍵盤怎么實(shí)現(xiàn)呢？今天給大家詳細(xì)的介紹安全傳輸隨機(jī)數(shù)字密碼鍵盤的原理和代碼實(shí)現(xiàn)。下圖是實(shí)現(xiàn)的數(shù)

字鍵盤效果：

一、實(shí)現(xiàn)原理

用戶點(diǎn)擊“交易密碼”輸入框，頁面異步向后臺(tái)發(fā)送“獲取密碼鍵盤”的請求，后臺(tái)接收到請求之后隨機(jī)生成“1234567890與隨機(jī)密文的對應(yīng)關(guān)系”和“隨機(jī)密文”和“1234567890圖片“的對應(yīng)關(guān)系，然后把它們關(guān)系放入dto實(shí)例中并放入redis中，最后把隨機(jī)密文以集合的方式返回到頁面，頁面js獲取到密文集合后以循環(huán)的方式向后臺(tái)請求對應(yīng)的數(shù)字圖片流，并展示在頁面。

當(dāng)用戶點(diǎn)擊數(shù)字鍵盤中的數(shù)字圖片，就會(huì)把圖片對應(yīng)的密文放入到pkey隱藏輸入框中，多個(gè)數(shù)字以逗號(hào)隔開，當(dāng)點(diǎn)擊支付的時(shí)候，就會(huì)把peykey隱藏輸入框的值傳入到后臺(tái)，后臺(tái)從redis中取出“密文”與“1234567890數(shù)字“的對應(yīng)關(guān)系，就取出了對應(yīng)交易密碼。

二、具體實(shí)現(xiàn)

1）.HTML5頁面

頁面主要展示密碼輸入框和支付按鈕，需要導(dǎo)入JQuery、bootstrap及pwdkey.js等。下面是具體代碼：

<%@ page language="java" import="java.util.*" 
 contentType="text/html; charset=UTF-8"%> 
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%> 
<%@ page pageEncoding="UTF-8"%> 
<% 
 String path = request.getContextPath(); 
%> 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  
 
    
 
     交易密碼 
    
 
  
 
   
  
 
   支付 
  
 
 
 
 
 
  " /> 
  客服電話：4000-xxx-xxx 
 
 
  
 
 
   
 
 
 
 

當(dāng)前題目：spring+html5實(shí)現(xiàn)安全傳輸隨機(jī)數(shù)字密碼鍵盤-創(chuàng)新互聯(lián)
轉(zhuǎn)載注明：http://weahome.cn/article/jjscj.html