辉老大的技术博客    复制

在web编程中大家应该会经常用到一些常用js操作，例如 alert（），通常是遇到了再写，受公司的启发，我自己简单写了个类来自动生成这些js，目的就是为了方便，一个小玩意，新手们也许会喜欢^_^

由于公司需要quickform结合SMARTY的开发模式，最近几天恶补了下，跟大家分享下心得吧，quickform是一个PEAR类库，可以快速生成表单控件及验证表单的JS代码，大家可能觉得这个用手写JS和HTML生成不是很快吗，用那个不是更麻烦，的确，少量的表单控件是显示不出 quickform的优势的，但是如果有大量的表单控件，例如OA的后台，quickform的优势就显示出来了，利用quickform有代码清晰，易于维护等特点，非常适合大中型项目的开发，更方便的是可以在smarty中轻松使用它，^_^废话少说，来看看代码，不过大家之前最好了解下PEAR的安装，参照：http://hi.baidu.com/wanghaozi/blog/item/81cfb7003f973687e850cd3e.html。
    由于公司用的quickform是自己改进过的，因此代码和大家网上看到的会有些差别，涉及版权在这里就不便说明，简要展示下核心代码，大家就当了解下吧，有兴趣的朋友可以看看这篇HAOHAPPY的文章：http://www.phpe.net/articles/418.shtml







模板代码：


这里大家也许觉得奇怪，为什么路径要定义这么复杂，而且使用绝对路径呢？这个是最近适应公司项目的需要，呵呵！其实这样有利于部署大的项目。这个帖子相信没接触过quickform或smarty的新手一定看的一头雾水，当然，我在这也只是简单介绍下，希望大家有兴趣的可以继续深入研究，最后看看效果：

看判断两次输入密码是否一样就这一句：

代码看起来是不是简洁清楚啊，呵呵，接下来还会应用到再结合XAJAX的应用，我会继续和大家分享学习心得，嘿嘿！

function strSplit(＄s, ＄len) {
    ＄end = '…';
    ＄result = '';
    ＄strLen = strlen(＄s);
    if (＄strLen <= ＄len) {
        return ＄s;
    }
    ＄len -= 2;
    for (＄i=0; ＄i<＄len && ＄i<＄strLen; ＄i++) {
        ＄c = ＄s[＄i];
        if (ord(＄c) < 0x80) {
            ＄result .= ＄c;
        } elseif (＄i+1<＄len) {
            ＄result .= ＄s[＄i++] . ＄s[＄i];
        }
    }
    return (＄i < ＄strLen) ? (＄result . ＄end) : ＄result;
}

echo strSplit('1234567', 10), '<br />';
echo strSplit('1234567890', 10), '<br />';
echo strSplit('1234中文567890abcdefghijkl', 10), '<br />';
echo strSplit('全部都是中文', 10), '<br />';
echo strSplit('全a部b都c是d中e文', 10), '<br />';

输出：
1234567
1234567890
1234中文…
全部都是…
全a部b都…

昨天已经已经讲了基本的文件上传方法，那么这是不够的，我们还需要对它们进行管理，今天接着贴出上次的后续部分，这里采用数据库记录上传文件的信息方便操作，先看看数据表结构：
数据库名：upload


这里贴出主要代码，大家不懂的可以查阅手册，例子并不难懂^_^，有兴趣的可以下载源代码研究
处理上传数据代码：

管理页面：

分页函数（这个稍微复杂些）：

最近为了象牙，有点不务正业的嫌疑，经过最近一段时间的疯狂灌水终于拿到了象牙，嘿嘿，今天重出江湖，想到论坛似乎没什么为新手讲的上传实例，而这部分是很常用的，故今天献丑为各位新鸟详细讲解下怎样实现文件上传。用过ASP的都知道，ASP的上传要么购买官方的组件实现，要么就编写复杂的上传类，是相当麻烦的，这里不免要宣传下PHP，PHP使上传变的非常容易且这一切都是免费的，怎么样，你心动了没有？心动不如行动（好土的台词- _ -!），赶紧跟我来吧～～～，另外说一句，斑竹如果觉得我写的好，可要给我加精哦！！^_^
     首先来看下上传部分的表单代码：


这里有几个要注意的地方，首先看这句<form method="post" action="upload.php" enctype="multipart/form-data">，这里我们采用POST方法，个别浏览器还支持PUT方法，当然这需要对脚本进行修改，我并不建议这么做。表单中必须设置enctype="multipart/form-data，这样，服务器就知道上传文件带有常规表单信息，记住，这个是必须设置的。此外还需要一个隐藏域来限制上传文件的最大长度：<input type="hidden" name="MAX_FILE_SIZE" value="2000000">，这里name必须设置成MAX_FILE_SIZE，其值就是上传文件的最大长度，单位是B，这里我限制成2M。再看这句：<input name="file" type="file"  value="浏览" >，type="file" 说明了文件类型，这样一个基本的上传文件接口就完成了，接下来讲讲如何用PHP来处理上传的文件，此外你的php.ini中设置的上传文件最大长度可能会影响到你的实际上传，请根据实际情况修改，另PHP的上传是先传到临时目录，在移至指定目录的，了；临时目录的可根据需要修改，也可使用默认值。
   好的，表单提交upload.php，来看看这个页面都有什么：

刚看这些你可能有点晕～～，不过不要紧，听我讲完，你就会发现其实这玩意SO EASY！！首先我讲下原理，该程序以上传图片为例，先判断文件类型是否为图片格式，若是则上传文件，以随机数和时间的组合重新命名文件（避免上传文件重名，这样做很有必要！），接着上传文件到指定目录，成功上传则输出上传的图片预览。这里要对程序中一些函数作些解释。先看return substr(strrchr(＄filename, '.'), 1)， strrchar()函数有什么作用呢，我举个例子大家就知道，比如一个图片文件 pic.jpg，我们用 strrchr处理，strrchr(pic.jpg,'.')，它将返回.jpg，明白了吗？该函数返回指定字符在该字符串最后出现的位置后的字符。配合 substr() 我们就可以取到jpg，这样我们就得到了文件的后缀名，来判断上传文件是否符合指定格式。本程序把指定的格式放在一个数组中，实际使用时可根据需要添加。
    接下来看产生随机数文件名部分， 我们看到mt_srand()这个函数，手册上叫他“播下一个更好的随机数发生器种子”，其实就是初始化一个随机数的函数，参数是(double)microtime() * 1000000，这里如果不这是参数就会自动设置个随机数，当然这不符合我们的需要，如此一来，随机数就具备一定的长度，保证了上传文件不重名。接着，我们调用判断文件类型的函数，并将其转化为小写strtolower(fileext(＄_FILES['file']['name']))，这里有个很关键的东东＄_FILES ，这是个超级全局数组，保存了需要处理的表单数据，如果开启了register_globals，也可以直接访问，但这是不安全的。看刚才那个上传接口<input name="file" type="file"  value="浏览" >，根据这个表单名称，我们可以得到很多信息：
    ＄_FILES['file']['name']--  得到文件名称
    ＄_FILES['file']['tmp_name']--得到临时存储位置
    ＄_FILES['file']['size']--得到文件大小
    ＄_FILES['file']['type']--得到文件MIME类型
得到这些信息，我们就可以轻松判断文件的信息了，是不是很方便？^_^，接下来还有一些函数需要了解，file_exists()--判断指定目录是否存在，不存在我们当然不能上传（好像是废话！），move_uploaded_file--将上传文件移至指定目录，is_uploaded_file--判断文件是否已经通过HTTP POST上传。成功上传，我们就输出预览，否则输出上传失败！大功告成

看了标题你也许要说，留言本，很基本的东东啊！谁不会啊，还要用Smarty，这不找累吗？别急，我要表达的是一种编程的思想和结构，而不是证明我做的东西多有意义，通过它相信对初学者学习Smarty和ajax有些启发。原本用ajax做的，可惜始终调试不成功，只好用手写JS来弄了，不过不要紧，还是有一定价值的。站点结构大家下了源代码自己看，代码不长，应该不会看烦^_^，听我慢慢道来。
     现在都PHP5了OO（面向对象）很流行了都，这里也不错过，首先来看下我们用OO来实现数据库操作和连接：
[php]
<?php
/**************************
   
  页面：dbclass.php
  作者：辉老大
  功能：定义数据库操作类
**************************/
<?php
/**************************
   
  页面：dbclass.php
  作者：辉老大
  功能：定义数据库操作类
**************************/
class db{
       //创建构造函数，作用：数据库连接并选择相应数据库
       public function __construct(){
     require('config.inc.php');
           mysql_connect(＄dbhost,＄dbuser,＄dbpassword) or die("error!");
     mysql_query("SET NAMES 'GBK'");
           mysql_select_db(＄dbname);
       }
    //执行SQL语句函数
    public function query(＄sql){
        return mysql_query(＄sql);
    }
    //取得结果集数组函数
    public function loop_query(＄result){
        return mysql_fetch_array(＄result);
    }
    //创建析构函数，作用：关闭数据库连接
    public function __destruct(){
     return mysql_close();
    }
   }
?> 
这个类有什么特点呢？首先介绍下__construct()是构造函数，啥是构造函数？通俗点讲就是类被实例化后就自动执行的函数，__destruct()是啥？是析构函数，它的作用就是在没有任何方法指向这个对象时，便自动销毁对象，里面一般包含一些收尾的操作，比如关闭文件，关闭数据库连接之类的方法，看到这你是不是明白一些了？没错！在类实例化的时候自动执行带有数据库连接方法的构造函数，在实例销毁的时候执行关闭数据库连接的析构函数，对于一些基本数据操作我们只要new一个＄db对象，然后＄db->query()...是不是很方便，当然，这只是一个简单的例子，你还可以继续扩展。来看看 config.inc.php里面是什么：
很容易对不对，感兴趣就接着看吧^_^，来看下模板文件：

<?php
/*************************
  
   页面：config.inc.php
   作者：辉老大
   功能：数据库参数变量设定
   ＄dbhost:主机名
   ＄dbuser:连接帐户
   ＄dbpassword:连接密码
   ＄dbname:数据库名
*************************/
   ＄dbhost     = "localhost";
   ＄dbuser     = "root";
   ＄dbpassword = "7529639";
   ＄dbname     = "testdb";
?> 

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk" />
<title><{＄title}></title>
<style type="text/css">
<!--
.username {
height: 20px;
width: 250px;
}
.comment {
height: 100px;
width: 660px;
}
body,td,tr {
font-size: 9pt;
}
-->
</style>
<script language="javascript" src="./inc/ajax.js"></script>
</head>
<body>
<div align="right" id="check"></div>
<div id="result"><{*这里显示留言内容*}>
<{section name=loop loop=＄bookinfo}><{*循环显示留言*}>
用户名：<{＄bookinfo[loop].username}> 内容：<{＄bookinfo[loop].comment}><p>
<{/section}>
</div>
<form method="post" name="book" id="book">
  <table width="760" border="1" cellpadding="0" cellspacing="0">
    <tr>
      <td width="80" height="30" align="center">用户名：</td>
      <td height="30"> <input name="username" type="text" class="username" id="username"></td>
    </tr>
    <tr>
      <td width="80" height="120" align="center">留言内容：</td>
      <td height="120"> <textarea name="comment" class="comment" id="comment"></textarea></td>
    </tr>
  </table>
  <input type="button" name="button" value="发布" onClick="send('result');">
  </form>
</body>
</html>

模板中的内容在<{}>中的一会会被PHP替换掉，这就实现了美工和程序员的分工，不错吧有关Smarty的内容还请参考手册，这里就不便多说。来看下页面是怎么输出模板的吧：

<?php
  /*****************************************
   Title :Smarty结合Ajax留言板实例
   Author:leehui1983(辉老大)
   Page Name:index.php
   Finish Date  :2006-12-17
  *****************************************/
  
  require('./libs/Smarty.class.php');//包含smarty类库
  require('./inc/dbclass.php');//包含数据库操作类
  
  ＄db = new db();//生成数据库操作实例
  ＄smarty = new Smarty();//实例化smarty对象
  ＄smarty->template_dir = "./templates";//设置模板目录
  ＄smarty->compile_dir  = "./templates_c"; //设置编译目录
  ＄smarty->caching      = false; //设置缓存方式
  /*****************************************************
  左右边界符，默认为{}，但实际应用当中容易与JavaScript
  相冲突，所以建议设成<{}>或其它。
  *****************************************************/
  ＄smarty->left_delimiter  = "<{"; 
  ＄smarty->right_delimiter = "}>";
  ＄smarty->assign('title','smarty结合ajax制作简单留言板');//替换模板内容
  //设置初始页面由Smarty显示的留言内容
  ＄rt=＄db->query("select * from bookinfo order by id desc");
  while(＄rs=＄db->loop_query(＄rt)){
   ＄array[]=array("username"=>＄rs['username'],"comment"=>＄rs['comment']);
  }
  ＄smarty->assign("bookinfo",＄array);
  unset (＄array);//销毁数组变量
  ＄smarty->display("index.tpl");//编译并显示位于./templates下的index.tpl模板
?> 
页面实例的注释还是比较多的，大家参考下Smarty手册这个是So easy的！！呵呵～～～～
接下来到了介绍ajax的时候，这里我们用一个基本的开发框架来实现，关于ajax的知识建议大家看看网上非常流行的电子教程ajax开发简略
var http_request=false;
  function send_request(url){//初始化，指定处理函数，发送请求的函数
    http_request=false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest){//Mozilla浏览器
  http_request=new XMLHttpRequest();
  if(http_request.overrideMimeType){//设置MIME类别
    http_request.overrideMimeType("text/xml");
  }
}
else if(window.ActiveXObject){//IE浏览器
  try{
   http_request=new ActiveXObject("Msxml2.XMLHttp");
  }catch(e){
   try{
   http_request=new ActiveXobject("Microsoft.XMLHttp");
   }catch(e){}
  }
    }
if(!http_request){//异常，创建对象实例失败
  window.alert("创建XMLHttp对象失败！");
  return false;
}
http_request.onreadystatechange=processrequest;
//确定发送请求方式，URL，及是否同步执行下段代码
    http_request.open("GET",url,true);
http_request.send(null);
  }
  //处理返回信息的函数
  function processrequest(){
   if(http_request.readyState==4){//判断对象状态
     if(http_request.status==200){//信息已成功返回，开始处理信息
   document.getElementById(reobj).innerHTML=http_request.responseText;
  }
  else{//页面不正常
   alert("您所请求的页面不正常！");
  }
   }
  }
  function send(obj){
   var f=document.book;
   var username=f.username.value;
   var comment=f.comment.value;
   if(username==""||comment==""){
   document.getElementById(obj).innerHTML="<font color=red>请填写完整！</font>";
   return false;
   }
   else{
   send_request('checkbookinfo.php?username='+username+'&comment='+comment);
   reobj=obj;
   }
  }

这样我们点“发布”按钮，数据就会交由服务器异步处理，通过JS来组织异步更新，在发过留言后你马上就能看见你的留言而不是传统的等待页面跳转，那么数据传到哪里处理呢？看这里：
<?php
  
  /*****************************************
   Title :Smarty结合Ajax留言板实例
   Author:leehui1983(辉老大)
   Page Name:checkbookinfo.php
   Finish Date  :2006-12-17
  *****************************************/
  header("Content-type: text/html;charset=GBK");//输出编码,避免中文乱码
  include('./inc/dbclass.php');//包含数据库操作类
  ＄db=new db();//生成数据库操作实例
  ＄sql="insert into bookinfo values(0,'".＄comment."','".＄username."')";
  ＄db->query(＄sql);
  ＄querysql="select * from bookinfo order by id desc";
  ＄result=＄db->query(＄querysql);
  while(＄rows=＄db->loop_query(＄result)){//打印留言列表，用于实时更新
  //＄arr.="用户名：{＄rows['username']} 内容：{＄rows['comment']}<p>";
  echo '用户名：'.＄rows['username'].' 内容：'.＄rows['comment'].'<p>';
  }
  //echo ＄arr;
  
?> 

嗯，先插入数据，在将更新后的数据通过JS组织显示，AJAX看来真的不错哦！大体就介绍完了，不知道大家想过没有，加个 iframe可以改成什么?对！无刷新聊天室，发挥你的能力，实现一个看看。这个例子用到了OO，AJAX，SMARTY，东西还是蛮多滴，希望大家喜欢，我已经决定将此文向PHP杂志投稿，大家若是转载，还希望注明版权，谢谢！最后来个效果图～～～～

在原创那边写了几个php＋ajax的应用例子，今天和新手谈谈smarty+xjax，希望对新手有帮助，xajax是用PHP写的ajax开发框架，可以生成JS代码，这样使用起ajax就比较简单了，今天结合模板引擎smarty，来实现一个检测用户名合法性的小程序，大家有兴趣的话还可以扩展这个程序到自己的应用中，嗯，这里写出核心代码，里面注释很详细，不过建议大家看之前还是看看这个http://blog.csdn.net/fhiesc/archive/2006/07/04/873441.aspx，相信你会很快明白xajax是什么东东，及如何使用，最后依然是效果图。好的，看代码吧：

<?php

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

   Title :smarty结合xajax检测用户名简单实例
   Author:leehui1983(辉老大)
   Finish Date  :2006-12-09

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

  //为避免中文乱码，需要在 xajax.inc.php 需要改一下默认的encoding:define ('XAJAX_DEFAULT_CHAR_ENCODING', 'gbk' )UTF8编码格式文件不需要更改

  require_once('./libs/Smarty.class.php');//包含smarty类库
  require('./xajax/xajax.inc.php');//包含xajax类库

  function checkusername(＄textvalue){//编写需要的PHP函数
       ＄checkresult=(＄textvalue=='test' ? '<font color=red>该用户名已经注册</font>' :'<font color=red>可以注册</font>');
       ＄objresponse=new xajaxResponse();//实例化xajaxresponse对象
       ＄objresponse->addassign("result","innerHTML",＄checkresult);//指定ID为result的元素中添加内容＄checkresult
       return ＄objresponse;//返回结果文本
  }

  ＄xajax=new xajax();//实例化xajax对象
  ＄smarty=new Smarty();//实例化smarty对象
  ＄smarty->template_dir = "./templates";//设置模板目录
  ＄smarty->compile_dir = "./templates_c"; //设置编译目录
  ＄smarty->caching = false; //设置缓存方式
  /*****************************************************
  左右边界符，默认为{}，但实际应用当中容易与JavaScript
  相冲突，所以建议设成<{}>或其它。
  *****************************************************/
  ＄smarty->left_delimiter = "<{"; 
  ＄smarty->right_delimiter = "}>";


  ＄xajax->registerFunction("checkusername");//注册checkusername函数
  ＄xajax->processRequests();//调用xajax用于接管请求
  
  ＄smarty->assign('xajax_javascript', ＄xajax->getJavascript('./xajax/'));//输出JS代码,注意('./xajax/')中参数为xajax.inc.php父目录，在同意目录下可不同填写，否则必须填写
  ＄smarty->assign('title','smarty结合xajax检测用户名简单实例');//替换模板内容
  ＄smarty->display('index.tpl');//显示模板内容
?> 

模板代码：

<html>
<head>
<meta http-equiv="Content-Type" c />
<title><{＄title}></title>
<{＄xajax_javascript}><{*使smarty支持xajax*}>
</head>

<body>
<form  name="check" >
请输入用户名：
  <input type="text" name="username" />
  <input type="button" name="button" value="检查用户名"  />
  <div id="result"></div>
</form>
</body>
</html> 
是不是不错？喜欢就顶吧～～～～～～～
效果图：

 

由于大4了，接下来要忙找工作和学校一些繁琐的事情，接下来的1，2个月可能没有时间写原创作品，今晚再弄一个，希望大家喜欢，别忘了支持我哦！^_^。这次给大家展示的是非常常用的一个ajax功能－－联动下拉列表，本程序采用2级联动，根据数据库的内容用ajax处理下拉列表内容，实现根据用户需求取得下拉选项，交互性强，更新容易。废话少说，不如正题，这次依然象往常一样提供截图和源码下载，首先还是AJAX框架：

var http_request=false;
  function send_request(url){//初始化，指定处理函数，发送请求的函数
    http_request=false;
//开始初始化XMLHttpRequest对象
if(window.XMLHttpRequest){//Mozilla浏览器
  http_request=new XMLHttpRequest();
  if(http_request.overrideMimeType){//设置MIME类别
    http_request.overrideMimeType("text/xml");
  }
}
else if(window.ActiveXObject){//IE浏览器
  try{
   http_request=new ActiveXObject("Msxml2.XMLHttp");
  }catch(e){
   try{
   http_request=new ActiveXobject("Microsoft.XMLHttp");
   }catch(e){}
  }
    }
if(!http_request){//异常，创建对象实例失败
  window.alert("创建XMLHttp对象失败！");
  return false;
}
http_request.onreadystatechange=processrequest;
//确定发送请求方式，URL，及是否同步执行下段代码
    http_request.open("GET",url,true);
http_request.send(null);
  }
  //处理返回信息的函数
  function processrequest(){
   if(http_request.readyState==4){//判断对象状态
     if(http_request.status==200){//信息已成功返回，开始处理信息
   document.getElementById(reobj).innerHTML=http_request.responseText;
  }
  else{//页面不正常
   alert("您所请求的页面不正常！");
  }
   }
  }
  function getclass(obj){
   var pid=document.form1.select1.value;
   document.getElementById(obj).innerHTML="<option>loading...</option>";
   send_request('doclass.php?pid='+pid);
   reobj=obj;
  }

这个程序的核心就是动态添加
<option>......</option>

服务器端是进行数据的检索，很简单：