风舞的博客
谁曾看见风舞,云袖澄素,倩影飘忽。谁曾伤心的恸哭,翠酒寒烛,紫檀香柱。
     谁又流传了千古,魅异高孤,幽鬼其独。谁又追寻了苦苦,挥不去美丽的灵狐。
posts - 3,comments - 23,trackbacks - 0

示例:

     几个GD函数堆砌出来的玩意,只要搞定怎样把中文写到图片上就可以了,因为GD函数只接受UTF8格式编码的文字,所以在写文字前首先要进行编码转换。PHP自带的iconv和mbstring库都可以完成这项工作,但一般的虚拟主机很少支持,所以要自己写个,像这里用gb2utf8完成这项工作。当然如果你的页面就是以UTF8格式存储的,就可以省去这些额外工作。

<?php
/*****************************************************************
 * excode.php
 * @author  风舞
 * @email   wjiujun (at) gmail.com
 * @note    一个中文附加码
 *****************************************************************/
$RANDCODE=array('宠','辱','不','惊','静','看','庭','前','花','开','花','落','得','失','无','意','漫','望','天','外','云','卷','云','舒');
$CODETABLE=array();
$fp=fopen("gb2312.txt","r");
while($line=fgets($fp))
    $CODETABLE[hexdec(substr($line,0,6))]=substr($line,7,6);
fclose($fp);

//gb2312转utf8
function gb2utf8($gbstr)
{
    global $CODETABLE;
    if(trim($gbstr)=="")
        return $gbstr;
    $ret="";
    $utf8="";
    while($gbstr)
    {
        if(ord(substr($gbstr,0,1))>127)
        {
            $thisW=substr($gbstr,0,2);
            $gbstr=substr($gbstr,2,strlen($gbstr));
            $utf8="";
            @$utf8=u2utf8(hexdec($CODETABLE[hexdec(bin2hex($thisW))-0x8080]));
            if($utf8!="")
            for($i=0;$i<strlen($utf8);$i+=3)
                $ret.=chr(substr($utf8,$i,3));
        }
        else
        {
            $ret.=substr($gbstr,0,1);
            $gbstr=substr($gbstr,1,strlen($gbstr));
        }
    }
    return $ret;
}

//unicode转utf8
function u2utf8($c)
{
    $str="";
    if($c<0x80)
        $str.=$c;
    elseif($c<0x800)
    {
        $str.=(0xC0|$c>>6);
        $str.=(0x80|$c&0x3F);
    }
    elseif($c<0x10000)
    {
        $str.=(0xE0|$c>>12);
        $str.=(0x80|$c>>6&0x3F);
        $str.=(0x80|$c&0x3F);
    }
    elseif($c<0x200000)
    {
        $str.=(0xF0|$c>>18);
        $str.=(0x80|$c>>12&0x3F);
        $str.=(0x80|$c>>6&0x3F);
        $str.=(0x80|$c&0x3F);
    }
    return $str;
}

//生成附加码
function create_excode($length)
{
 global $RANDCODE;
    header("content-type: image/png");
 $image_x=$length*30;    //图片宽度
 $image_y=40;            //图片高度
    $noise_num=80*$length;   //杂点数量
    $line_num=$length-2;      //干扰线数量
 $image=imagecreate($image_x,$image_y);
 imagecolorallocate($image,0xff,0xff,0xff);                  //设定背景颜色
 $rectangle_color=imagecolorallocate($image,0xAA,0xAA,0xAA); //边框颜色
 $noise_color=imagecolorallocate($image,0x00,0x00,0x00);     //杂点颜色
 $font_color=imagecolorallocate($image,0x00,0x00,0x00);      //字体颜色
 $line_color=imagecolorallocate($image,0x33,0x33,0x33);      //干扰线颜色

 //加入杂点
    for($i=0;$i<$noise_num;$i++)
  imagesetpixel($image,mt_rand(0,$image_x),mt_rand(0,$image_y),$noise_color);

 $font_face="simkai.ttf";    //字体
    $x=2;
    $session_code='';
    for($i=0;$i<$length;$i++)
    {
        $code=$RANDCODE[mt_rand(0,count($RANDCODE)-1)];
     imagettftext($image,18,mt_rand(-6,6),$x,29,$font_color,$font_face,gb2utf8($code));
        $x+=30;
        $session_code.=$code;
    }
    @session_start();
    $_SESSION['excode']=$session_code;  //把附加码的值放在session中

    //加入干扰线
    for($i=0;$i<$line_num;$i++)
     imageline($image,mt_rand(0,$image_x),mt_rand(0,$image_y),
                    mt_rand(0,$image_x),mt_rand(0,$image_y),$line_color);
 imagerectangle($image,0,0,$image_x-1,$image_y-1,$rectangle_color);  //加个边框
 imagepng($image);
 imagedestroy($image);
}
create_excode(6);
?>


    使用的时候直接用html语法:<img src="excode.php">调用就可以了,在服务端做验证时取session存储的验证字符与用户提交的字符进行比较,相同则通过验证。
    注:程序用到的simkai.ttf是windows中常见的楷体,当然你也可以换成别的字体,但一定要支持中文的;gb2312.txt是gb2312和utf8的编码对照表,可以点这里下载

posted @ 2006-09-02 02:40 风舞 阅读(2553) | 评论 (4)编辑 收藏

    Ajax是目前很时髦也很酷的一个技术,为此小弟也曾花上数月时间研究,并已成功运用到实际的项目中.感觉运用好的话确实能带来非常棒的用户体验,反之则会使你深陷在js代码的泥潭中,不但得不到预期的效果,代码也会变的臃肿丑陋,得不偿失.而登录验证很可能是你学Ajax时拿来练手的第一个或第二个例子,在这里小弟也贴一个本人初学Ajax时写的一段代码(已经重写,从SAJAX迁移到了prototype.js),希望能与志同道合之人共同学习、共同进步。
    废话不说了,先贴代码:

<?php
/**************************************************************
 * login.php
 * @author 风舞
 * @email wjiujun (at) gmail.com
 * @note ajax登录验证,用户名和密码保存在客户端cookies中
 **************************************************************/

//得到安全字符串
function safe_str($str)
{
    return (string)htmlspecialchars(trim($str));
}

if(safe_str($_GET['action'])=='login')
{
 //登录验证
    header("Content-type: text/xml");
 $user=safe_str($_POST['user']);
 $pwd=safe_str($_POST['pwd']);

 $response_xml='<info>';

 //只有当用户名为root,密码为888时才通过验证
 $response_xml.=($user!='root'||$pwd!='888')?'<error>incorrect username or password!</error>':"<login><info><user>{$user}</user><pwd>{$pwd}</pwd></info></login>";

 $response_xml.='</info>';
 print $response_xml;
 exit;
}
else
{
?>
<html>
<head>
<title>Ajax登录验证</title>
<script type="text/javascript" src="prototype.js"></script>
<script language="JavaScript" type="text/javascript">
<!--
 //得到cookies的值
 function getCookie(name)
 {
  var dc=document.cookie;
  var prefix=name+"=";
  var begin=dc.indexOf("; "+prefix);

  if(begin==-1)
  {
   begin=dc.indexOf(prefix);
   if(begin!=0)
    return "";
  }
  else
   begin+=2;
  var end=document.cookie.indexOf(";",begin);
  if(end==-1)
   end=dc.length;
  return unescape(dc.substring(begin+prefix.length,end));
 }

 //删除cookies
 function delCookie(name)
 {
  if(getCookie(name))
   document.cookie=name+"=; path=/; expires=Thu, 01-Jan-70 00:00:01 GMT";
 }

 //设置cookies
 function setCookie(name,value)
 {
  var expires=new Date();
  expires.setTime(expires.getTime()+30*24*60*60*1000); //设置cookies失效时间为一个月
  document.cookie=name+"="+escape(value)+"; expires="+expires.toGMTString()+"; path=/";
 }

 //得到节点的值
 function getElementTextNS(local,parentElem,index)
 {
  var result = parentElem.getElementsByTagName(local)[index];
  return result?result.childNodes.length>1?result.childNodes[1].nodeValue:(result.firstChild?result.firstChild.nodeValue:""):"n/a";
 }

 //初始化
 function init()
 {
  var loginUser=getCookie("ajaxUser");
  var loginPwd=getCookie("ajaxPwd");
  loginUser!=""?parseLogin(loginUser,loginPwd):genLoginForm();
 }

 //退出登录
 function logOut()
 {
  delCookie("ajaxUser");
  delCookie("ajaxPwd");
  genLoginForm();
 }

 //用指定的用户名和密码登录
 function parseLogin(username,password)
 {
  var postBody="user="+escape(username)+"&pwd="+escape(password);
  new Ajax.Request("?action=login", {method:"post", postBody:postBody,
      onFailure:function() {alert("程序异常")}, 
      onSuccess:makeResult});
  return false;
 }

 //处理登录返回结果
 function makeResult(response)
 {
  var info=response.responseXML.getElementsByTagName("info");
  var error=getElementTextNS("error",info[0],0);
  if(error!="n/a")
  {
   genLoginForm();
   alert("请输入正确的用户名和密码");
  }
  else
  {
   var user=getElementTextNS("user",info[0],0);
   var pwd=getElementTextNS("pwd",info[0],0);

   setCookie("ajaxUser",user);
   setCookie("ajaxPwd",pwd);
   if(getCookie("ajaxUser")=="")
   {
    genLoginForm();
    alert("您的浏览器必须支持cookies");
   }
   else
    $("content").innerHTML="<h2>Hello,<font color=\"red\">"+user+"</font>!<a href=\"javascript:logOut();\">logout</a></h2>";
  }
 }

 //显示登录框
 function genLoginForm()
 {
  $("content").innerHTML="<form onsubmit=\"return parseLogin($('user').value,$('pwd').value);\">用户名:<input type=\"text\" id=\"user\" size=\"12\"> 密码:<input type=\"password\" id=\"pwd\" size=\"12\"> <input type=\"submit\" value=\"登录\"></form>";
 }
//-->
</script>
</head>

<body onload="init();">
<div id="content"></div>
</body>
</html>
<?php
}
?>

    程序的思路主要是:页面加载时调用init判断客户端是否存有网站所需的cookies,如果有的话取相应cookies到服务端验证,通过验证显示成功提示,反之显示登录框,同样如果没有所需cookies也显示登录框直到用户输入正确的用户名和密码。整个过程两次用到了ajax,一次是用户输入用户名和密码点击登录按钮后,另一次是页面加载时的用户名和密码验证,其实两个过程调用的是同一个函数parseLogin,这个函数主要负责与远程(也就是“?action=login”)通讯,“?action=login”接受post过来的用户名和密码进行处理并返回处理结果,客户端收到服务端的处理结果后进行进一步的处理(调用函数makeResult)。可以看出与传统的“处理登录”相比是有很大差别的,首先整个过程中没有任何的页面加载(也就是无刷新),form中我并没有指定action和method,由js完成与PHP的通信,同时也是异步的(你可以同时进行多个请求,而按传统方式在进行一个请求时不能再进行其他请求(使用多个iframe也可以模拟出异步的效果,这里不包括这种情况)),充分利用这两点就可以制作出以前需要通过非常复杂的方法才可能达到的效果,如自动完成等。
    客户端使用的prototype.js,实际上从我第一眼发现这个强悍无比的家伙时就离不了它了,还狠心“抛弃”了已经很习惯的SAJAX。另外服务端返回的是XML,在这里使用XML只是想说明一种通用的js处理XML的方式。
    当然由于是无刷新的,所以在提交登录时已经看不到状态栏上的进度条,如果登录时间过长,用户可能不知道发生了什么事情,会不停的点击提交,这时我们一般会在提交时生成一个加载条,告诉用户目前正在发生什么,如gmail右上角的loading...,chinaren的“我正在帮您登录,请稍等...”,当服务端返回结果时就要隐藏这个加载条,控制display属性就可以简单的实现这种轮换效果。

posted @ 2006-08-30 22:24 风舞 阅读(9381) | 评论 (9)编辑 收藏

    改自eWebEditor,是哪个版本我忘了,修改过程中参考了动易编辑器,重新设计了目录结构,去掉了感觉没什么必要的后台管理,样式文件也只留了一个,另外还去掉了让我很不爽的设置背景图片功能。较原始版本已有很大改变,概括如下:
    · 剥离出“插入媒体文件”和“插入rm文件”;
    · 所有涉及上传的操作都新增“从已上传文件选择”的功能,但是由于这块我是用数据库实现的,所以在单独剥离出来的编辑器中就没有提供相关的代码;
    · 丰富了flash操作,可以设置是否透明flash、是否自动播放、是否循环播放、是否启用右键菜单。另外增加了和图片操作一样的修改功能,并关联了鼠标右键;
    · 图片文件、flash文件、媒体文件、rm文件的操作都提供了实时预览功能;
    · 去掉原有的“代码样式”和“引用样式”,新增“插入代码”功能;
    · 新增字母大小写转换功能;
    · 加入了eWebEditor刚新增的“插入艺术字”;
    · 增加图片左对齐、右对齐和居中对齐;
    · 加了个简易计算器;
    · 增加个插入分页的按纽,并关联了Ctrl+Enter;
    · 丰富了原有的“插入水平线”,现在可以设置水平线的大小、宽度、颜色、对齐方式等。对已经插入的水平线提供了修改功能;
    · QQ的表情看腻了,换了套泡泡的;
    ...
    由于eWebEditor本身的问题,目前只能在ie下正常,根本没有考虑兼容性,功能上也是给人一种华而不实的感觉,代码编写方面和FCK等还有一定差距。当然嘛,考虑到是国产的,大家就支持一下咯!

点击下载↓

posted @ 2006-08-25 21:34 风舞 阅读(1041) | 评论 (10)编辑 收藏
仅列出标题