Créer un nouveau processus en utilisant php+ajax

陈政宽~
Libérer: 2023-03-11 19:52:01
original
857 Les gens l'ont consulté

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

Pour les managers, le processus de demande de congé informatisé est mieux 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 du tableau 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


Obtenez l'effet :

Étape 3 : Cliquez sur "Confirmer l'ajout" pour ajouter la personne sélectionnée à la session

(1) Présentez d'abord le package jquery

<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 : Lister les personnes sélectionnées

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

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


(2) Après avoir obtenu 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

Étape finale : ajoutez un bouton de sauvegarde et ajoutez des données à la base de données

Remarque : avant cela, toutes les données existent dans la session

(1) Ajoutez une zone de saisie du nom du processus et un bouton de sauvegarde

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

(2) Cliquez sur le bouton Enregistrer pour enregistrer 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

Effets de mise en œuvre et données écrites dans la base de données :

De nouvelles étapes de processus ont été créées et l'interface peut être embellie plus tard~~~~

Résumé : La page de traitement de chaque étape est plus importante ; sessoin accède aux données ; unsettle() supprime le tableau ; array_values() supprime le tableau Réorganiser et attendre~~~

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal