Maison  >  Article  >  développement back-end  >  Utilisez php+ajax pour construire le processus (départ, achat, expédition, etc.)

Utilisez php+ajax pour construire le processus (départ, achat, expédition, etc.)

微波
微波original
2017-06-28 12:43:511253parcourir

Cet article présente principalement l'utilisation de php+ajax pour créer un nouveau processus (demande de congé, achat, expédition, etc.). Les amis dans le besoin peuvent s'y référer

Pour les gestionnaires, l'ordinateur est géré par ordinateur. le processus de demande de congé est meilleur que le processus de congé manuel est beaucoup plus efficace, alors comment créer un nouveau processus ?

Tout d’abord : quels processus doivent être clarifiés ?

Deuxièmement : quel personnel est nécessaire pour exécuter chaque processus ?

Enfin : quel est l’ordre des personnes effectuant ce processus ?

Première étape : trois tables sont nécessaires, à savoir : la table utilisateur ; la table liuchengjiedian (les deux dernières n'ont pas encore été ajoutées)

Étape 2 : Utilisez la liste déroulante pour lire le contenu de la table des utilisateurs :

 <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>

Effet d'implémentation :

Chapitre trois étapes : Cliquez sur "Confirmer l'ajout" et ajoutez la personne sélectionnée à la session

(1) Introduisez d'abord le package jquery dans

<script src="../jquery-1.11.2.min.js"></script>

(2 ) Code 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) page 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;
 }
?>

Étape 4 : Listez les personnes sélectionnées

(1) Déterminez d'abord si Get la valeur de la session

<?php
    session_start(); 
    if(empty($_SESSION["jiedian"])){
      echo "尚未选择节点人员!";
    }

(2) Après avoir obtenu la valeur de la 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) Ajouter un événement de clic au bouton "Supprimer"

Page 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" ;
    }
   });  
 })

Page yichu-cl.php :

<?php
session_start();
$code = $_POST["code"];
$arr = $_SESSION["jiedian"];
//从数组中删除code这一项
unset($arr[$code]);
//将索引重新排列
$arr = array_values($arr);
$_SESSION["jiedian"] = $arr;
?>

Cliquez pour supprimer Wang Wu : Zhang San et samedi resteront, et les codes seront réorganisés

La dernière étape : ajouter un bouton de sauvegarde et ajouter les données à la base de données

Remarque : Toutes les données antérieures existent dans la session

(1) Ajoutez la zone de saisie du nom du processus et le bouton Enregistrer

<p id="btm">
    请输入流程名称:
   <input type="text" class="name" />
   <input type="button" value="保存" class="baocun" />
   </p>

(2) Cliquez Bouton Enregistrer pour stocker toutes les informations dans la base de données

code 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("保存成功!");
    }
   }); 
 })

page 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);
}
?>

Effet d'implémentation et données écrites dans la base de données :

 

À cette étape, toutes les étapes du processus Liu Xinjian peuvent être réalisées et l'interface peut être embellie plus tard ~~~~

Résumé : Chaque étape du traitement de la page est plus importante ; sessoin accède aux données ; unsettle() supprime le tableau ; array_values() réorganise le tableau, etc.~~~

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn