A-A+

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

2017年06月28日 PHP博文 暂无评论

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

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

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

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

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

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

第二步:将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='http://www.jb51.net/article/{$v[0]}'>{$v[2]}</option>";}?></select><input type="button" value="http://www.jb51.net/article/确定添加"/></div> 

  实现效果:

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

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

(1)先将jquery包引入

<script src="http://www.jb51.net/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="http://www.jb51.net/article/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 "尚未选择节点人员!";    } 

用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 "<div>{$k}--{$name}--<input type ='button' value='http://www.jb51.net/article/移除' class='yichu' code='{$k}'> <div>";     }         }       ?> 

 用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="http://www.jb51.net/article/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重新排列

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

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

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

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

<div id="btm">    请输入流程名称:   <input type="text" class="name" />   <input type="button" value="http://www.jb51.net/article/保存" 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);}?>

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

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

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

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

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

标签:

给我留言


Copyright © E网新时代 保留所有权利.   Theme  Ality站点地图
查询次数: 42
粤ICP备14073293号-1

用户登录

分享到: