Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 关于我们
  • 广告合作
  • 网站投稿
  • 文章标签
  • 赞助一下
搜索

在线工具_工作生活好帮手

打造各种简单、易用、便捷的在线工具,网友无需注册和下载安装即可使用

点击查看

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
提交资源 / 链接反馈

Lemon Form

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

网站地址:https://bojue.github.io/lemon-form
GitHub:https://github.com/bojue/lemon-form
网站描述:基于 Vue3 和 Typescript 开发的表单产品
访问官网 GitHub

Lemon Form柠檬表单是一个基于 vue3 和 Typescript 开发的表单产品,作为一个重前端产品形态,表单编辑器和表单组件库所有代码完全开源。


为什么选择柠檬轻表单

  • 使用简单:拖拉拽的交互方式,降低上手成本
  • 动态表单渲染:轻松创建动态表单,所需配置极少。
  • 完全开源:表单编辑器核心代码完全开源,对表单研发拥有完全的自主权
  • 扩展能力:柠檬表单提供了扩展能力,同时官方也提供低代码出码能力,无缝具备【无码】研发能力

动态表单实现原理

动态表单的实现原理:基于JsonSchema动态渲染组件,核心在于解耦表单结构配置与组件UI呈现。

  1. 数据驱动模型:表单页面的UI显示,逻辑交互,数据绑定和表单提交,都是通过配置完成。动态渲染成dom,而无需直接操作DOM。
  2. 渲染器:在表单渲染器上,我们采用动态组件component的渲染方式,根据表单类型动态渲染不同的配置组件元素。
  3. 拖拉拽:在交互方式上,我们采用VueDraggable拖拉拽完成了组件的创建和顺序的更新,降低表单搭建的使用成本

安装

通过 npm 或 yarn 安装柠檬表单:

git clone git@github.com:bojue/lemon-form.git
cd lemon-form
yarn 
npm run dev


仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/4791

more>>
相关栏目
阿里云活动、优惠券|代金劵
卓越的云计算技术和服务提供商
官网
硅云优惠券
领先的基础云计算服务提供商,PHP云虚拟主机第一品牌
官网
WordPress
PHP语言开发的博客平台
官网 GitHub
宝塔服务器面板
简单好用的服务器运维面板
官网
MinDoc
一款针对IT团队开发的简单好用的文档管理系统
官网 GitHub
hexo
一个快速、简洁且高效的博客框架
官网 GitHub
Discuz
一套通用的社区论坛软件系统
官网
织梦dedeCMS
国内开源CMS的内容管理系统
官网
phpcms
领先的网站内容管理系统|网站管理系统
官网
帝国CMS
超高安全、超高稳定的开源CMS系统
官网
禅道
比较强大的项目管理源码
官网
Ecshop
一款B2C独立网店系统
官网
韩国VPS
专注免备国外Vps主机租用
官网
PageAdmin
专注、致力打造最优秀的内容管理系统
官网
docute
无需生成过程直接编写文档
官网 GitHub
emlog
基于PHP-MySQL的博客及CMS建站系统
官网

手机预览

首页 技术导航 在线工具 技术文章 教程资源 AI工具集 前端库/框架 实用工具箱

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。