Form Generator 集成到其他项目中

news/2024/11/9 5:04:32/

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

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

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

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

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

这一章只讲解如何从零开始将form-generator项目集成到其他项目中。

二、form-generator项目结构 💎 💎 💎

项目结构主要由 拖拽 ➕ 浏览(运行) ➕ parser解析器

1、拖拽 👇 👇

views/index/home.vue页面就是整个拖拽的入口。

由左侧可拖拽组件(components/generator/config.js)

中间可视化区域(src/views/index/Drag


http://www.ppmy.cn/news/258370.html

相关文章

Telechips规格书 TCC8972-i 和 TCC5027

寻找Telechips规格书 型号是TCC8972-i 和 TCC5027

XKT-510和T3168和XKT-511芯片的无线供电方案原理

XKT-511 芯片为深圳泛海微电子推出的全新超高频无线充电方案,工作电压为 3.3V 至 18V, 可以在任意 PCB 板上刻蚀线圈,在特殊需求下,可以直接使用 4.2V 锂电池直接为发射部分提供电源。芯 片采用 SOP-8 封装,尺寸得以进…

CAN芯片_ TJA1051T/3

前不久画了块板子,STM32F407VET6加CAN芯片的,如下图,这个电路是从正点原子抄过来的,但是板子打出来发现用不了,换上正点原子STM32F429开发板上的CAN芯片后就能正常工作了,仔细观察后发现两个芯片不太一样&a…

stc89c51单片机

从一个小白接触51单片机并不是一件容易的事,在我看来,学习51最主要的是学习其内部电路以及各个引脚功能。 51的 主要性能: 与MCS-51单片机产品兼容 、8K字节在系统可编程Flash存储器、 1000次擦写周期、全静态操作:0Hz~33Hz 、三级…

基于AT89C52单片机的温度检测报警设计

点击链接获取Keil源码与Project Backups仿真图: https://download.csdn.net/download/qq_64505944/87708680?spm1001.2014.3001.5503 源码获取 主要内容: 本系统的设计主要是了解了单片机微型计算机,根据现实生活的需要以及已掌握的理论知识…

Qt5实现与单片机ATS89S51通信

Qt实现与单片机直接的通信上位机单片机代码 测试环境项目目标实现效果关键通信类 QSerialport总结 这是我大二下学期的单片机课设做的一个小项目,实现上位机与下位机之间的通信. 测试环境 开发环境:Qt5.96 Mingw32-bit keil3 项目目标 1、实现下位机基于STC单片机…

UCC21755QDWRQ1引脚图TPS92667QPHPRQ1汽车级驱动芯片

UCC21755QDWRQ1汽车栅极驱动器专为SiC mosfet和最高2121Vpk的igbt设计。该器件提供先进的保护功能,一流的动态性能和健壮性。 UCC21755QDWRQ1 具有高达10A的峰值源和汇聚电流。输入端与输出端采用SiO2电容隔离技术隔离,支持高达1.5kVRMS的工作电压&#…

LT9211芯片资料分享

MIPI发射机 符合DCS1.02、D-PHY1.2、DSI1.2和CSI-21.00 1时钟通道和1~4可配置数据通道 两个端口同时显示支持 1.8Gb/s/数据通道 分辨率高达1920x120060Hz或任何其他像素盘小于200MHz 数据通道和极性交换 非突发和突发视频模式支持 支持RGB666,松散RGB666&am…