欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

PHP+jQuery 注册模块的改进(三):更新到Smarty3.1

程序员文章站 2022-08-21 13:27:39
smarty3.1x( 最新版本 3.1.19) 比起smarty2.x修改了不少特性。我把这个模块使用smarty3.1.18 ( 下载地址http://www.smar...

smarty3.1x( 最新版本 3.1.19) 比起smarty2.x修改了不少特性。我把这个模块使用smarty3.1.18 ( 下载地址http://www.smarty.net/files/smarty-3.1.18.zip )重新修改了一遍,是项目文件和目录看起来更干净更有调理。

把smarty压缩包中的libs文件夹拷贝至模块根目录下,然后根目录创建init.inc.php:

复制代码 代码如下:

<?php
/**
    file:init.inc.php smarty对象的实例化及初始化文件
*/

/* *********************smarty设置*********************** */
//根目录路径方式,用于smarty设置
define("root",str_replace("\\","/",dirname(__file__))."/");

require root.'libs/smarty.class.php';
$smarty = new smarty();

//smarty3设置默认路径
$smarty ->settemplatedir(root.'templates/')
        ->setcompiledir(root.'templates_c/')
        ->setpluginsdir(root.'plugins/')
        ->setcachedir(root.'cache/')
        ->setconfigdir(root.'configs');

$smarty->caching = false;
$smarty->cache_lifetime = 60*60*24; //模版缓存有效时间为1天
$smarty->left_delimiter = '<{';
$smarty->right_delimiter = '}>';

/***********************************************************/

//根目录url方式
$php_self=$_server['php_self'];
$root_url='http://'.$_server['http_host'].substr($php_self,0,strrpos($php_self,'/')+1);
define(root_url,$root_url);

//模版目录url方式
define("template_dir",$root_url.'templates');

创建初始化文件中出现的templates,templates_c,plugins,cache,configs文件夹。

修改的文件都比较相似,而且也非常easy,这里列出register.html和register.php文件的修改。

register.html是注册的前台页面,路径是/templates/register.html

复制代码 代码如下:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>注册页面</title>
<link href="<{$template_dir}>/css/common.css"  rel="stylesheet" type="text/css">
<link href="<{$template_dir}>/css/register.css"  rel="stylesheet" type="text/css">

<script src="<{$template_dir}>/js/jquery-1.8.3.min.js"></script>
<script src="<{$template_dir}>/js/register.js"></script>
<!--邮箱下拉-->
<script src="<{$template_dir}>/js/emailup.js"></script>
</head>

<body>
<{*导入header.html*}>
<{include file="header.html"}>

<!-- 内容区 -->
<div id="container">

    <!--注册区-->
    <div id="register">

        <!-- 注册表单 -->
        <form id="register-form" action="register_chk.php" method="post">
           
            <!-- 用户名 -->       
            <!-- placeholder html5的属性,提供提示信息。输入字段为空时显示,并会在字段获得焦点时消失 -->
            <div class="ipt fipt">
                <input type="text" name="uname" id="uname" value="" placeholder="输入用户名"  autocomplete="off" />
                <!--提示文字-->
                <span id="unamechk"></span>
            </div>

            <!-- email -->           
            <div class="ipt">
                <input type="text" name="uemail" id="uemail" value="" placeholder="常用邮箱地址" autocomplete="off" /><span id="uemailchk"></span><ul class="autoul"></ul>
            </div>

            <!-- 密码 -->
            <div class="ipt">
                <input type="password" name="upwd" id="upwd" value="" placeholder="设置密码" /><div class="upwdpic"><span id="upwdchk"></span><img id="pictie" /></div>
            </div>
           
            <!-- 重复密码 -->
            <div class="ipt">
                <input type="password" name="rupwd" id="rupwd" value="" placeholder="确认密码" /><span id="rupwdchk"></span>
            </div>

            <!--验证码-->
            <div class="ipt iptend">
                <input type='text' id='yzm' name='yzm' placeholder="验证码" autocomplete="off" />
                <img id='yzmpic' src='valcode.php?num=<{showval}>' style="cursor:pointer" alt="验证码" title="验证码">
                <a style="cursor:pointer" id='changea'>
                    <img id="refpic" src="<{$template_dir}>/images/ref.jpg" alt="刷新验证码">
                </a>
                <span id='yzmchk'></span>
            </div>

            <!-- 提交 -->
            <button type="button" id="sub">立即注册</button>

            <!-- 服务条款 -->
            <span class="fuwu">
                <input type="checkbox" name="agree" id="agree" checked="checked">
                <label for="agree">我同意  <a href="#">" 服务条款  "</a> 和  <a href="#">" 网络游戏用户隐私权保护和个人信息利用政策 "</a>
                </label>
            </span>

        </form>

    </div>

</div>
</body>
</html>

register.php:

复制代码 代码如下:

<?php

session_start();

require_once 'init.inc.php';

//设置模版目录,用于模版页头部引用css、js、images
$smarty->assign("template_dir",template_dir);

$smarty->display('register.html');

同时扩充了生成验证码插件,路径是/plugins/function.showval.php

复制代码 代码如下:

<?php

//生成验证码
function smarty_function_showval($params,$smarty){

    $num = "";
    for($i=0;$i<4;$i++){

        $tmp = rand(1,15);
        if ($tmp > 9) {
            switch ($tmp) {
                case(10):
                    $num .= 'a';
                    break;
                case(11):
                    $num .= 'b';
                    break;
                case(12):
                    $num .= 'c';
                    break;
                case(13):
                    $num .= 'd';
                    break;
                case(14):
                    $num .= 'e';
                    break;
                case(15):
                    $num .= 'f';
                    break;
            }
        } else {
            $num .= $tmp;
        }   
    }

    $mdnum = md5($num);
    $_session['num'] = $num;
    $_session['mdnum'] = $mdnum;

    //写在session之后
    return $mdnum;
}

$_session['num'] = smarty_function_showval($params,$smarty);
$_session['mdnum'] = md5(smarty_function_showval($params,$smarty));

注意插件的命名:

文件名要放在根目录的plugins目录下,命名规则是 function.函数名.php,文件中函数的命名规则是 smarty_function_函数名($params,$smarty),其中第一个参数是传递给模板的关联数组,第二个参数是接收自动传入的smarty对象,函数要有返回值。

更多代码见:https://github.com/dee0912/mygit