Advertisement

vForm：一款基于JSON配置的表单生成工具，支持可视化编辑器创建业务表单。

  •  5星
  •     浏览量: 0
  •     大小:None
  •      文件类型：ZIP

简介：
vForm是一款创新的表单生成工具，采用JSON配置方式，并配备强大的可视化编辑器，便于用户轻松定制和管理各类业务表单。 vForm 是一个通过 JSON 配置来创建表单的工具，包含以下功能： - 支持多语种切换 - 表单验证模块：提供基础校验功能，并显示输入错误提示信息。 - 输入类 H5 表单控件自带基本校验规则。 - 输出结果支持多种语言格式化处理。 此外，vForm 还包括一个设计师模块： - 包含表格（Table）组件： - 支持数据在格子中的对齐方式：上中下、左中右 - 允许通过数据源加载内容 - 提供动态调整配置 SetOptions 功能 - 可以设置样式，监听 onchange 事件，并支持跨表单提取数据。 - 表格控件功能： - 支持单元格跨越多列（Colspan） - 具备销毁重载和只读模式等特性 vForm 还提供了以下控件开发： - Select 下拉选择框 - Date 日期输入器 - DateTime 日期时间输入器 - SelectGrid 复杂下拉列表 - Tree 树形结构选择组件 - Hyperlink 超链接按钮

全部评论 (0)

还没有任何评论哟~
客服
客服
客服关闭
  • vForm：一款基于JSON配置的表单生成工具，支持可视化编辑器创建业务表单。
    优质
    vForm是一款创新的表单生成工具，采用JSON配置方式，并配备强大的可视化编辑器，便于用户轻松定制和管理各类业务表单。 vForm 是一个通过 JSON 配置来创建表单的工具，包含以下功能： - 支持多语种切换 - 表单验证模块：提供基础校验功能，并显示输入错误提示信息。 - 输入类 H5 表单控件自带基本校验规则。 - 输出结果支持多种语言格式化处理。 此外，vForm 还包括一个设计师模块： - 包含表格（Table）组件： - 支持数据在格子中的对齐方式：上中下、左中右 - 允许通过数据源加载内容 - 提供动态调整配置 SetOptions 功能 - 可以设置样式，监听 onchange 事件，并支持跨表单提取数据。 - 表格控件功能： - 支持单元格跨越多列（Colspan） - 具备销毁重载和只读模式等特性 vForm 还提供了以下控件开发： - Select 下拉选择框 - Date 日期输入器 - DateTime 日期时间输入器 - SelectGrid 复杂下拉列表 - Tree 树形结构选择组件 - Hyperlink 超链接按钮
     
  • ElementUI表单可视化编辑器自动创建验证代码
    优质
    本工具基于ElementUI开发，提供表单可视化编辑功能，并能自动生成相应的验证代码，提高前端开发效率。 Element-UI 的表单可视化编辑器能够自动生成表单验证代码。它不是一个纯粹的可视化解决方案，而更像是一个生成模板的工具。该工具旨在帮助用户解决记忆 Element-UI 表单验证写法困难的问题。
     
  • 基于配置动态创建带验证的表单
    优质
    本项目提供一种灵活的方法，用于依据预设配置动态构建具备验证功能的Web表单，极大提升了开发效率和用户体验。 该组件使用了iview框架，并利用iview中的form表单引用的async-validator组件对表单进行验证。
     
  • JSON Editor: JSON 数据的可视化与编辑工具
    优质
    JSON Editor是一款便捷的数据处理工具，它能够帮助用户直观地查看和修改JSON数据结构。通过图形界面，简化了复杂JSON对象的操作流程，提高工作效率。 JSONEditor功能组件提供JSON数据可视化编辑能力（以表单形式编辑json数据）。使用场景包括：通过提供可视化的界面来方便地编辑json数据内容。 技术栈为React、Mobx及Ant Design，具备以下特点： - 弹性布局设计，支持大屏和小屏两种展示模式； - 支持字段联动功能； - 提供12种基础类型组件（包括input、boolean、date等）用于数据输入； - 同时还提供11个特殊类型的编辑器（如object、array、json等），满足更多样化的编辑需求。 此外，JSONEditor支持将JSON转换为schema的能力，在没有预定义的schemaData的情况下也能根据给定的jsonData自动生成相应的表单结构。
     
  • 定制工作流与可视化表单构建器
    优质
    定制工作流与可视化表单构建器是一款强大的工具平台，它允许用户通过直观界面轻松设计和调整流程图及复杂表格，极大提升了工作效率和灵活性。 拖拽式表单设计器Java版提供灵活的排版定制功能，并包含丰富的表单控件。该工具基于Ueditor改造而成，在完成设计后可以直接进行工作流的操作，且工作流源码开放，支持二次开发与自定义修改。用户可以在“开源码农”平台上找到更多相关资源和免费下载内容。
     
  • JSON可视化编辑工具（基于页面JS实现）
    优质
    这是一款基于页面JavaScript开发的JSON可视化编辑工具，允许用户直观地创建、查看和修改复杂的JSON数据结构。 通过本工具，可以对JSON字符串进行可视化编辑，并将编辑后的结果生成新的字符串。这是一款小工具。
     
  • 基于Vue的可视化拖拽编辑页面生成工具
    优质
    这是一款基于Vue框架开发的高效可视化页面设计工具，用户可以通过简单的拖拽操作轻松创建和编辑网页元素，无需编写代码即可快速生成复杂美观的网页界面。 基于 Vue 的可视化拖拽编辑页面生成工具可以提升前端开发效率，并且能够集成到移动端项目中，通过定义 JSON 直接生成 UI 界面。
     
  • 一个可视化的编辑工具
    优质
    这是一个易于使用的可视化编辑工具，用户可以通过简单的拖拽和点击操作来设计和创建各种复杂的文档或界面，无需编写代码。 DIY-Page是一款可视化编辑工具。
     
  • Vue3-JsonSchema-Form：基于JSON Schema的Vue3表单构建工具
    优质
    Vue3-JsonSchema-Form是一款用于Vue3框架的插件，它允许开发者通过JSON Schema轻松地生成和管理动态表单。此工具简化了复杂的表单操作，提高了开发效率。 Vue3-JsonSchema-Form 是一个基于 JSON Schema 的 Vue3 表单生成器。 项目设置： ```bash npm install npm run serve npm run build npm run test:unit npm run lint ``` API 设计 使用 `` 组件，其属性如下： - `schema`：JSON schema 对象，用于定义数据和表单结构。 - `value`：表单的数据结果。你可以从外部改变这个值，在表单被编辑的时候，会通过 onChange 事件传递更新后的值。 - `xss=removed`：防止跨站脚本攻击（XSS）的设置。 - `locale={locale}`：国际化配置。 - `contextRef={someRef}`：上下文引用。 示例： ```html ``` 其中，`uiSchema` 是可选的，用于自定义表单控件。
     
  • Vue Editor: Vue可视化编辑工具 可视化编辑器
    优质
    Vue Editor是一款专为Vue.js应用设计的可视化编辑工具。它提供直观易用的操作界面，让用户无需编写代码即可创建和定制复杂的用户界面组件，极大地提高了开发效率与用户体验。 测试项目设置包括使用 `npm install` 进行安装编译和热重装以进行开发，使用 `npm run serve` 编译并运行服务，使用 `npm run build` 生成生产环境的最小化代码，并通过 `npm run lint` 整理和修复文件。自定义配置请参阅相关文档或说明。