zoukankan      html  css  js  c++  java
  • WEB开发中的页面跳转方法总结

    页面跳转可能是由于用户单击链接、按钮等触发的,也可能是系统自动产生的。页面自动跳转在WEB开发中经常用到,而且根据需求可以采用不同的跳转方式,比如提示操作信息后延时跳转等, 本文总结了WEB开发中常见的几种页面跳转方法。


    WEB开发中的页面跳转方法总结

    helloweba.com 作者:月光光 时间:2014-10-29 23:39 标签: php  web前端

    这才是你要学的!0基础4个月成为Web前端工程师,保就业!(最新版)

    页面跳转可能是由于用户单击链接、按钮等触发的,也可能是系统自动产生的。页面自动跳转在WEB开发中经常用到,而且根据需求可以采用不同的跳转方式,比如提示操作信息后延时跳转等, 本文总结了WEB开发中常见的几种页面跳转方法。

    PHP header()函数跳转

    PHP的header()函数非常强大,其中在页面url跳转方面也调用简单,使用header()直接跳转到指定url页面,这时页面跳转是302重定向:

    $url = "http://www.helloweba.com/";   
    header( "Location: $url" );

    我们有可能会遇到特殊的跳转时,比如网站改版有个页面地址要做301重定向,当然你可以通过web配置rewrite来实现,但现在我要告诉大家,可以使用php的header()函数做301跳转,代码如下:

    //301跳转
    header( "HTTP/1.1 301 Moved Permanently" );     
    header( "Location: $url" );

    Meta设置跳转

    html中的meta信息里可以直接设置跳转,可以设置跳转延迟时间和跳转url,经常应用,比如支付完了告诉用户支付成功并跳转到订单页面,代码非常简单,就在<head>中加上一句:

    <meta http-equiv="refresh" content="5;url=http://www.helloweba.com">

    以上代码表示在5秒钟后页面会自动跳转到http://www.helloweba.com。
    Javascript跳转

    Javascript跳转也非常简单,直接一句话:

    <script>
    window.location.href="http://www.helloweba.com";
    </script>

    注意,上面这段代码直接跳转后,在目标页面地址中是获取不到来路(referer,也叫来源)的,在实际项目中,遇到有客户要求跳转要带来路(即目标网页可以获取到页面从哪里跳转来的),这时,我们可以用javascript模拟一次点击,然后跳转就满足了客户的需求。

    <script>
    //有来路
    var aa = document.createElement("a");
    aa.setAttribute("href","http://www.helloweba.com");
    var bodys=document.getElementsByTagName("body")[0];
    bodys.appendChild(aa);
    aa.click();
    </script>

    当然,实际开发中我们可以把后面两种方式整合到PHP中去,便于适用各种跳转需求。


    声明:本文为原创文章,helloweba.com和作者拥有版权,如需转载,请注明来源于helloweba.com并保留原文链接:http://www.helloweba.com/view-blog-275.html

    当我们要将一个庞大的数据进行编号时,而编号有位数限制,比如5位的车牌号、10位的某证件号码、订单流水号、短网址等等,我们可以使用36进制计算出符合位数的不重复的编号。


    我们将0-Z(0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZ)分别代表数值0-35,如字母Z代表35。这样的话我要得到一个5位的编号,最大信息量就是36的5次方了,36^5 = 60466176,即最大的5位编号相当于10进制的数字:60466176。

    本文中为了做演示,我们假定某俱乐部发放一批10位的会员卡号,会员卡号由3位城市编号+5位卡号编码+2位校验码组成。城市编号用区号表示,如755代表深圳,5位卡编号则由36进制的卡编号组成,后面两位校验码则是通过一定的算法生成的,校验码的用处是可以验证卡号的合法性。这样的话,我们生成的10位卡号相当于最大能满足6000多万会员卡号,并且是不重复唯一的卡号。
    PHP

    我们使用PHP进行进制转换,10进制转36进制。

    class Code {
        //密码字典
        private $dic = array(
            0=>'0',    1=>'1', 2=>'2', 3=>'3', 4=>'4', 5=>'5', 6=>'6', 7=>'7', 8=>'8',     
            9=>'9', 10=>'A',  11=>'B', 12=>'C', 13=>'D', 14=>'E', 15=>'F',  16=>'G',  17=>'H',     
            18=>'I',19=>'J',  20=>'K', 21=>'L',  22=>'M',  23=>'N', 24=>'O', 25=>'P', 26=>'Q',     
        27=>'R',28=>'S',  29=>'T',  30=>'U', 31=>'V',  32=>'W',  33=>'X', 34=>'Y', 35=>'Z'
        );
     
     
        public function encodeID($int, $format=8) {
            $dics = $this->dic;
            $dnum = 36; //进制数
            $arr = array ();
            $loop = true;
            while ($loop) {
                $arr[] = $dics[bcmod($int, $dnum)];
                $int = bcdiv($int, $dnum, 0);
                if ($int == '0') {
                    $loop = false;
                }
            }
            if (count($arr) < $format)
                $arr = array_pad($arr, $format, $dics[0]);
     
            return implode('', array_reverse($arr));
        }
     
        public function decodeID($ids) {
            $dics = $this->dic;
            $dnum = 36; //进制数
            //键值交换
            $dedic = array_flip($dics);
            //去零
            $id = ltrim($ids, $dics[0]);
            //反转
            $id = strrev($id);
            $v = 0;
            for ($i = 0, $j = strlen($id); $i < $j; $i++) {
                $v = bcadd(bcmul($dedic[$id {
                    $i }
                ], bcpow($dnum, $i, 0), 0), $v, 0);
            }
            return $v;
        }
     
    }
     

    我们定义Code类,先定义密码字典,即0-Z分别对应的数值,方法encodeID($int, $format)中参数$int表示数字,$format表示位数长度,比方encodeID(123456789,5)表示将数字123456789转换成5位的36进制编号,而方法decodeID($ids)用于将36进制的编号转换成10进制的编号。

    我们可以这样来生成卡号:

    $code = new Code();
    $card_no = $code->encodeID(888888,5);

    如上,我们就可以得到一个5位的卡编号,它实际代表着卡号是888888(6个8)的会员编号,而实际进行转换后是5位编号:0J1VC。

    接着,我们将城市编号和校验码加上,城市编号是已经定义好的,校验码则通过一定的算法取得,本例中,我们使用简单的算法:将前三位城市编号和五位卡编号进行md5加密,然后取md5值的前2位作为校验码,这样就得到了编号后面的两位校验码。

    $card_pre = '755';
    $card_vc = substr(md5($card_pre.$card_no),0,2);
    $card_vc = strtoupper($card_vc);
    echo $card_pre.$card_no.$card_vc;

    实际应用中,可以通过数据库得到10进制的编号,保证编号唯一,再将上述代码组合,最终生成一个10位的不重复的会员卡号。


    声明:本文为原创文章,helloweba.com和作者拥有版权,如需转载,请注明来源于helloweba.com并保留原文链接:http://www.helloweba.com/view-blog-259.html

  • 相关阅读:
    CLR Via CSharp读书笔记(6):类型和成员基础
    Maven 环境快速搭建二(eclipse+maven2+jetty)
    Struts2架构图
    Struts2 不依赖Spring 的测试方式
    最全的Eclipse使用快捷键
    ts2+Spring的UnitTest编写(使用StrutsTestCase的子类StrutsSpringTestCase)
    分析Vector、ArrayList、Hashtable、HashMap数据结分享一下
    Struts2与Velocity模板
    maven环境快速搭建
    转】Java集合框架学习笔记
  • 原文地址:https://www.cnblogs.com/arvintang/p/5428363.html
Copyright © 2011-2022 走看看