`
kongshanxuelin
  • 浏览: 912161 次
  • 性别: Icon_minigender_1
  • 来自: 宁波
社区版块
存档分类
最新评论

自定义表单的设计与实现

阅读更多

制作调查表或企业内部系统的时候,经常被一系列表单弄得焦头烂额,所以在一般OA中都有自定义表单功能,这也是工作流的基础(在人工节点处理时可关联自定义表单),这是我最近写的一个自定义表单小系统,主要支持:

  • 主子表单定义:一般很多场景都需要主从表单一起录入数据;
  • 表单授权:表单的创建者可以让其他人管理表单,一般比如开发人员定义表单,后续由使用表单的管理人员跟进;
  • 表单数据授权:表单的数据可定义xxx人员可编辑,可删除,可查看yyy用户的数据,这个是很常见的使用场景;
  • 表单生成预览:匿名让用户填写表单,一般可对外发布调查表;
  • 表单自定义:支持单行,数字,多行,多选,单选,下拉框,还有一些在Mobile端使用的组件;

效果预览可访问:http://wx.sumslack.com/microteam/login.jsp

 

测试账号:test4,test5,test6,test7,密码都是:123456

 

源码在:http://code.sumslack.com/projects.jsp?id=lvhbb5zbwg

 

前端:LESS + jQuery + Gulp

后台:Java,JSPTagEx,Dubbo(可以不用)

 

效果图:

 



 

 

  • 大小: 27.9 KB
  • 大小: 40.6 KB
1
1
分享到:
评论
1 楼 masuweng 2017-06-14  
不错!!!!!

相关推荐

    JAVA动态表单设计,自定义表单,自定义数据

    JAVA动态表单设计,自定义表单,自定义数据,在线设计,数据库存储

    自定义表单设计思路.docx

    4.可视化的表单定制工具:实现基于web的图形化表单设计器,争取做到可拖拽控件,无需安装任何客户端控件;——难点为数据绑定,也就是页面元素与数据表字段的映射,另外动态数据存储结构问题、表间数据校验和计算、...

    自定义表单初步设计文档

    后期,经过技术预研,将InfoPath Designer组件与公司之前数据表组件进行了结合,完成了OA系统自定义表单、自定义数据表、自定义流程组件。 此文档存手写,完成了以上技术预研的核心设计以及核心代码实现。

    论文研究-基于自定义表单的工作流过程定义分析与设计.pdf

    为了实现自定义表单与工作流过程的有效结合,提出了一种基于自定义表单的工作流系统体系结构。首先分析了表单模型的定义及表单系统的设计方法,然后将工作流处理过程定义为扩展后的流程节点的有序集合,通过在工作流...

    jQuery+bootstrap可视化表单拖拽编辑,自定义拖拽设计表单

    如果你对拖拽生成自定义表单感兴趣,可以在其基础上进行更大的拓展和完善,真的完全有可能升级作为一款智能前端开发产品,其实市场上已经有类似的收费产品,例如avue,这款demo跟avue拖拽表单很像。

    delphi Form表单设计拖动编辑实现

    delphi Form表单设计拖动编辑实现 可编缉,可使用。 对于,设计好人FORM。 可用 WriteComponentResFile(); ReadComponentResFile(); 这两个文件保存RES文件,也可写进数据库

    winform自定义设计器.rar_C# WinForm运行时窗体设计_ide_winform 设计时_winform运行设计_

    因为业务的需要,有时会使用到自定义运行时窗体设计器Runtime FormDesigner,实现的功能,就是IDE设计器的简化。设想一下,如果可以在程序运行时,再设计一个Form,然后编译代码,那是多么强大呀。

    基于 vue 和 element-ui 实现的可视化表单设计器

    基于Vue的可视化表单设计器,让表单开发简单而高效;高级版本目前已支持 Vue3。MakingForm 表单设计器(基于可视化操作快速设计出表单页面)。GenerateForm 表单生成器(根据设计器中获取的配置 json 数据,快速渲染...

    JavaScript实现的可视化表单设计器源码.zip

    JavaScript实现的可视化表单设计器源码。实现的可视化表单设计器。基于Vue的可视化表单设计器,让表单开发简单而高效。 特性如下: 可视化配置页面 提供栅格布局,并采用flex实现对齐 一键预览配置的效果 一键生成...

    自定义表单使用

    java语言实现自定义表单,是一个在IE浏览器中可视化的设计软件界面的工具。无论是输入界面还是报表界面,无论是简单的输入查询还是复杂的逻辑处理都可以实现

    dingding:使用jquery仿钉钉PC后台自定义表单设计器 https

    仿钉钉后台自定义表单预览地址:pc端自定义表单,手机端扫码预览用到jquery + jquery-ui + artTemplate + webpackartTemplate模板运行之前请先安装依赖npm install开发预览运行npm run server打包npm run build

    表单设计器源码 此款表单设计器

    此款表单设计器实现了自定义表单,并创建数据表及保存数据的功能,能移植以WEB上使用,但在WEB上无法实现数据的动态保存, 是以上传来大家帮忙看看,能否实现WEB表单设计器! 定义表单,并创建数据表及保存数据的...

    vue实现可视化可拖放的自定义表单的示例代码

    主要介绍了vue实现可视化可拖放的自定义表单的示例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

    自定义问卷调查设计系统

    简单易用的专业纯HTML静态表单制作系统 可完全自定义的调查投票管理系统,可以生成任何网上您所见到的投票调查问卷。 可自定义题目类型 (如单选+多选...完美实现第3方被调查用户权限控制 完美支持密码(序列号)问卷调查

    一个数据库设计表单

    是一个很好的数据库设计源码,大家可以好好研究一下啊

    论文研究-面向SaaS的表单可定制数据模型的研究与实现 .pdf

    面向SaaS的表单可定制数据模型的研究与实现,杨俊杰,,针对目前市场上表单定制工具的表单定制性不灵活、对复杂表单的支持不够、表单定制工具的开发成本和维护费用比较高等问题,一个定

    iOS实现自定义表单实例代码

    所有表单数据在一个页面中实现,在APP中这样的设计其实挺逆天的,但产品经理坚持要这么弄,也只能硬着头皮写。页面的表单数据样式五花八门,下图是其中几行截图 第一、二行的 textfield 其实是一个选择框,只能从...

    基于vue3+vite+ts的可视化页面设计器(源码+项目说明)(可在线设计页面表单等,支持引入多种组件库和自定义组件).zip

    【资源说明】 1、该资源包括项目的全部源码,下载可以直接使用! 2、本项目适合作为计算机、...基于vue3+vite+ts的可视化页面设计器(源码+项目说明)(可在线设计页面表单等,支持引入多种组件库和自定义组件).zip

    JDBC.zip_JDBC实验_Java自定义表单

    ... 2)设计数据库及表结构,表中保存信息统计表中的信息,在mysql或其它数据库中创建数据库和表。...4)设计并实现listInfo.jsp页面,该页面负责查询数据库表中的所有数据并将其简单显示在页面上,显示形式自定义。

Global site tag (gtag.js) - Google Analytics