Form Generator 表单JSON数据储存以及JSON回显表单

一、form-generator是什么?✨ ⭐️ 🌟 

form-generator的作者是这样介绍的:Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。

但目前它提供的组件并不能满足我们在项目中的使用。所以该专栏主要讲解如何在该项目中从零开始扩展每一个组件。

扩展主要包含Element UI中的卡片、步骤条、table列表、折叠面板、树形控件以及自定义组件等等10余个组件的详细扩展方法。

其中不包含子表单、表格布局。因为这两个组件涉及到的代码量实在很大,没办法写博文。感兴趣的小伙伴可以看看大概的效果form-generator扩展原生表格,element-table,子表单。

这一章只讲解如何在表单设计器设计完成以后调用后端接口储存JSON,后续根据接口查询回显对应设计的表单。

二、数据回显解析

JSON数据回显分为三个部分,表单设计、运行、解析器。

因为每个小伙伴可能对于表单设计器储存的数据一样,但是想呈现的逻辑是不一样的。如果你只是想进行表单设计以及表单的回显,推荐使用解析器。如果你是想在线进行编辑,生成代码,推荐使用运行部分的逻辑。不管是针对哪一种模式,

  • 0
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 2
    评论
表单引擎是一种软件工具,用于生成数据表格。它能够帮助用户轻松地创建和定制数据表格,而无需编写任何代码。通过使用表单引擎,用户可以在几分钟内生成一个完全可用的数据表格。 表单引擎具有简单易用的界面,用户可以通过拖拽和放置的方式来添加和排列不同的字段。用户可以选择不同的字段类型,例如文本框、选择框、日期选择器等等,以满足他们的数据记录需求。此外,用户还可以自定义字段的验证规则,以确保输入的数据符合预期。表单引擎还提供了一些预定义的模板和样式,以便用户根据自己的品牌和风格进行个性化定制。 一旦用户完成了表单的设计,表单引擎将自动生成相应的HTML和CSS代码。用户只需简单地将生成的代码嵌入到自己的网页中,就能够将数据表格展示给用户,并且可以进行数据的录入和编辑。表单引擎还可以与各类数据库进行集成,使用户能够方便地将数据存储和提取。 表单引擎的使用简单高效,适用于各类网站和应用程序。它可以帮助用户快速建立数据表格,而无需编写复杂的前端代码。通过表单引擎,用户可以更加专注于数据的管理和分析,而不需要花费太多时间和精力在表格的设计和实现上。总之,表单引擎是一个强大的工具,可以让数据表格的创建变得更加便捷和灵活。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Etc.End

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值