用php+ajax新建流程(请假、进货、出货等)

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

首先:需要明确需要操作哪些流程?

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

最后:执行该流程人员的顺序是什么?

 第一步:需要三张表,分别是:user表;liucheng表;liuchengjiedian表(后两张还未添加内容)

用php+ajax新建流程(请假、进货、出货等)_第1张图片

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

 

请选择节点人员:

  实现效果:

用php+ajax新建流程(请假、进货、出货等)_第2张图片

第三步:点击“确定添加”,将选的人员添加到session中

(1)先将jquery包引入

 

(2)ajax代码

 

(3)add-cl.php页面

 

  第四步:将选中的人员列出来

(1)先判断是否取到session的值

 
 

用php+ajax新建流程(请假、进货、出货等)_第3张图片

(2)取到session 后

else
    {
     $arr = $_SESSION["jiedian"];
     foreach($arr as $k=>$v)
     {
      $sql = "select name from users where uid='{$v}'";
      $name = $db->strquery($sql);
      echo "
{$k}--{$name}--
"; } } ?>

 用php+ajax新建流程(请假、进货、出货等)_第4张图片

(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页面:

 

 点击移除王五:则会剩余张三和周六,且code重新排列

用php+ajax新建流程(请假、进货、出货等)_第5张图片

最后一步:添加保存按钮,将数据添加到数据库 

注意:在此之前所有的数据都是存在于session中

(1)添加流程名称输入框和保存按钮

请输入流程名称:

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

query($sql,0);
//将数据写入liucehngjiedian表
$arr = $_SESSION["jiedian"];
foreach($arr as $k=>$v)
{
 $sql = "insert into liuchengjiedian values ('','{$code}','{$v}','{$k}')";
 $db->query($sql,0);
}
?>

  实现效果以及写入数据库的数据:

用php+ajax新建流程(请假、进货、出货等)_第6张图片

        用php+ajax新建流程(请假、进货、出货等)_第7张图片

到这一步就能实现整个的刘新建流程步骤了,后期可以将界面再美化一点 ~~~~

总结:每一步的处理页面都比较重要;sessoin存取数据;unsettle()移除数组;array_values()将数组重新排列等~~~

你可能感兴趣的:(用php+ajax新建流程(请假、进货、出货等))