核心功能特性
拖拽式设计
直观的拖拽操作，轻松创建复杂的表单布局，支持实时预览和编辑
多UI框架支持
支持NG-Zorro、DevUI等多种UI框架，满足不同项目的设计需求
响应式设计
支持PC、平板、手机三种视图模式，确保表单在各种设备上的完美展示
属性配置
丰富的属性配置面板，支持样式、验证、事件等全方位自定义设置
代码生成
一键生成Angular组件代码，支持TypeScript、HTML、CSS完整代码输出
国际化支持
内置中英文双语支持，可扩展多语言，满足国际化项目需求
AI智能生成
基于AI的表单智能生成，根据需求描述自动创建表单结构
智能验证
AI驱动的智能表单验证，自动识别和纠正用户输入错误
数据分析
基于AI的表单数据智能分析，用户行为洞察，优化建议
丰富的组件库
📝 基础控件
- 单行输入框
- 多行文本框
- 数字输入框
- 单选框
- 多选框
- 滑块控件
- 开关控件
- 下拉选择框
- 树形选择框
- 级联选择器
📅 日期时间
- 时间选择器
- 日期选择器
- 时间范围选择
- 日期范围选择
📤 文件上传
- 文件上传
- 图片上传
- 评分组件
📐 布局控件
- 栅格布局
- 表格布局
- 标签页布局
- 卡片布局
- 间隔布局
- 分割线
🎨 显示控件
- 文本显示
- 图片显示
✅ 表单验证
- 必填验证
- 长度验证
- 正则表达式
- 自定义验证
- 邮箱验证
- 手机号验证
直观的设计体验
JM Form Design提供专业的表单设计界面，左侧组件库、中间设计区域、右侧属性面板，三栏式布局让设计更加高效。
支持实时预览、撤销重做、导入导出JSON、生成代码等功能，让表单设计变得简单而强大。
🏗️ 技术栈
前端技术
- Angular 14+
- TypeScript
- NG-Zorro Ant Design
- DevUI
- Monaco Editor
开发工具
- Angular CLI
- Webpack
- ESLint
- Prettier
- Jest
部署技术
- Docker
- Nginx
- GitHub Actions
- CDN
特色功能
- 拖拽式设计
- 代码生成
- 多UI框架
- 国际化支持
- 响应式设计
AI技术
- 自然语言处理(NLP)
- 智能表单生成
- 机器学习验证
- 用户行为分析
- 智能优化建议