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

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

微波

Libérer： 2023-03-11 18:20:02

original

1288 Les gens l'ont consulté

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>

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

(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;
 }
?>

Copier après la connexion

É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 "尚未选择节点人员！";
    }

Copier après la connexion

(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>";
     }     
    }    
   ?>

Copier après la connexion

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

Copier après la connexion

Page yichu-cl.php :

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

Copier après la connexion

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>

Copier après la connexion

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

Copier après la connexion

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

Copier après la connexion

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!