php实战第十天

php实战第十天

今天算是把瀑布流留言板前台后台做完了.先上图欣赏下吧.

 

 

 

 

 

 

 

今天学习到的东西

serialize()串行化

unserialize()反串行化

由这两函数,编写出了 config_set() 和 config_get() 两函数.

[php]
/**
* 用于写出数组配置
*/ 
function config_set($fileName,$arr_var){ 
    file_put_contents($fileName, serialize($arr_var)); 
} 
/**
* 用于读出配置,返回值为设置出去的数组
*/ 
function config_get($fileName){ 
    if(file_exists($fileName)){ 
        return unserialize(file_get_contents($fileName)); 
    } 
} 

 /**
 * 用于写出数组配置
 */
 function config_set($fileName,$arr_var){
  file_put_contents($fileName, serialize($arr_var));
 }
 /**
 * 用于读出配置,返回值为设置出去的数组
 */
 function config_get($fileName){
  if(file_exists($fileName)){
   return unserialize(file_get_contents($fileName));
  }
 }调用方法

[php]
$config = array( 
    'title' => '瀑布流留言板', 
    "b"=>'aaaa' 
    ); 
 
config_set("data.php",$config); 
 
 
$config=config_get('data.php'); 
 
var_dump($config); 

 $config = array(
  'title' => '瀑布流留言板',
  "b"=>'aaaa'
  );

 config_set("data.php",$config);
 

 $config=config_get('data.php');

 var_dump($config);
2.jquery选择器中'[]'的使用方法,和 removedClass 移除样式, addClass 添加样式,利用这个可以轻松做出高亮效果

var focus_li = $("#menu li[class!=nav-header]");
focus_li.click(function() {

focus_li.removeClass("active"); //把所有高亮样式去掉
$(this).addClass("active"); //给被点击的添加高亮样式

 

3.关于session，unset（$_sesstion）,这是清除不了的.要使用 session_unset()

 

4.前台的留言表单重新编写chrome浏览器效果好,IE的话特效少,不太漂亮

[html]
<form class="form-horizontal" action="index.php?m=index&a=add" method="post" > 
    <div class="control-group"> 
        <label class="control-label" for="content">留言内容</label> 
        <div class="controls"> 
            <textarea class="span8" rows="3" id="content" name="content" placeholder="输入点留言内容吧"></textarea> 
        </div> 
    </div> 
 
    <div class="control-group"> 
        <label class="control-label" for="userName">昵称</label> 
        <div class="controls"> 
            <input class="span2" type="text" id="userName" name="userName" placeholder="输入您的称呼吧"> 
                 
            联系方式 
               
            <input class="span2" type="text" id="email" name="email" placeholder="QQ、Email、手机"> 
                  
            <input class="btn btn-info" type="button" id="submit" name="submit" value="留言"> 
 
        </div> 
    </div> 
 
</form> 

  <form class="form-horizontal" action="index.php?m=index&a=add" method="post" >
   <div class="control-group">
    <label class="control-label" for="content">留言内容</label>
    <div class="controls">
     <textarea class="span8" rows="3" id="content" name="content" placeholder="输入点留言内容吧"></textarea>
    </div>
   </div>

   <div class="control-group">
    <label class="control-label" for="userName">昵称</label>
    <div class="controls">
     <input class="span2" type="text" id="userName" name="userName" placeholder="输入您的称呼吧">
        
     联系方式
      
     <input class="span2" type="text" id="email" name="email" placeholder="QQ、Email、手机">
         
     <input class="btn btn-info" type="button" id="submit" name="submit" value="留言">

    </div>
   </div>

  </form>

5.后台的下拉按钮,很漂亮噢.哈

[html]
<div class="span4" style="text-align:right"> 
        <div class="btn-group" style="text-align:left"> 
        <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown">  
         欢迎回来  <{$userName}>   <span class="caret"></span> 
        </button> 
          <ul class="dropdown-menu"> 
            <li><a href="index.php">查看网站</a></li> 
            <li class="divider"></li> 
            <li><a href="admin.php?m=admin&a=ulogin">退出登陆</a></li> 
          </ul> 
        </div> 
</div> 

      <div class="span4" style="text-align:right">
              <div class="btn-group" style="text-align:left">
              <button class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
               欢迎回来  <{$userName}>   <span class="caret"></span>
              </button>
                <ul class="dropdown-menu">
                  <li><a href="index.php">查看网站</a></li>
                  <li class="divider"></li>
                  <li><a href="admin.php?m=admin&a=ulogin">退出登陆</a></li>
                </ul>
              </div>
      </div>