phpプロセス管理(php+Ajax)-PHPチュートリアル-php.cn

phpプロセス管理(php+Ajax)

大家讲道理

リリース： 2023-03-07 22:36:01

オリジナル

1655 人が閲覧しました

php+AJAXの新しいプロセス

1: どのプロセスを明確にする必要がありますか?

2: 各プロセスを実行するにはどのような人員が必要ですか?

3: このプロセスを実行する人の順序は何ですか?

1. データベースの構築に必要な 3 つのテーブルは、users テーブル、liucheng テーブル、flowpath テーブル (データはテーブルに表示されています) です。新しいプロセスページ

(1) ドロップダウンリスト

を使用して人のリストを表示し、追加

ボタンを追加します

<h1>新建流程</h1>
<p>
请选择节点人员：
	<select id="user">
    <?php
	session_start();
	require"../DBDA.class.php";
	$db = new DBDA();
	$sql = "select * from users";
	$arr = $db->query($sql,1);
	foreach($arr as $v)
	{
		echo"<option value=&#39;{$v[0]}&#39;>{$v[2]}</option>";  //输出单选按钮,数组中的索引2,也就是用户名,但是它的值是代号
	}
	?>
    </select>
    
<input type="button" value="添加节点" id="addjd" />
</p>
<br />

ログイン後にコピー

(2) クリック

イベント

を追加しますノード追加ボタン

$("#addjd").click(function(){
		var uid = $("#user").val();
		$.ajax({
				url:"add.php",
				data:{uid:uid},
				type:"POST",
				dataType:"TEXT",
				success: function(data){
						window.location.href="xinjian.php";//执行处理页面成功后会刷新页面
					}
			}) 
	})

ログイン後にコピー

(3) ノード追加処理ページ add.php

<?php
session_start();
$uid = $_POST["uid"]; //接收传过来的值if(empty($_SESSION["jiedian"]))
{
	$arr = array($uid);//定义一个数组放用户
	$_SESSION["jiedian"] = $arr; //将第一个用户放入数组中}
else
{
	$arr = $_SESSION["jiedian"];//数组中有值
	$arr[] = $uid; //放入数组中值
	$_SESSION["jiedian"] = $arr; //将值再交给session}

ログイン後にコピー

(4) 追加したノードを新規処理ページに表示

<p>
<?php
if(empty($_SESSION["jiedian"]))
{
	echo"还未添加节点人员！";
}
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; sy=&#39;{$k}&#39;/></p>";
	}
}
?>
</p>
<br />

ログイン後にコピー

このステップを完了すると、効果は次のようになります:

(5) 削除ボタンにクリックイベントを追加します

$(".yichu").click(function(){
		var sy = $(this).attr("sy"); //点击这个按钮，选中这个的索引号
		$.ajax({
			url:"yichu.php",
			data:{sy:sy},
			type:"POST",
			dataType:"TEXT",
			success: function(data){
				window.location.href="xinjian.php";//执行处理页面成功后会刷新页面
			}
		});
	})

ログイン後にコピー

(6) 処理ページ yichu.php を削除します

<?php
session_start();

$sy =$_POST["sy"]; //接收穿过来的索引号$arr = $_SESSION["jiedian"];//节点的数组unset($arr[$sy]); //删除数据$arr = array_values($arr);//重新索引$_SESSION["jiedian"] = $arr;

ログイン後にコピー

(7) ノードの問題が解決されたら、それはプロセスの名前です。名前を書き込むためのテキストボックスです。重要なのはプロセスを保存することです。その後、保存する必要があります。 button

<p>
请输入流程名称：<input type="text" id="mingcheng" />
</p>
<br />
<input type="button" value="保存" id="baocun" />

ログイン後にコピー

(8) 保存ボタンにクリックイベントを追加

(9) 最後に保存処理の処理ページ

リーリー

もちろんコンテンツも同様です対応する結果はデータベースに保存され、その効果は上部のデータテーブルに表示されます

次のコードは
コピー

に使用されます:

1.xinjian.php

$("#baocun").click(function(){
	var name = $("#mingcheng").val();
	$.ajax({
		url:"baocun.php",
		data:{name:name},
		type:"POST",
		dataType:"TEXT",
		success: function(data){
			alert("保存成功！");
		}
	});
})

ログイン後にコピー

2.add.php

<?php
session_start();
require "../DBDA.class.php";
$db = new DBDA();

$name = $_POST["name"];
$code = time();

$sql ="insert into liucheng values(&#39;{$code}&#39;,&#39;{$name}&#39;)";
$db->query($sql);

$arr = $_SESSION["jiedian"];

foreach($arr as $k=>$v)
{
	$sql ="insert into flowpath values(&#39;&#39;,&#39;{$code}&#39;,&#39;{$v}&#39;,{$k})"; //注意建表的类型，这里的orders项用的是int型，所以｛$k｝不用加&#39;&#39;，而且建表主键要勾选自增长
	$db->query($sql);
}

ログイン後にコピー

3.yichu.php

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title><script src="../jquery-3.2.0.min.js"></script></head>

<body>
<h1>新建流程</h1>
<p>请选择节点人员：    <select id="user">
    <?php    session_start();    require"../DBDA.class.php";    $db = new DBDA();    $sql = "select * from users";    $arr = $db->query($sql,1);    foreach($arr as $v)
    {        echo"<option value=&#39;{$v[0]}&#39;>{$v[2]}</option>";
    }    ?>
    </select>
    
<input type="button" value="添加节点" id="addjd" />
</p>
<br />
<p>
<?phpif(empty($_SESSION["jiedian"]))
{    echo"还未添加节点人员！";
}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; sy=&#39;{$k}&#39;/></p>";
    }
}?>
</p>
<br />
<p>请输入流程名称：<input type="text" id="mingcheng" />
</p>
<br />
<input type="button" value="保存" id="baocun" />

</body>

<script type="text/javascript">$("#addjd").click(function(){        var uid = $("#user").val();
        $.ajax({
                url:"add.php",
                data:{uid:uid},
                type:"POST",
                dataType:"TEXT",
                success: function(data){
                        window.location.href="xinjian.php";
                    }
            }) 
    })

$(".yichu").click(function(){        var sy = $(this).attr("sy");
        $.ajax({
            url:"yichu.php",
            data:{sy:sy},
            type:"POST",
            dataType:"TEXT",
            success: function(data){
                window.location.href="xinjian.php";
            }
        });
    })
    
$("#baocun").click(function(){    var name = $("#mingcheng").val();
    $.ajax({
        url:"baocun.php",
        data:{name:name},
        type:"POST",
        dataType:"TEXT",
        success: function(data){
            alert("保存成功！");
        }
    });
})    
</script>
</html>

ログイン後にコピー

4.baocun.php

りー

以上がphpプロセス管理(php+Ajax)の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。