分享利用php+ajax新建流程的實例教程

零下一度
發布: 2023-03-10 12:06:01
原創
953 人瀏覽過

這篇文章主要介紹了用php+ajax新建流程(請假、進貨、出貨等),需要的朋友可以參考下

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

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

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

最後:執行該流程人員的順序是什麼?

 第一步:需要三張表,分別是:user表;liucheng表;liuchengjiedian表(後兩張還未加入內容)

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


 <p 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=&#39;{$v[0]}&#39;>{$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=&#39;{$v}&#39;";
      $name = $db->strquery($sql);
      echo "<p>{$k}--{$name}--<input type =&#39;button&#39; value=&#39;移除&#39; class=&#39;yichu&#39; code=&#39;{$k}&#39;> <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頁面:

#
<?php
session_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頁面############
<?php
session_start();
require "../DB.class.php";
$db = new DB();
//将数据写进liucheng表
$name = $_POST["name"];
$code=time();//用时间戳来生成code
$sql = "insert into liucheng values(&#39;{$code}&#39;,&#39;{$name}&#39;)";
$db->query($sql,0);
//将数据写入liucehngjiedian表
$arr = $_SESSION["jiedian"];
foreach($arr as $k=>$v)
{
 $sql = "insert into liuchengjiedian values (&#39;&#39;,&#39;{$code}&#39;,&#39;{$v}&#39;,&#39;{$k}&#39;)";
 $db->query($sql,0);
}
?>
登入後複製
###  實作效果以及寫入資料庫的資料:###############        #########到這一步驟就能實現整個的劉新建步驟了,後期可以將介面再美化一點~~~~######總結:每個步驟的處理頁面都比較重要;sessoin存取資料;unsettle()移除陣列;array_values()將陣列重新排列等~~~######

以上是分享利用php+ajax新建流程的實例教程的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
php
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!