這篇文章主要介紹了用php+ajax建立流程(請假、進貨、出貨等),需要的朋友可以參考下
對管理者來說,電腦操作的請假流程要比人工請假流程的效率高出很多,那麼如何建立這個流程呢?
首先:需要明確需要操作哪些流程?
其次:每一個流程需要那些人員來執行?
最後:執行該流程人員的順序是什嗎?
第一步:需要三張表,分別是:user表;liucheng表;liuchengjiedian表(後兩張還未新增內容)
第二步:將users表中的內容用下拉式清單讀出:
<p 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="確定添加"/></p>
實現效果:
第三步:點擊“確定添加”,將選的人員添加到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" rel="external nofollow" rel="external nofollow" ; } }); })</script>
(3)add-cl.php頁面
<?php //開啟session session_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的值
<?php session_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 "<p>{$k}--{$name}--<input type ='button' value='移除' class='yichu' code='{$k}'> <p>"; } } ?>
(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" rel="external nofollow" rel="external nofollow" ; } }); })
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)添加流程名稱輸入框和儲存按鈕
<p id="btm"> 請輸入資料流程名稱: <input type="text" class="name" /> <input type="button" value="儲存" class="baocun" /> </p>
(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()將數組重新排列等~~~