一、form-generator是什么?✨ ⭐️ 🌟
form-generator的作者是这样介绍的:Element UI表单设计及代码生成器,可将生成的代码直接运行在基于Element的vue项目中;也可导出JSON表单,使用配套的解析器将JSON解析成真实的表单。
但目前它提供的组件并不能满足我们在项目中的使用。所以该专栏主要讲解如何在该项目中从零开始扩展每一个组件。
扩展主要包含Element UI中的卡片、步骤条、table列表、折叠面板、树形控件以及自定义组件等等10余个组件的详细扩展方法。
其中不包含子表单、表格布局。因为这两个组件涉及到的代码量实在很大,没办法写博文。感兴趣的小伙伴可以看看大概的效果form-generator扩展原生表格,element-table,子表单。
这一章只讲解如何在表单设计器设计完成以后调用后端接口储存JSON,后续根据接口查询回显对应设计的表单。
二、数据回显解析
JSON数据回显分为三个部分,表单设计、运行、解析器。文章来源:https://www.toymoban.com/news/detail-621829.html
因为每个小伙伴可能对于表单设计器储存的数据一样,但是想呈现的逻辑是不一样的。如果你只是想进行表单设计以及表单的回显,推荐使用解析器。如果你是想在线进行编辑,生成代码,推荐使用运行部分的逻辑。不管是针对哪一种模式,文章来源地址https://www.toymoban.com/news/detail-621829.html
到了这里,关于Form Generator 表单JSON数据储存以及JSON回显表单的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!