Partagez un exemple de tutoriel sur la façon de créer un nouveau processus en utilisant php+ajax

零下一度
Libérer: 2023-03-10 12:06:01
original
998 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 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 :

É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) Ajoutez le bouton "Supprimer" Cliquez sur l'événement

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 à celle-ci 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 sur le 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

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

                                     > À cette étape, toutes les étapes du processus Liu Xinjian peuvent être réalisé. 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 ; ~~~

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