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>