用php+ajax新建流程（请假、进货、出货等）


             对管理者来说，电脑操作的请假流程要比人工请假流程的效率高出很多，那么如何新建这个流程呢？

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

其次：每一个流程需要那些人员来执行？

最后：执行该流程人员的顺序是什么？

 第一步：需要三张表，分别是：user表；liucheng表；liuchengjiedian表（后两张还未添加内容）



第二步：将users表中的内容用下拉列表读出：





 <div id="top">

<p>请选择节点人员:</p>

<select id="user">

<?php

require "../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" 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 "<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" rel="external nofollow" rel="external nofollow" ;

    }

   });  

 }) 



yichu-cl.php页面：





<?php

session_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页面





<?php

session_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()将数组重新排列等~~~