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