用php+ajax建立流程（請假、進貨、出貨等）

標籤：top   bsp   ttl   取值   dia   建立   empty   user   set   

對管理者來說，電腦操作的請假流程要比人工請假流程的效率高出很多，那麼如何建立這個流程呢？

首先：需要明確需要操作哪些流程？

其次：每一個流程需要那些人員來執行？

最後：執行該流程人員的順序是什嗎？

 第一步：需要三張表，分別是：user表；liucheng表；liuchengjiedian表（後兩張還未新增內容）

 

 

第二步：將users表中的內容用下拉式清單讀出：

            <div id="top"><p>請選擇節點人員:</p><select id="user"><?phprequire "../DB.class.php";$db = new DB();$sql = "select * from users";$arr = $db->query($sql);foreach ($arr as $v){echo "<option value=‘{$v[0]}‘>{$v[2]}</option>";}?></select><input type="button" value="確定添加"/></div>

　　實現效果：

 

 

第三步：點擊“確定添加”，將選的人員添加到session中

（1）先將jquery包引入

<script src="../jquery-1.11.2.min.js"></script>

（2）ajax代碼

<script type="text/javascript">//用session 存取選擇的值$("#add").click(function(){var uid = $("#user").val();            //alert(uid);            $.ajax({            url:"add-cl.php",            data:{uid:uid},            type:"POST",            dataType:"TEXT",            success:function(data){            window.location.href="main.php";            }            });        })</script>

　　

（3）add-cl.php頁面

<?php//開啟sessionsession_start();//取值$uid=$_POST["uid"];//如果session為空白，造一個數組，將取到的值添加進去if(empty($_SESSION["jiedian"])){$arr = array($uid);$_SESSION["jiedian"] = $arr;}//如果不為空白，將取到的值追加進去else{$arr = $_SESSION["jiedian"];$arr[]=$uid;$_SESSION["jiedian"] = $arr;}?>

　　第四步：將選中的人員列出來

（1）先判斷是否取到session的值

<?phpsession_start(); if(empty($_SESSION["jiedian"])){ echo "尚未選擇節點人員！";}

　　

(2)取到session 後

else{$arr = $_SESSION["jiedian"];foreach($arr as $k=>$v){$sql = "select name from users where uid=‘{$v}‘";$name = $db->strquery($sql);echo "<div>{$k}--{$name}--<input type =‘button‘ value=‘移除‘ class=‘yichu‘ code=‘{$k}‘> <div>";}}?>

　　

 

 （3）給“移除”按鈕添加點擊事件

ajax頁面：

$(".yichu").click(function(){var code = $(this).attr("code");$.ajax({            url:"yichu-cl.php",            data:{code:code},            type:"POST",            dataType:"TEXT",            success:function(data){            window.location.href="main.php";            }            });     })

　　

yichu-cl.php頁面：

<?phpsession_start();$code = $_POST["code"];$arr = $_SESSION["jiedian"];//從數組中刪除code這一項unset($arr[$code]);//將索引重新排列$arr = array_values($arr);$_SESSION["jiedian"] = $arr;?>

　點擊移除王五：則會剩餘張三和周六，且code重新排列

 

最後一步：添加儲存按鈕，將資料添加到資料庫

注意：在此之前所有的資料都是存在於session中

（1）添加流程名稱輸入框和儲存按鈕

<div id="btm">請輸入資料流程名稱：<input type="text" class="name" /><input type="button" value="儲存" class="baocun" /></div>

　　

（2）點擊儲存按鈕，將所有資訊存入資料庫

ajax代碼

$(".baocun").click(function(){var name = $(".name").val();//alert(name);$.ajax({            url:"baocun-cl.php",            data:{name:name},            type:"POST",            dataType:"TEXT",            success:function(data){            alert("儲存成功！");            }            });   })

　　

baocun-cl.php頁面

<?phpsession_start();require "../DB.class.php";$db = new DB();//將資料寫進liucheng表$name = $_POST["name"];$code=time();//用時間戳記來產生code$sql = "insert into liucheng values(‘{$code}‘,‘{$name}‘)";$db->query($sql,0);//將資料寫入liucehngjiedian表$arr = $_SESSION["jiedian"];foreach($arr as $k=>$v){$sql = "insert into liuchengjiedian values (‘‘,‘{$code}‘,‘{$v}‘,‘{$k}‘)";$db->query($sql,0);}?>

　　實現效果以及寫入資料庫的資料：

         

到這一步就能實現整個的劉建立流程步驟了，後期可以將介面再美化一點 ~~~~

總結：每一步的處理頁面都比較重要；sessoin存取資料；unsettle（）移除數組；array_values()將數組重新排列等~~~

 

用php+ajax建立流程（請假、進貨、出貨等）