Maison  >  Article  >  développement back-end  >  Partagez un exemple de tutoriel sur la façon de créer un nouveau processus en utilisant php+ajax

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

零下一度
零下一度original
2017-06-15 14:22:24949parcourir

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>

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>

(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 : 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 "尚未选择节点人员!";
    }

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

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

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

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

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

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!

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