JakHuang / form-generator
:sparkles:Element UI表单设计及代码生成器
AI Architecture Analysis
This repository is indexed by RepoMind. By analyzing JakHuang/form-generator in our AI interface, you can instantly generate complete architecture diagrams, visualize control flows, and perform automated security audits across the entire codebase.
Our Agentic Context Augmented Generation (Agentic CAG) engine loads full source files into context, avoiding the fragmentation of traditional RAG systems. Ask questions about the architecture, dependencies, or specific features to see it in action.
Embed this Badge
Showcase RepoMind's analysis directly in your repository's README.
Repository Summary (README)
Preview
简介
Element UI表单设计及代码生成器，可将生成的代码直接运行在基于Element的vue项目中；也可导出JSON表单，使用配套的解析器将JSON解析成真实的表单。
文档
- el-dialog的封装与调用
- 项目主要结构分析
- 【常见问题】如何以npm的方式集成monaco编辑器
- 系列教程： 《表单设计器 · 开发教程》 《表单解析器 · 开发教程》 《vue代码生成器 · 开发教程》 《vue代码预览器 · 开发教程》
- JSON表单参数对照表
JSON解析器
将保存在数据库中的JSON表单，解析成真实的表单
查看在线示例
// 安装
npm i form-gen-parser
vscode插件
帮助使用element UI的开发者完成基本的表单代码搭建任务，减少重复的劳动。
vscode-plugin分支配套插件为：form-generator-plugin；
使用插件可右键打开设计器，直接将代码保存到工程中。
安装插件请在vscode中搜索：
jakHuang
或
Form Generator Plugin
运行
- 确保已经安装node.js 10+
- 首次下载项目后，安装项目依赖：
yarn
或
npm install
- 本地开发
npm run dev
- 构建
npm run build
交流
- QQ群 976154366【已满】 1137173566【已满】 514953560【3群】
友情链接
- vue-admin-beautiful —— 企业级、通用型中后台前端解决方案（基于vue/cli 4 最新版，同时支持电脑，手机，平板）
- vue-admin-beautiful —— 在线演示
- pl-table —— 完美解决 element 万级表格数据渲染卡顿问题
- go-admin