花了一整天时间做的一套网站后台管理界面UI

星期6花了些时间做的一整套网站管理后台的UI，以前的比较简单。

现在在用thinkphp＋jqeruy做后台管理

现已经完成了权限管理(RBAC)这块,验证模块采用的是thinkphp内置RBAC功能。

界面演示下图:

1.jpg

登陆页面login

2.jpg

采用AJAX技术实现无刷新登陆。

3.jpg

后台管理中的权限节点设置页面

4.jpg

点修改，自动使用ajax进行该节点的编辑

来杭州二个多月了，时间过得真快

记得来杭州是四月份的中旬，13号早来来的杭州。但现在不知不赏都已经过6月，快到七月了。

21号找的工作，工作也满二个月了。在这两个月的工作了，自身能力方面觉得提升得很快，因为公司正在开发的网站是web2.0网站，以前对ajax和javascript一直是浅尝则止，但因为公司开发的网站基本是全AJAX的，经过一段时间的磨砺，ajax和javascript都有了长足的进步，下个月网站就要准备上线了，以后会有更多的挑战，我喜欢充满挑战的生活。

最近接单方面因为刚来杭州，因为总总原因，推掉了部份网站单，来杭州这段时间是天天下班后就是打打游戏看看新闻、看看电影，生活道是过得是挺逍遥，但觉得特郁闷，从现在开始要重新振作了。这几天接了个单，准备好好用心做，之前的单大多数是用自己的一套简单框架，但不是很好用，现在就打算用这个单的机会重新用thinkPHP框架做个后台程序，把常用的功能都做上去，方便以后的单子。。然后重新把工作室的网站建设一下，工作室的网站从关到现在都一年了，以后业余还得靠它兼职呢。。。

这段时间，家里说南昌的房价降得挺厉害的，正好家附近文教路正在开发一个新楼盘，房价在3800多，问我现在要不要考虑买房的事。感觉爸妈挺为我的将来着急的，但了解到南昌的房子还会降，而且现在还不想那么早供房，一直以为自己还小，有些事很遥远，但突然发现我大了，要承担的责任大了，真希望自己还是学生，一切家里出着主意。自己自由自在的，无忧无虑。房子的事打算再观察段时间，合适的话，还是买得了，反正以后是少不了的。还好首付家里帮我付着，月供的话，现在自己一个人，省着点花，应该也没什么很大的负担。。以后要好好赚钱了。努力、加油····

jqeruy打造滑动方框效果。仿照mootools!

项目需要用到滑动方框效果,好不容易到网上找到了二个可用的代码，。一个是prototype写的,另一个是mootools写的。

经过考虑。最后选的是mootools.

但项目主体使用的是jquery。二个类库同时使用时会产生冲突。整了一段时间后。mootools与项目其它部分整合得差不多了，但前几天突然发现mootools的动画效果既然与jquery的load()还有$.post等起冲突。。晕死。。白弄了。

后来下决心自己用jquery写一个滑动效果。。写了个把小时。感觉做出的效果跟mootools的滑动效果非常类似了。到现在这个问题才大功告成。

现在把代码贴出来。。在需要的朋友们可以借鉴借鉴。。嘿嘿

演示地址：http://www.ye55.com/test.html

下载地址：http://www.ye55.com/js_test1.rar (包含jquery类库)

关键js代码如下：

 

JavaScript代码
  1. <SCRIPT LANGUAGE="JavaScript">   
  2. <!–   
  3.     function BoxLeft(content){   
  4.     var speed = 500;//滑动速度 0.1秒   
  5.     var left=jq("#"+content).offset().left;   
  6.   
  7.     jq("div .scrolling-content").each(function(){   
  8.         var thisleft=jq(this).offset().left-left;   
  9.       jq(this).animate({left:thisleft},speed);   
  10.     });   
  11. }   
  12. //–>   
  13. </SCRIPT>  

用jquery做了一个ajax聊天室

现要只是实现了聊天室的基本聊天，ajax无刷新显示功能，会员功能 等正在制作中。

演示地址：http://www.ye55.com/chat

下载地址：

chat.rar

数据库sql:

 

SQL代码
  1. CREATE TABLE `message` (   
  2.   `mid` int(20) NOT NULL auto_increment,   
  3.   `msg` varchar(255) NOT NULL,   
  4.   `user` varchar(50) NOT NULL,   
  5.   `time` int(10) NOT NULL,   
  6.   PRIMARY KEY  (`mid`),   
  7.   KEY `user` (`user`)   
  8. ) ENGINE=InnoDB DEFAULT CHARSET=utf8 AUTO_INCREMENT=161 ;   
  9.   
  10.   
  11.   
  12. CREATE TABLE `session` (   
  13.   `id` varchar(32) NOT NULL,   
  14.   `time` int(10) NOT NULL,   
  15.   `timenow` int(10) NOT NULL,   
  16.   `data` text NOT NULL,   
  17.   `ip` varchar(15) NOT NULL,   
  18.   PRIMARY KEY  (`id`)   
  19. ) ENGINE=MyISAM DEFAULT CHARSET=utf8;   
  20.   

现在程序开源，其它的像字体，字色，会员，在线列表等功能将陆续完成。

主要的三个页面的代码

1、 index.php

 

XML/HTML代码
  1. <?php  
  2. //程序设计：℃冻番茄 QQ:7279915 E-mail:web@ye55.com www.phpd.cn   
  3. require_once("config.php");   
  4. ?>  
  5. <!DOCTYPE htm PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">  
  6. <html xmlns="http://www.w3.org/1999/xhtml">  
  7.  <HEAD>  
  8.   <TITLE> chat </TITLE>  
  9.   <META NAME="Generator" CONTENT="EditPlus">  
  10.   <META NAME="Author" CONTENT="">  
  11.   <META NAME="Keywords" CONTENT="">  
  12.   <META NAME="Description" CONTENT="">  
  13.   <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  14.   <link href="css/global.css" rel="stylesheet" type="text/css" />  
  15.   <SCRIPT LANGUAGE="JavaScript" src="js/jquery.js"></SCRIPT>  
  16.  </HEAD>  
  17.  <BODY>  
  18.  <div id="main">  
  19.     <div id="main_left" style="float:none;margin:0px auto;">  
  20.         <div id="chat_m" style="width:500px;height:500px;border:#cccccc 1px solid;overflow:auto;">Loading…</div>  
  21.   
  22.          <div id="main_l_from">  
  23.          <FORM METHOD=POST ACTION="javascript:void(0)">  
  24.             昵称：<INPUT TYPE="text" NAME="user" id="user" size="8" value="<?=$_SESSION[‘user’]?>"> 内容:   
  25.             <INPUT TYPE="text" NAME="message" id="message" style="width:250px;"> <INPUT TYPE="submit" name="sub" value="发言" id="sub">  
  26.          </div></FORM>  
  27.     </div>  
  28.     <!–<div id="main_right">  
  29.     <h2>在线会员</h2>  
  30.     </div>—>  
  31. <SCRIPT LANGUAGE="JavaScript">  
  32. <!–   
  33.     $("#chat_m").load("chat.php");   
  34.     $("#sub").click(function(){   
  35.         if($("#user").val()==”){   
  36.             alert("昵称不能为空!");   
  37.         }else if($("#message").val()==”){   
  38.             alert("聊天内容不能为空!");   
  39.         }else{   
  40.                 $.post("ajax.php?act=send",{user:$("#user").val(),msg:$("#message").val()},function(data){   
  41.                     if(data.msg===true){   
  42.                         showmsg();   
  43.                         $("#message").val("");   
  44.                     }else{   
  45.                         alert(data.msg);       
  46.                     }   
  47.                 },"json")   
  48.             }   
  49.     })   
  50. function sc()    
  51. {    
  52. var e=document.getElementById("chat_m")    
  53. ee.scrollTop=e.scrollHeight;    
  54. }    
  55. //var s=setInterval("sc()",200)    
  56. //–>  
  57. </SCRIPT>  
  58. <hr size=1>  
  59. <center>程序设计：℃冻番茄 QQ:7279915 E-mail:web@ye55.com <a href="http://www.phpd.cn">www.phpd.cn</a> </center>  

 

2、chat.php

 

 

XML/HTML代码
  1. <?php  
  2. require_once("config.php");   
  3. //程序设计：℃冻番茄 QQ:7279915 E-mail:web@ye55.com www.phpd.cn   
  4. $fist=$db->getfirst("select `mid` from `message` order by `mid` desc ");   
  5. $mid=$fist[‘mid’]-40; //初始化聊天记录条数   
  6. $mid=$mid<=0?0:$mid;   
  7. $mid=0;   
  8. ?>  
  9. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
  10.     <div id="contents"></div>  
  11.     <INPUT TYPE="text" style="display:none" NAME="mid" id="hide_mid" value="<?=$mid?>">  
  12.      <div id="end" style="width:400px;display:none;clear:both;"></div>  
  13.   <SCRIPT LANGUAGE="JavaScript">  
  14.   <!–   
  15.   //alert($("#hide_mid").val());   
  16.         function showmsg(){   
  17.             mids=$("#hide_mid").val();   
  18.                
  19.             $.post("ajax.php?act=display",   
  20.                    {mid:mids},   
  21.                    function(data){   
  22.                 //alert(data.list[2].user);   
  23.                         $("#hide_mid").val(data.mid);   
  24.                         if(data.list!=0){   
  25.                             for(i=0;i<data.list.length;i++){   
  26.                                 $("#contents").append("<br />"+data.list[i].user+"说: "+data.list[i].msg+"    ["+data.list[i].time1+"]");   
  27.                                 sc();   
  28.                             }   
  29.                         }   
  30.                    },"json");   
  31.             }   
  32.         function scrollWindow() {scroll(0, 100000); }    
  33.             showmsg();   
  34.             setInterval("showmsg()", 4000);    
  35.   //–>  
  36.   </SCRIPT>  

 

3、ajax.php

 

PHP代码
  1. <?php   
  2. require_once("config.php");   
  3. ////程序设计：℃冻番茄 QQ:7279915 E-mail:web@ye55.com www.phpd.cn   
  4. //发信息   
  5. if($_GET[‘act’]==‘send’){   
  6.     $msg=$_POST[‘msg’];   
  7.     $user=$_POST[‘user’];   
  8.     if(emptyempty($msg) || emptyempty($user)){   
  9.         $return[‘msg’]=‘聊天内容或昵称不能为空’;   
  10.     }else{   
  11.         $time=time();   
  12.         if($db->insert("insert into `message` (`msg`,`user`,`time`) values (‘$msg’,’$user’,’$time’)")){   
  13.             $return[‘msg’]=true;   
  14.         }else{   
  15.             $return[‘msg’]="err";   
  16.         }   
  17.     }   
  18.     echo json_encode($return);   
  19. }elseif($_GET[‘act’]==‘display’){   
  20.     if(isset($_POST[‘mid’])){   
  21.         $s=" where `mid`>’".$_POST[‘mid‘]."’ ";   
  22.     }else{   
  23.         $s=”;   
  24.     }   
  25.     $sql="select * from `message` $s order by `mid`";   
  26.     $total=$db->getcount($sql);   
  27.     if($total==0){   
  28.         $a=0;   
  29.     }else{   
  30.         $result=$db->query($sql);   
  31.         while($row=$db->getarray($result)){   
  32.             $row[‘time1’]=date(‘Y-m-d H:i:s’,$row[‘time’]);   
  33.             $a[]=$row;   
  34.             $b=$row[‘mid’];   
  35.         }   
  36.     }   
  37.     $ccc=array(‘list’=>$a,‘mid’=>$b);   
  38.     echo json_encode($ccc);   
  39. }   
  40. ?>  

apt使用参考

apt-cache search # ——(package 搜索包)
apt-cache show #——(package 获取包的相关信息，如说明、大小、版本等)
sudo apt-get install # ——(package 安装包)
sudo apt-get install # —–(package – – reinstall 重新安装包)
sudo apt-get -f install # —–(强制安装?#"-f = –fix-missing"当是修复安装吧…)
sudo apt-get remove #—–(package 删除包)
sudo apt-get remove – – purge # ——(package 删除包，包括删除配置文件等)
sudo apt-get autoremove –purge # —-(package 删除包及其依赖的软件包+配置文件等（只对6.10有效，强烈推荐）)
sudo apt-get update #——更新源
sudo apt-get upgrade #——更新已安装的包
sudo apt-get dist-upgrade # ———升级系统
sudo apt-get dselect-upgrade #——使用 dselect 升级
apt-cache depends #——-(package 了解使用依赖)
apt-cache rdepends # ——(package 了解某个具体的依赖?#当是查看该包被哪些包依赖吧…)
sudo apt-get build-dep # ——(package 安装相关的编译环境)
apt-get source #——(package 下载该包的源代码)
sudo apt-get clean && sudo apt-get autoclean # ——–清理下载文件的存档 && 只清理过时的包
sudo apt-get check #——-检查是否有损坏的依赖

删除linux启动管理器（GRUB或LILO）

这是由于安装linux时选择“将GRUB或LILO写入引导区并控制启

 
动”这样就会将装入到硬盘的主引导记录中(MBR)，这时系统引
 
导的控制权就由windows本身的启动模块转交到linux的启动管理
 
器（GRUB或LILO）手中了
所以电脑启动时总出现linux的（GRUB或LILO）启动管理界面。
 
方法1：启动时进入命令行输入命令
fdisk /MBR
重启
 
方法2：用winxp光盘启动，在故障恢复控制台输入命令
fixmbr\device\harddisk0

无错配置ubuntu8.04+vsftpd+mysql+pam的ftp服务器端

因为工作需要安装一个ftp服务器，需要使用多ftp用户并能够方便的管理ftp用户。于是使用vsftp+mysql+pam的组合，在mysql中进行用户管理。特写了这么一个记录安装过程的文章，提供给大家一起讨论。

1.安装vsftpd

代码:
sudo apt-get install vsftpd

2.创建guest用户

vsftpd安装的时候会自动安转一个ftp用户，在passwd中删除

代码:
sudo useradd virtual

设置virtual的密码为webftp

代码:
sudo passwd virtual

编辑virtual用户的主目录并设置shell

代码:
sudo vim /etc/passwd

我设置的是virtual:x:1001:1001::/var/www:/bin/false

/var/www virtual的主目录

/bin/false 禁止virtual用户终端登陆

3.设置mysql数据库和用户权限

在phpmyadmin中建立vsftp数据库 vsftp用户

建立用户表

代码:
create table users(name char(16) binary,passwd char(16) binary);

并授权vistual用户users表的select权限，并设置密码。

4.设置MySQL的PAM验证

安装libpam-mysql

代码:
sudo apt-get install libpam-mysql

要设置vsftpd的PAM验证文件

代码:
sudo cp /usr/share/doc/vsftpd/EXAMPLE/VIRTUAL_USERS/vsftpd.pam /etc/pam.d/vsftpd


把内容替换为如下：

代码:
auth    required        /lib/security/pam_mysql.so      user=virtual    passwd=webftp   host=localhost db=vsftp table=users usercolumn=name passwdcolumn=passwd crypt=2
account required        /lib/security/pam_mysql.so      user=virtual    passwd=webftp   host=localhost db=vsftp table=users usercolumn=name passwdcolumn=passwd crypt=2


5.设置vsftpd.conf

代码:
guest_enable=YES
guest_username=virtual

这两项必须打开，其他配置请查阅vsftpd.conf的配置手册

6.虚拟用户目录的权限改为只能由virtual操作：

代码:
sudo chown virtual.virtual /var/www
sudo chmod 755 /var/www

virtual获得www文件夹的权限，并设置www文件夹权限为755

至此，最基本的虚拟用户已经完成。

代码:
sudo /etc/init.d/vsftpd restart

重启vsftpd服务后即可以用users表中设置的用户名密码进行www文件夹的访问了。

第一次使用json，汗，以前都没注意到用这么个数据类型

一直都是直接用ajax返回html片段，复杂点的就用xml。以前一直知道有json这种类型，一直没有使用过，但没想到用它做返回是这么的简单，晕了。。。下面是一段ajax发表评论的程序。。

采用的是jquery类。

代码如下：

js代码

 

XML/HTML代码
  1. <SCRIPT LANGUAGE="JavaScript">  
  2. <!–   
  3.     function send(){   
  4.         var msg="";   
  5.         if($("#s_content").val()==""){   
  6.             alert(" 评论内容不能为空! ");   
  7.             $("#s_content").focus();   
  8.             return false;   
  9.         }else if($("#s_secode").val()==”){   
  10.             alert(" 验证码不能为空! ");   
  11.             $("#s_secode").focus();   
  12.             return false;   
  13.         }   
  14.         $.post("?idea/send_commend",   
  15.                { content:$("#s_content").val(),iid:<%$idea.iid%>,secode:$("#s_secode").val() },   
  16.                function(data){   
  17.                     if(data.msg===true){   
  18.                         $("#s_content").val("");   
  19.                         $("#s_secode").val("");   
  20.                         alert("评论发布成功");   
  21.                     }else{   
  22.                         alert(data.msg);   
  23.                     }   
  24.                     $("#secode_box").html("<IMG SRC=‘includes/seccode.php’ onclick=\"javescript:recode()\" BORDER=‘0’ ALT=‘点击刷新’>");   
  25.                },"json");   
  26.     }   
  27.   
  28.     function recode(){   
  29.         $("#secode_box").html("<IMG SRC=‘includes/seccode.php’ onclick=\"javescript:recode()\" BORDER=‘0’ ALT=‘点击刷新’>");   
  30.     }   
  31. //–>  
  32. </SCRIPT>  

 

因采用的是框架，?idea/send_commend 页面代码如下：

 

PHP代码
  1. <?php   
  2. if(isset($_SESSION[‘member’])){   
  3.     if($_POST[‘secode’]!=$_SESSION[‘code’]){   
  4.         $msg[‘msg’]=‘验证码不正确!’;   
  5.     }else{   
  6.         if($idea->writeCommend($_POST[‘iid’],$_SESSION[‘member’][‘mid’],$_POST[‘content’],$_SESSION[‘member’][‘mid’])){   
  7.             $msg[‘msg’]=true;   
  8.         }else{   
  9.             $msg[‘msg’]=‘评论出错！’;   
  10.         }   
  11.            
  12.     }   
  13. }else{   
  14.     $msg[‘msg’]=‘您没有登陆，请登陆后再发布评论!’;   
  15. }   
  16. echo json_encode($msg);   
  17. exit;   
  18. ?>