検証コード変換を実装するための URL 書き換え-jsチュートリアル-php.cn

検証コード変換を実装するための URL 書き換え

巴扎黑

リリース： 2017-08-07 16:42:50

オリジナル

1240 人が閲覧しました

URL 書き換えメカニズム: URL のアドレスが一意であることを保証するために、サーバーに渡されるパラメーターは毎回異なることができます。ここで、検証コード変更機能を実装する際には、パラメータリストの値を更新してリフレッシュする。詳細なコードについては、この記事を参照してください

URL 書き換えメカニズム: URL のアドレスが一意であることを保証するために、サーバーに渡されるパラメーターは毎回異なることができます。

データリクエストのヘッダー情報を分析できます。ヘッダー情報には、http プロトコル、IP アドレス、ポート番号、プロジェクト名、リクエストパラメーターリストが含まれます。アクセスしたいリソースが変更されない場合は、変更することのみが可能です。パラメータ接続リスト。

ここで認証コードを変更する機能を実装する際、パラメータリストの値を利用して更新します。

詳細なコード実装:

<%@page import="javax.imageio.ImageIO"%> 
<%@page import="java.awt.Font"%> 
<%@page import="java.awt.Color"%> 
<%@page import="java.awt.Graphics"%> 
<%@page import="java.awt.image.BufferedImage"%> 
<%@ page contentType="image/jpeg" language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<% 
int w=100; 
int h=30; 
BufferedImage bi=new BufferedImage(w,h,BufferedImage.TYPE_INT_RGB); 
Graphics g=bi.getGraphics(); 
Color c=g.getColor(); 
Font f=g.getFont();  
Random r=new Random(); 
Color bg=new Color(150+r.nextInt(100),150+r.nextInt(100),150+r.nextInt(100)); 
g.setColor(bg); 
g.fillRect(0, 0, w, h); 
String code=""; 
for(int i=1;i<=4;i++){ 
int num=r.nextInt(10); 
code=code+num; 
Color num_c=new Color(r.nextInt(150),r.nextInt(150),r.nextInt(150)); 
g.setColor(num_c); 
g.drawString(String.valueOf(num), 20*i, h/2); 
} 
request.getSession().setAttribute("code", code); 
//清空缓存 
response.setHeader("pragma", "bo-cache"); 
response.setHeader("cache-control", "bo-cache"); 
response.addDateHeader("expires", 0); 
ImageIO.write(bi, "jpeg", response.getOutputStream()); 
out.close(); 
 %>

ログイン後にコピー

ログインページの追加:

<%@ page contentType="text/html; charset=utf-8" language="java" import="java.util.*" pageEncoding="UTF-8"%> 
<%String path = request.getContextPath(); 
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/"; 
%> 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html> 
 <head> 
  <base href="<%=basePath%>" rel="external nofollow" > 
  <title>My JSP &#39;login.jsp&#39; starting page</title> 
  <meta http-equiv="pragma" content="no-cache"> 
  <meta http-equiv="cache-control" content="no-cache"> 
  <meta http-equiv="expires" content="0">   
  <meta http-equiv="keywords" content="keyword1,keyword2,keyword3"> 
  <meta http-equiv="description" content="This is my page"> 
  <!-- 
  <link rel="stylesheet" type="text/css" href="styles.css" rel="external nofollow" > 
  --> 
  <script type="text/javascript"> 
function changeimage(){ 
var d=new Date();//生成时间戳， 
document.getElementById("img").src="image.jsp?t="+d;//由变化的时间使参数连表发生变化，url重写 
} 
</script> 
 </head> 
 <body> 
 <font color="red">${requestScope.msg }</font> 
  <form action="loginServlet" method="post"> 
  name:<input type="text" name="uname"><br> 
  pwd:<input type="pwd" name="upwd"><br> 
  code:<input type="text" name="code" size="5"><img id="img" alt="" src="image.jsp "><a onclick="changeimage()">换一张</a><br> 
  <input type="submit" > 
  </form> 
 </body> 
</html>

ログイン後にコピー

時間の変更を使用して毎回タイムスタンプを生成し、リクエストされた URL にパラメータを渡して、URL を書き換えるという目的を達成します。画像を1枚変更する機能です。