“员工请假”流程及在线表单开发示例

1. “员工请假”流程及在线表单开发示例

1.1. 描述

通过本示例达到快速对F2流程管理平台的在线表单速讯上手及零编码式的开发。实现一个以请假为示例的流程及在线表单,及请假数据的查询。

1.2. 目标效果

(1) 如何配置一个“请假在线表单”

(2) 如何配置请假流程

(3) 如何查询我个人的请假历史数据

(4) 如何让管理员查询所有请假的数据

1.3. 如何配置一个“请假在线表单”

1.3.1. 数据库表定义

点击在线表单==》数据库表定义==》新增,如下图:

 

 

点击编辑字段,如下图:

 

点击编辑字段,新建请假的所有字段

 

说胆:每个表中必须要有CreatorId和CreatedTime,这两个字段的意义在于存放创建人ID和数据创建时间,后面将用此字段做过过滤条件来做表的数据查询管理。申请人ID在表单元素配置时会配置为隐藏域,当请假人提起请假时会自动绑定申请人的用户ID,通常也会有一个对应的请假人姓名,如上图所示。当然这两个字段也不是绝对要的,如果没有这两个字段那么需要实现“目标效果”中的第3和第4点需要在菜单地址中增加多两个参数

参数地址传入指定的字段来代替这两个字段,增加sortName参数和creatorId参数,详细见

后面的说明在“如何时查询个人的请假历史数据”中有提到。

点击生成物理表

 

到此数据库表就配置完成了。

1.3.2. 数据对象定义

点击“新增”,选择上面定义好的数据库表

 

点击编辑子表可以添加子表,由于请假表没有子表,所以可忽略。

 

至此,数据对象字义已完成。

1.3.3. 表单定义

表单定义是很重要的一环节,需要定义字段的控件元素。

新增一个表单定义,选择你刚才配置的数据对象

点击编辑元素字段,如下图:

 

选择数据对象中的字段后效果如下图所示:

编辑每个字段的控件类型,如下图编辑姓名字段,由于申请人的姓名是不需要用户自己来输入的,通过配置默认值来自动填写:

 

所在部门也是和姓名同理,通过配置默认值来达到提起流程时自动填写。

 

 

配置请假类别,因为请假类型是一个选项,我们可以从数据库在配置,通过自定义、数据字典,或Sql来获取选项。下面是通过自定义选项的配置;

 

 

 


配置申请日期,由于申请日期用的是CreatedTime创建时间,在意义上是相同的,主要是用于后面列表的默认排序字段,通过默认获取当前时间来设置申请日期。


设置申请人ID,由于申请人ID是不需要被显示的,同时也是不需要用户自己来输入的所以我们配置申请人ID为隐藏域,同时设置默认值为当前登录者ID,如下图

提示:我们在实际开发使用过程中经常要用到各个身份的ID作为来维护数据的关系,比如用户ID,部门ID是最常见的,所以这些ID都通过隐藏域和设置默认值来实现数据自动填写和存储到你自定义的数据库表中。这些值都能通过默认值或高级控件“自定义选择器”和“自定义选择对话框”来实现。

1.3.4. 配置表单应用

需要将上面定义的请假在线表单定义应用成一个表单应用供流程引擎调用,如下图所示:

 

编辑表单Html模板如下图,点击生成表单模板,调整布局格式后如下图所示:

 

点击保存。

 

 

 

 

 

致此表单定义完成。

1.4. 如何配置请假流程

配置流程定义请参见流程定义相关帮助,这些不再赘述。

配置表单应用

 

 

表单表单权限,表单权限分为读和写,可以配置哪些字段在哪个环节或都此人可见可编辑的权限。首先分析请假表业务,所有字段都在开始的时候由提单人填写,并且申请人姓名和申请时间提单人不能填写只能由系统默认生成。下面我们来达到这效果的配置。

 


先通过批量设置,再单独设置个别的字段,如下图:

 

 

根据业务需求,所有字段只能在提单时填写,设置如下:

 

 

单独设置:申请人姓名和申请日期,因为这两个字段提单人也不能修改。通过选择“空环节”来达到任何环节都不能编辑此字段的效果。

 

 

此致表单配置完成

最后发起流程,申请日期是灰色不可编辑,同时已是当前时间,效果如下:

 

 

1.5. 如何查询我个人的请假历史数据

下面来看看如何查询我个人请假的历史表单内的数据,也就是最开始的时候我们定义的请假数据库表中的数据。效果如下:

 

那么我们仅需要配置一个系统菜单,菜单的地址规则如下:

/SingleQuery/MySearch/?appId=流程应用ID&tableName=数据库表名

延展:如果你的数据库表字段中没有CreatedId和CreatedTime那么也可以把在地址后面增加sortName参数和creatorId参数,对应的值就是字段名称,用于指定对应分别代表这两个字段。如下

/SingleQuery/MySearch/?appId=AB&tableName=cust_qjsqb&sortName=默认排序字段名& creatorId=创建人字段名

请假数据个人查询的地址是:

/SingleQuery/MySearch/?appId=AB&tableName=cust_qjsqb

 

通过点击配置的菜单显示数据库列表如下,以下是通过配置好列表表头的效果,一开始出来的列表将会是所有字段,我们需要配置一些显示哪一些字段,哪一些字段隐藏,哪一些字段做为查询条件。

 

 

是否Sql输出:指的是列表展现数据时不查询此字段,由于大文本字段非常庞大并且字段内容可会有一些是Html或Json的数据,如果查询出来会导致列表的数据源非常大,不利于展现显示,强烈性建议把大本的字段去掉Sql输出的勾选,并且Grid列隐藏打上勾。

如果仅是是Grid列隐藏打勾并不影响Json数据的正常输出,只是没有在列表中显示。依然还是能通过EasyUI的Row能获取得到Grid列隐藏的数据,如果把Sql输出去除勾选则EasyUI的row中也不存在此字段的属性。

冻结列:冻结列的好处在于浏览器大小变化时不影响列表的展示和查看,更好的浏览效果,通常列表要冻结前四列。

 

 

 

日期字段市里为搜索条件时浏览:需要把是否可编辑勾选上,如下图

 

日期查询参数,默认所有查询方式都是like,对于日期使用like无意义,可修改为大于等于,如下图

 

 

具体参考系统请假示例的配置。

致此配置完成。

1.6. 如何让管理员查询所有请假的数据

配置让管理员查询到所有人的请假数据库表数据和上面的配置相同,只是不会过虑当前用户的数据,将显示请假表数据库中的所有数据,区别仅是菜单地址的不同。

本节不需要配置表头,由于在上一小节中已经配置过了。

菜单地址格式:

/SingleQuery/ListSearch/?appId=应用ID&tableName=数据库表名

请假如下效果的地址是:/SingleQuery/ListSearch/?appId=AB&tableName=cust_qjsqb

 

转载于:https://www.cnblogs.com/f2flow/p/6237875.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/469635.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Pytorch神经网络基础理论篇】 03 数据操作 + 数据预处理

同学你好!本文章于2021年末编写,已与实际存在较大的偏差! 故在2022年末对本系列进行填充与更新,欢迎大家订阅最新的专栏,获取基于Pytorch1.10版本的理论代码(2023版)实现, Pytorch深度学习理论篇(2023版)…

git版本控制系统常用指令,Xmind笔记整理

git仓库使用、项目版本管理基本常用指令 纯手工整理Xmind笔记: 点我下载 预览图: Png: 如有错误,谢谢指出

Spark学习(一) -- Spark安装及简介

标签(空格分隔): Spark 学习中的知识点:函数式编程、泛型编程、面向对象、并行编程。 任何工具的产生都会涉及这几个问题: 现实问题是什么?理论模型的提出。工程实现。思考: 数据规模达到一台机…

Django基本概念、安装、配置到实现框架,Xmind学习笔记

Django从安装、配置到实现简单web框架的基本操作流程 纯手工Xmind笔记整理: 点我下载 预览图: 如有错误,谢谢指出

智慧交通day03-车道线检测实现06:车道线定位及拟合+代码实现

学习目标 了解直方图确定车道线位置的思想我们根据前面检测出的车道线信息,利用直方图和滑动窗口的方法,精确定位车道线,并进行拟合。 1. 定位思想 下图是我们检测到的车道线结果: 沿x轴方向统计每一列中白色像素点的个数&…

USB驱动程序

1、USB驱动程序存在于不同的内核子系统(块设备、网络设备、字符设备等等)和USB主控制器之中。 2、USB核心为USB驱动程序提供了一个用于访问和控制USB硬件的接口,而不必考虑系统当前存在的各种不同类型的USB硬件控制器。 2.1 USB里的设备模型 Linux里一个很重要的概念是设备…

TemplateSyntaxError at XXXX或页面样式未生效

报错TemplateSyntaxError at或页面样式未生效 直观原因就是模板的语法有误&#xff0c;造成这一原因的根源是使用pycharm&#xff08;idea&#xff09;的自动注释&#xff0c;而pycharm没有装django配置&#xff0c;ctrl/时会将block中的内容用html注释<!—>包围内容 对…

智慧交通day03-车道线检测实现07:车道曲率和中心点偏离距离计算+代码实现

学习目标 知道车道曲率计算的方法知道计算中心点偏离距离的计算1.曲率的介绍 曲线的曲率就是针对曲线上某个点的切线方向角对弧长的转动率&#xff0c;通过微分来定义&#xff0c;表明曲线偏离直线的程度。数学上表明曲线在某一点的弯曲程度的数值。曲率越大&#xff0c;表示…

智慧交通day03-车道线检测实现08: 在离线视频(非实时)中检测车道线+代码实现

学习目标 了解在视频中检测车道线的方法在前面几节中一步步完成摄像机标定、图像畸变校正、透视变换、提取车道线、检测车道线、计算曲率和偏离距离后&#xff0c;在图像上实现了复杂环境下的车道线检测算法。现在我们将视频转化为图片&#xff0c;然后一帧帧地对视频数据进行处…

Django 模板实现(动态)图片/头像展示到页面

Django 模板实现&#xff08;动态&#xff09;图片作头像展示到页面 在网上搜了加载图片到前端的解决方法&#xff0c;大多都比较复杂&#xff0c;要引用PIL&#xff0c;下载Cropper插件&#xff08;可以用于裁图&#xff09;之类的&#xff0c;下面是一个简单易懂的方法实现&…

Django之验证码的实现,简单快捷的方法

Django之验证码的实现&#xff0c;简单快捷的方法 实现验证码随网页变动即时刷新&#xff0c;实现有期限时间 请确保安装好pillow 直接show code&#xff1a; 0、路由urs.py from django.urls import path, re_path from . import views urlpatterns [re_path(r^test/$, vie…

智慧交通day04-特定目标车辆追踪01:总览概述

项目介绍&#xff1a; 运动目标跟踪一直以来都是一项具有挑战性的工作, 也是研究的热点方向. 现阶段, 随着硬件设施 的不断完善和人工智能技术的快速发展, 运动目标跟踪技术越来越重要. 目标跟踪在现实生活中有很 多应用, 包括交通视频监控、运动员比赛分析、智能人机交互 、跟…

智慧交通day04-特定目标车辆追踪02:Siamese网络+单样本学习

1.Siamese网络 Siamese network就是“连体的神经网络”&#xff0c;神经网络的“连体”是通过共享权值来实现的&#xff0c;如下图所示。共享权值意味着两边的网络权重矩阵一模一样&#xff0c;甚至可以是同一个网络。 如果左右两边不共享权值&#xff0c;而是两个不同的神经网…

CSS如何实现两个a标签元素的文字一个靠左一个靠右,并且能点击分别不同的链接

CSS如何实现两个a标签元素的文字一个靠左一个靠右&#xff0c;并且能点击分别不同的链接 作为一个非专业前端&#xff0c;有时候开发又必须自己写一些简单的前端&#xff0c;在网上有时候不能及时查找到内容&#xff0c;只能自己尝试&#xff0c;如下是实现两个span中的a标签下…

智慧交通day04-特定目标车辆追踪03:siamese在目标跟踪中的应用-SiamFC(2016)

目标追踪任务是指在一个视频中给出第一帧图像的bbox的位置&#xff0c;在后续的帧中追踪该物体的任务。 目标追踪不同于目标检测的是&#xff1a; 1、需要给出首帧的标定框。 2、只需要给出标定框&#xff0c;后续的搜索范围往往在上一帧图像的附近。 孪生网络是使用深度学习…

word-break|overflow-wrap|word-wrap——CSS英文断句浅析

---恢复内容开始--- word-break|overflow-wrap|word-wrap——CSS英文断句浅析 一 问题引入 今天在再次学习 overflow 属性的时候&#xff0c;查看效果时&#xff0c;看到如下结果&#xff0c;内容在 div 中国换行了&#xff0c;可是两个 P 元素的内容并没有换行&#xff0c;搜索…

智慧交通day04-特定目标车辆追踪03:siamese在目标跟踪中的应用-SiamRPN(2017)

3.2 SiamRPN(2017) 3.2.1 网络结构 Siam-RPN提出了一种基于RPN的孪生网络结构&#xff0c;由孪生子网络和RPN网络组成&#xff0c;前者用来提取特征&#xff0c;后者用来产生候选区域。其中&#xff0c;RPN子网络由两个分支组成&#xff0c;一个是用来区分目标和背景的分类分…

ubuntu 18 Cannot find installed version of python-django or python3-django.

ubuntu系统下安装了django&#xff0c;但是启动django项目时报错 Cannot find installed version of python-django or python3-django. 原因&#xff1a; ubuntu大于14版本的应该安装python3-django 解决办法&#xff1a; apt-get install python3-django 如果提示你有几个…

智慧交通day04-特定目标车辆追踪03:siamese在目标跟踪中的应用-DaSiamRPN(2018)

DaSiamRPN网络的全称为Distractor-aware SiamRPN&#xff0c;是基于SiamRPN网络结构&#xff0c;提出更好的使用数据&#xff0c;针对跟踪过程的干扰物&#xff0c;利用更好的训练方式是跟踪更加的鲁棒。 DaSiamRPN认识到了现有的目标追踪数据集中存在的不平衡问题&#xff0c…

智慧交通day04-特定目标车辆追踪03:siamese在目标跟踪中的应用-SiamRPN++(2019)

3.4.1 模型结构 SiamRPN网络结构如下图所示&#xff0c;虚线的两边都是网络结构图&#xff0c;虚线左侧是特征提取网络结构&#xff0c;右侧是RPN结构图。其实SiamRPN的网络结构与SiamRPN网络结构十分相似&#xff0c;而SiamRPN就是在SiamRPN的基础上加入许多的创新点。 SiamR…