利用ajax和PHP实现简单的流程管理

2024-07-28 13:19:41

本文实例为大家分享了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 http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>新建</title>
<script src="../FENGZHUANG/jquery-3.1.1.min.js"></script>
</head>

<body>
<h1>新建流程</h1>

<div>
请选择节点人员：
<select id="user">
 <?php
 session_start();//需要将一些数据暂时存在session里
 include("../FENGZHUANG/DBDA.class.php");
 $db = new DBDA();

 $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="添加节点" id="add" />
</div>
<br />
<div>
 <?php
 if(!empty($_SESSION["user"]))
 {
  $attr = $_SESSION["user"];
  foreach($attr as $k=>$v) //索引为$k,取值为$v
  {
   $sname = "select name from users where uid='{$v}'"; //取出名称
   $name = $db->StrQuery($sname);
   echo "<div>{$k}--{$name}--<input type='button' value='删除' key='{$k}' class='del' /></div>"; //向处理页面传的是key的值
  }
 }
 ?>
</div>
<br />
<div>请输入流程名称：<input type="text" id="name" /></div>
<br />
<input type="button" value="保存" id="btn" />

</body>
<script type="text/javascript">
//添加节点按钮加点击
$("#add").click(function(){
  var uid = $("#user").val();
  $.ajax({
   url:"chuli.php",
   data:{uid:uid,type:0}, //传入一个type参数，以确保在同一页面处理时与其它的分开处理
   type:"POST",
   dataType:"TEXT",
   success: function(data){
     window.location.href="xinjian.php" rel="external nofollow" rel="external nofollow" ; //刷新页面
    }
   });
 })

//给删除按钮加点击
$(".del").click(function(){
  var key = $(this).attr("key"); //取删除的是哪条数据
  $.ajax({
   url:"chuli.php",
   data:{key:key,type:1},
   type:"POST",
   dataType:"TEXT",
   success:function(data){
    window.location.href="xinjian.php" rel="external nofollow" rel="external nofollow" ;
    }
   });
 })
//给保存按钮加点击
$("#btn").click(function(){
  var name = $("#name").val(); //取输入框中输入内容的值
  $.ajax({
   url:"chuli.php",
   data:{name:name,type:2},
   type:"POST",
   dataType:"TEXT",
   success:function(data){
     alert("保存成功！");
    }
   });
 })
</script>
</html>

数据库图片:

处理页面chuli.php

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

$type = $_POST["type"];

switch($type)
{
 case 0://添加节点的加载数据,向session数组中添加数据
  $uid = $_POST["uid"];
  if(empty($_SESSION["user"]))
  {
   $arr = array($uid);
   $_SESSION["user"] = $arr;
  }
  else
  {
   $arr = $_SESSION["user"];
   array_push($arr,$uid);
   $_SESSION["user"] = $arr;
  }
  break;

 case 1://取节点的索引，然后删除，重新索引
  $key = $_POST["key"];
  $arr = $_SESSION["user"];
  unset($arr[$key]); //删除
  $arr = array_values($arr); //重新索引
  $_SESSION["user"] = $arr;
  break;

 case 2:
  $name = $_POST["name"];
  $code = time();
  //添加流程
  $sql = "insert into liucheng values('{$code}','{$name}')";
  $db->Query($sql,0);
  //添加流程节点
  $arr = $_SESSION["user"];
  foreach($arr as $k=>$v)
  {
   $sql = "insert into flowpath values('','{$code}','{$v}','{$k}')";
   $db->Query($sql,0);
  }
  break;

 case 3: //用户发起流程
  $code = $_POST["code"];
  $nr = $_POST["content"];
  $uid = $_SESSION["uid"];
  $time = date("Y-m-d H:i:s");
  $sql = "insert into userflow values('','{$code}','{$uid}','{$nr}',0,'{$time}',0)";
  $db->Query($sql,0);
  break;

}

发起流程页面faqi.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><br />
<script src="../FENGZHUANG/jquery-3.1.1.min.js"></script>

</head>

<body>

<h1>发起流程</h1>

<div>
请选择发起的流程：
 <select id="liucheng">
  <?php
  session_start();
  include("../FENGZHUANG/DBDA.class.php");
  $db = new DBDA();
  $sql = "select * from liucheng";
  $arr = $db->Query($sql);
  foreach($arr as $v)
  {
   echo "<option value='{$v[0]}'>{$v[1]}</option>";
  }
  ?>
 </select>
</div>
<br />
<div>
请输入内容：
 <textarea id="nr"></textarea>
</div>
<br />
<input type="button" value="发起" id="btn" />

</body>
<script type="text/javascript">
$("#btn").click(function(){
  var code = $("#liucheng").val();
  var content = $("#nr").val();

  $.ajax({
   url:"chuli.php",
   data:{code:code,content:content,type:3},
   type:"POST",
   dataType:"TEXT",
   success: function(data){
    alert("发起成功！");
    }
   });
 })
</script>
</html>

审核页面shenhe.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>
</head>

<body>
<h1>审核页面</h1>
<table width="100%" border="1" cellpadding="0" cellspacing="0">
 <tr>
  <td>流程代号</td>
  <td>发起者</td>
  <td>发起内容</td>
  <td>是否结束</td>
  <td>发起时间</td>
  <td>操作</td>
 </tr>

 <?php
 session_start();
 include("../FENGZHUANG/DBDA.class.php");
 $db = new DBDA();
 $uid = $_SESSION["uid"];
 echo $uid;
 //查找登录者参与的所有流程
 $sql = "select * from userflow where code in(select code from flowpath where uids='{$uid}')";
 $arr = $db->Query($sql);

 //显示
 foreach($arr as $v)
 {
  //判断该流程走到登录者
  $lcdh = $v[1]; //流程代号
  $towhere = $v[6];//流程走到哪
  $sql = "select orders from flowpath where code='{$lcdh}' and uids='{$uid}'";
  $order = $db->StrQuery($sql);//该人员在流程中的次序

  if($towhere>=$order)
  {
   $caozuo = "";
   if($towhere==$order)
   {
    $caozuo="<a href='tongguo.php?code={$v[0]}'>通过</a>";
   }
   else
   {
    $caozuo="<span style='background-color:green;color:white'>已通过</span>";
   }
   echo "<tr>
  <td>{$v[1]}</td>
  <td>{$v[2]}</td>
  <td>{$v[3]}</td>
  <td>{$v[4]}</td>
  <td>{$v[5]}</td>
  <td>{$caozuo}</td>
 </tr>";
  }

 }
 ?>
</table>
</body>
</html>

tongguo.php

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

//流程往下走
$code = $_GET["code"];
$sql = "update userflow set towhere=towhere+1 where ids='{$code}'"; //使流程向下走
$db->Query($sql,0);

//判断流程是否结束
$sql = "select * from userflow where ids='{$code}'";
$arr = $db->Query($sql);

$lcdh = $arr[0][1]; //流程代号
$tw = $arr[0][6]; //流程走到哪

$sql = "select count(*) from flowpath where code='{$lcdh}'";
$count = $db->StrQuery($sql); //该流程节点人数
if($tw>=$count)
{
 $sql = "update userflow set isok=1 where ids='{$code}'"; //如果结束了流程，将isok项改为结束。
 $db->Query($sql,0);
}

header("location:shenhe.php");

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

php+ajax发起流程和审核流程（以请假为例）

上一篇随笔中已经提到如何新建流程,那么现在我们就来看一下如何发起一个流程和审核流程~~~ 先说一下思路: (1)登录用session获取到用户的id (2) 用户发起一个流程注意:需要写申请事由 (3)处于节点的审核人去依次审核注意:每审核通过一个,对应towhere字段要加1: 审核到最后时,对应的isok字段要变为1(此处1表示结束,0表示未结束) 共用到三张表: 第一步:先做一个简单的登录页面,用session获取用户名: denglu.php页面 <!DOCTYPE html> &
利用ajax和PHP实现简单的流程管理

本文实例为大家分享了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/1
asp.net中利用ajax获取动态创建表中文本框的值

假设现在主表为公司表(公司ID,公司名称,公司类型,公司规模),从表为部门表(部门ID,公司ID,经理,联系电话),现在一个公司有四个部门,要在同一个页面上录入公司信息以及四个部门的信息,如何动态创建部门信息录入口,以及如何获取数据存储到数据库中,请看下面的代码. 页面HTML代码及js脚本代码复制代码代码如下: <%@ Page Language="C#" AutoEventWireup="true" Codebehind="Default.
jQuery插件select2利用ajax高效查询大数据列表（可搜索、可分页）

select2是一款jQuery插件,是普通form表单select组件的升级版. 可以定制搜索.远程数据集(Remote data,本篇主要介绍点).无限滚动(数据分页功能,这一点很妙).还有很多高端的参数设置(有需要的下次介绍). 内置了40种国际化语言,不过这里我们只需要用到中文. 同时支持现代和传统浏览器内置,甚至包括惹人不高兴的IE8. 那么,现在让我们开始一段select2的奇幻之旅吧! 一.惊艳的效果,来一睹为快吧本地实战结果二.导入css和js到网站上 1.使用CDN,节省自
利用 Go 语言编写一个简单的 WebSocket 推送服务

本文中代码可以在 github.com/alfred-zhong/wserver获取. 背景最近拿到需求要在网页上展示报警信息.以往报警信息都是通过短信,微信和 App 推送给用户的,现在要让登录用户在网页端也能实时接收到报警推送. 依稀记得以前工作的时候遇到过类似的需求.因为以前的浏览器标准比较陈旧,并且那时用 Java 较多,所以那时候解决这个问题就用了 Comet4J.具体的原理就是长轮询,长链接.但现在毕竟 html5 流行开来了,IE 都被 Edge 接替了,再用以前这种技术就显得过
如何利用Ajax实现地区三级联动详解

前言: 利用Ajax来实现一个地区的三级联动,用Java代码来读json文件,先eclipse做一个简单的,最基础的.(json我用的jackson来解析,也可用fastjson-阿里巴巴的等还有很多)提供代码,思路之类的,注释也没有自己去想去琢磨出来的思路好 first:首先先要熟悉json文件,并要想好利用什么类型去解析,这是最难的,最好找一个没人的地方戴上耳机(对于初学)我是用maven来做的用到的jar坐标 : <dependency> <groupId>redis.cli
如何利用AJAX获取Django后端数据详解

使用Django服务网页时,只要用户执行导致页面更改的操作,即使该更改仅影响页面的一小部分,它都会将完整的HTML模板传递给浏览器.但是如果我们只想更新页面的一部分,则不必完全重新渲染页面-这时候就要用到AJAX了. 使用AJAX获取Django后端数据插图 AJAX提供了一种将GET或POST请求发送到Django视图并接收任何返回的数据而无需刷新页面的方法.现代JavaScript包含fetch API,该API为我们提供了一种纯JavaScript方式来发送AJAX请求. 让我们看一下如何
利用Ajax检测用户名是否被占用的完整实例

适合人群:Ajax和jQuery入门采用Ajax实现用户名验证使用jQuery给出提示信息用户注册的时候,使用Ajax实现检测用户名是否已经被注册过,很多细节没有实现,给大家做个简单普及. <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <!DOCTYPE html PUBLIC "-//
go后端利用ffmpeg转hls做简单视频直播

目录 1. 前言 2. wsl安装ffmpeg并转换rtsp为hls 3. 前后端示例代码 3.1 后端go代码 3.2 前端代码 4. 结果及评估 1. 前言上一次我们找到一些开源方案,目前我们先测试一下ffmpeg转hls播放的方式,看下延迟情况及兼容性情况,主要测试Windows.Linux和macOS中使用谷歌浏览器播放的情况.后端结合我们之前的cgo部分,建立一个简单的http服务器,然后提供给前端调用. 2. wsl安装ffmpeg并转换rtsp为hls sudo apt-get
如何利用AngularJS打造一款简单Web应用

目前不同类型的Web开发人员都在广泛使用AngularJS,这套卓越的框架也充分证明了自身满足各类不同需求的能力.作为一名Web开发人员,无论大家是刚刚入门的新手还是已经拥有丰富的实践经验,选择一款优秀的框架都是必要的工作前提,而AngularJS正是这样一套理想的解决方案.在使用AnguarJS的过程中,大家可以同时学习到更多与应用程序开发相关的知识以及如何构建起更出色.更具吸引力的应用成果.如果大家希望在应用程序的创建工作中采取各类最佳实践,那么AngularJS也能够带来极大的助益.总而言
利用css+原生js制作简单的钟表

利用css+原生js制作简单的钟表.效果如下所示实现该效果,分三大块:html.javascript.css html部分 html部分比较简单,定义一个clock的div,内部有原点.时分秒针.日期以及时间,至于钟表上的刻度.数字等元素,因为量比较多,采用jvascript生成 <!doctype html> <html> <head> <meta charset="UTF-8"> <link rel='stylesheet'

利用ajax和PHP实现简单的流程管理

相关推荐

随机推荐