当前位置：网站首页 > 文章教程 > 正文

轻松搞定form表单，不再为表单烦恼

xsobi 2024-12-09 18:25 1 浏览

??大家好，我是为广大程序员兄弟操碎了心的小编，每天推荐一个小工具/源码，装满你的收藏夹，每天分享一个小技巧，让你轻松节省开发效率，实现不加班不熬夜不掉头发，是我的目标！

??今天小编推荐一款表单组件，可以通过 JSON 生成具有动态渲染、数据收集、验证和提交功能的表单生成组件。支持3个UI框架，并且支持生成任何 Vue 组件。内置20种常用表单组件和自定义组件，再复杂的表单都可以轻松搞定。

开源协议

??使用 MIT 开源许可协议

链接地址

特性

JSON：支持使用 json 数据生成表单。
自定义组件：支持生成任何组件，提升表单的灵活性，可以实现功能更复杂的表单。
适配多个UI框架：已适配iview,view-design,element-ui,ant-design-vue框架。
双向数据绑定：生成规则变化后，页面会实时更新。
栅格布局：栅格系统进行网页布局，可以使页面排版美观、舒适。
局部更新：内置组件缓存功能，提升渲染速度。

演示截图

简单输入框

单选按钮

Select 下拉选择框

以下是所有组件演示目录，此处不一一展示，想看效果可以到上面提示的地址查看

可视化vue表单设计器组件

结尾

??本期就分享到这里，我是小编南风吹，专注分享好玩有趣、新奇、实用的开源项目及开发者工具、学习资源！希望能与大家共同学习交流。

form表单

上一篇：Axure教程--页面载入进度条
下一篇：一篇文章搞懂Django中的form表单

相关推荐

斗鱼针针成旻云个人资料针针年龄身高演艺经历介绍: [闽南网]针针成旻云曾是七煌旗下签约艺人，经常在斗鱼进行直播身高超过170cm的她更因为有一双大长腿而被称为“斗鱼第一美腿”、“电竞第一腿”。本文这就来对针针的个人资料进行详细介绍，想知道她的年龄身高...

轻量级RTSP服务模块和RTSP推流模块适用场景区别: 好多开发者一直搞不清轻量级RTSP服务SDK和RTSP推流SDK的区别，以下是相关区别：1.轻量级RTSP服务模块：轻量级RTSP服务解决的核心痛点是避免用户或者开发者单独部署RTSP或者RTMP服...

《新·奥特曼》11月18日国内视频平台上线: 《新·奥特曼》海报。新京报讯11月14日，由上海新创华文化发展有限公司授权引进电影《新·奥特曼》宣布正式定档11月18日（周五）00:00上线视频平台，上线版本为日语配音中文字幕版。影片由庵野秀明（...

剑指Apple Watch!Android Wear也将支持视频功能: 想必智能手表发展到现在，大家最期待的还是视频功能，近日AndroidWear就实现了这一功能，以后就能在手表上看视频了，想想就挺激动的，快来看看吧！其实早在WWDC大会上，老对手AppleWatc...

QT应用编程:基于VLC开发音视频播放器(句柄方式): 一、环境介绍操作系统:win1064位QT版本:QT5.12.6编译器:MinGW32VLC版本:...

OBS 源码分析 obs开发: 本文将按照数据源的获取、渲染、推送的直播流程来让大家深入了解一下。1、直播源数据获取obs在启动时会优先加载libobs核心库，这个库初始化obs很多内容，包括crash模块、com、性能监...

Android和iOS端Moments更新:支持视频分享功能: Moments是社交网络巨头Facebook推出的一款私人照片分享应用，今天公司宣布对Android端和iOS端应用同时升级，新增对视频分享功能的支持。事实上早在数周之前，Facebook就曾表示Mo...

您很快就可以在Android Galaxy设备之间传输视频通话: 在阅读此文之前，辛苦点击右上角的“关注”，既方便您进行讨论与分享，又能给您带来不一样的参与感，感谢您的支持！导语：在科技领域，每时每刻都有新的发展，令人兴奋的创新不断涌现。早在八月份，Android系...

一篇文章带你FFmpeg到流媒体服务器开发: 安装ffmpeg:下载FFmpeg和libx264的包ffmpeg-2.4.1.tar.bz2last_x264.tar.bz2libx264需要yasm,所以先安装yasmapt-getinst...

YouTube 为 Android 平台提供 1440P 视频: 安锋网8月10日消息，Android从起初的480P的屏幕分辨率发展到2014年的1440P花了将近六年的时间，一般认为1080P的屏幕分辨率已经是人眼可以识别的极限，但是...

FFmpeg 调用 Android MediaCodec 进行硬解码(附源码): FFmpeg在3.1版本之后支持调用平台硬件进行解码，也就是说可以通过FFmpeg的C代码去调用Android上的MediaCodec了。在官网上有对应说明，地址如下：trac....

Android FFmpeg + OpenGL ES YUV Player: 1、FFmpeg解出YUV帧数据1.1方法介绍打开封装格式上下文...

基于WebRTC的Android移动端无线视频传输: 摘要：视频传输技术在现代社会广泛应用，人们对其的要求也越来越高，其发展的趋势是方便、快捷、随时随地。传统的视频传输过于依赖线路，线路的走向限制了传输的很多可能，所以无线传输才是发展的方向。本文提出...

使用python爬取抖音app视频 python爬取抖音视频数据: 记录一下如何用python爬取app数据，本文以爬取抖音视频app为例。编程工具：pycharm...

Android IOS WebRTC 音视频开发总结(七七)-- WebRTC的架构和协议栈: 本文主要介绍WebRTC的架构和协议栈（我们翻译和整理的，译者：litie），最早发表在【编风网】为了便于理解，我们来看一个最基本的三角形WebRTC架构（见下图）。在这个架构中，移动电话用“浏览器M...

一周热门

最近发表

首页
收录
顶部