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

Smarty3.1X( 最新版本 3.1.19) 比起Smarty2.x修改了不少特性。我把这个模块使用Smarty3.1.18 ( 下载地址 )重新修改了一遍,是项目文件和目录看起来更干净更有调理。

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

复制代码 代码如下:


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

/* *********************Smarty设置*********************** */
//根目录路径方式,用于Smarty设置
define("ROOT",str_replace("\\","https://www.jb51.net/",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,'https://www.jb51.net/')+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="https://www.jb51.net/<{$Template_Dir}>/css/common.css"  type="text/css">
<link href="https://www.jb51.net/<{$Template_Dir}>/css/register.css"  type="text/css">

<script src="https://www.jb51.net/<{$Template_Dir}>/js/jquery-1.8.3.min.js"></script>
<script src="https://www.jb51.net/<{$Template_Dir}>/js/register.js"></script>
<!--邮箱下拉-->
<script src="https://www.jb51.net/<{$Template_Dir}>/js/emailup.js"></script>
</head>

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

<!-- 内容区 -->
<div>

<!--注册区-->
    <div>

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

<!-- email -->           
            <div>
                <input type="text" value="" placeholder="常用邮箱地址" autocomplete="off" /><span></span><ul></ul>
            </div>

<!-- 密码 -->
            <div>
                <input type="password" value="" placeholder="设置密码" /><div><span></span><img /></div>
            </div>
           
            <!-- 重复密码 -->
            <div>
                <input type="password" value="" placeholder="确认密码" /><span></span>
            </div>

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:http://www.heiqu.com/379e16ab51b67983e70a8cf32144c89e.html