用php+ajax新建流程(请假、进货、出货等)

对管理者来说,电脑操作的请假流程要比人工请假流程的效率高出很多,那么如何新建这个流程呢?

首先:需要明确需要操作哪些流程?

其次:每一个流程需要那些人员来执行?

最后:执行该流程人员的顺序是什么?

 第一步:需要三张表,分别是:user表;liucheng表;liuchengjiedian表(后两张还未添加内容)

第二步:将users表中的内容用下拉列表读出:

	            <div 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=‘{$v[0]}‘>{$v[2]}</option>";
			}
			?>
			</select>
			<input type="button" value="确定添加"/>
			</div>

  实现效果:

第三步:点击“确定添加”,将选的人员添加到session中

(1)先将jquery包引入

<script src="../jquery-1.11.2.min.js"></script>

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

  

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

?>

  第四步:将选中的人员列出来

(1)先判断是否取到session的值

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

  

(2)取到session 后

else
				{
					$arr = $_SESSION["jiedian"];
					foreach($arr as $k=>$v)
					{
						$sql = "select name from users where uid=‘{$v}‘";
						$name = $db->strquery($sql);
						echo "<div>{$k}--{$name}--<input type =‘button‘ value=‘移除‘ class=‘yichu‘ code=‘{$k}‘> <div>";
					}
				}
			?>

  

(3)给“移除”按钮添加点击事件

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

  

yichu-cl.php页面:

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

 点击移除王五:则会剩余张三和周六,且code重新排列

最后一步:添加保存按钮,将数据添加到数据库

注意:在此之前所有的数据都是存在于session中

(1)添加流程名称输入框和保存按钮

<div id="btm">
				请输入流程名称:
			<input type="text" class="name" />
			<input type="button" value="保存" class="baocun" />
			</div>

  

(2)点击保存按钮,将所有信息存入数据库

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

	})

  

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(‘{$code}‘,‘{$name}‘)";
$db->query($sql,0);
//将数据写入liucehngjiedian表
$arr = $_SESSION["jiedian"];
foreach($arr as $k=>$v)
{
	$sql = "insert into liuchengjiedian values (‘‘,‘{$code}‘,‘{$v}‘,‘{$k}‘)";
	$db->query($sql,0);
}

?>

  实现效果以及写入数据库的数据:

         

到这一步就能实现整个的刘新建流程步骤了,后期可以将界面再美化一点 ~~~~

总结:每一步的处理页面都比较重要;sessoin存取数据;unsettle()移除数组;array_values()将数组重新排列等~~~

				
时间: 2024-11-29 07:56:16

用php+ajax新建流程(请假、进货、出货等)的相关文章

php流程控制(新建流程)

流程控制,又是一个广泛应用于办公自动化等内部自定义流程及审核的功能.比如请假流程啊,申请办公用品经费,报销申请啊,等等,需要层层审批通过才能完成的(按规章办事,最好别越级,你说是吧) 不习惯一篇博客太长,看不过来,这篇我们先实现流程的新建 先看看效果图 1.有个下拉选择用户,可以依次添加到流程的节点位置, 2.下方显示流程的每个节点 3.填写流程名称,点击保存即可完成流程的新建 数据库中需要三张表,1.用户表2.流程表 3.流程节点表 选择用户和添加节点按钮 <div> 请选择用户: <

jQuery-1.9.1源码分析系列(十六)ajax——ajax处理流程以及核心函数

先来看一看jQuery的ajax核心处理流程($.ajax) a. ajax( [url,] options )执行流程 第一步,为传递的参数做适配.url可以包含在options中 //传递的参数只是一个对象 if ( typeof url === "object" ) { options = url; url = undefined; } //options强制转成对象 options = options || {}; 第二步,创建一些变量,比较重要的是:创建最终选项对象s.全局事

AJAX的流程是什么?

客户端产生js的事件 创建XMLHttpRequest对象 对XMLHttpRequest进行配置 通过AJAX引擎发送异步请求 服务器端接受请求并且处理请求,返回html或者xml内容 XML调用一个callback()处理响应回来的内容 页面局部刷新

Ajax工作流程

Ajax通过XMLHttpRequest对象实现异步方式在后台发送发送请求. 主要有以下四个步骤: (1)初始化XMLHttpRequest对象.不同浏览器的差异,需要我们创建一个跨浏览器的对象,并判断XMLHttpRequest对象创建是否成功,如果不成功,则给予提示. (2)为XMLHttpRequest对象指定一个回调函数,用于对后台返回结果进行处理. (3)创建一个与服务器的连接,在创建时,需要指定发送请求的方式(GET/POST),以及设置是否采用异步方式发送请求. (4)向服务器发送

js ajax请求流程

<input type="button" name="btn" id="btn" value="按钮" /> JS //点击按钮弹出1.txt的内容var oBtn=document.getElementById("btn"); oBtn.onclick=function(){ //打开浏览器 /* 1.创建一个ajax对象 ie6以下new ActiveXObject('Microsoft.X

如何使用ajax与php时间简单的流程管理

首先要先有一个新建流程的页面xinjian.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

JEPLUS之请假审批流程——JEPLUS软件快速开发平台

JEPLUS之请假审批流程 OA 系统中的请假审批流程,单据维护包括请假人.请假部门.请假时间.理由.请假类型(病假.事假.年假)等基本信息 一.创建表 首先创建资源表的模块信息 创建表的基本内容信息(请假人.请假部门.请假时间.理由) 创建数据字典(请假类型) 在资源表中新增字典辅助,然后点击[应用]按钮创建表结构 点击之后表即创建成功 二.创建功能 首先在子系统中创建一个模块 在模块中创建功能 三.挂菜单 在菜单维护中首先创建一个模块为案例库,在模块中创建菜单,把功能新增到菜单上即可 四.授

笔记-Ajax[1]-的整体流程。

Ajax:异步的javascript and xml;(本文内容有部分是来自于js教程网) Ajax的功能:AJAX 可以与服务器交换数据,在不重新加载(刷新)整个页面的情况下,更新部分页面. Ajax的使用场景如: -用户注册时,输入完用户名立即提交到后台验证,检测用户名是否存. -静态页面实现登录功能. -瀑布流的实现. AJAX XMLHttpRequest对象: XMLHttpRequest 对象用于在后台与服务器交换数据,能够在不重新加载整个网页(刷新)的情况下,对网页进行部分更新.

JavaScript之ajax的作用、流程以及如何设置请求头

什么是ajax?它的作用是什么?它的流程好处又有那些?如何设置请求头呢????????(嘻嘻,不知道请往下看哦): 1)什么是ajax呢? ajax即"Asynchronous Javascript And XML"(异步的JavaScript和xml),是指一种创建交互式网页应用的网页开发技术. 2)ajax的作用又是什么呢? 通过在后台与服务器进行少量数据交换,Ajax 可以使网页实现异步更新.这意味着可以在不重新加载整个网页的情况下,对网页的某部分进行更新. 通俗的来讲:它是一种