Tổng quan
Optimajet FormEngine tập trung vào việc tạo và quản lý web form trong ứng dụng doanh nghiệp dùng React. Trình thiết kế drag-and-drop cho phép xây dựng biểu mẫu trực quan, lưu cấu hình dưới dạng JSON và render ở runtime mà không cần viết frontend code cho từng form.

Cách làm này giúp giảm phần hardcode nhưng vẫn giữ quyền kiểm soát cho developer đối với logic, cấu trúc và luồng dữ liệu. FormEngine tích hợp vào ứng dụng React hiện có, phù hợp với các nhóm phát triển cần thay đổi biểu mẫu theo yêu cầu nghiệp vụ.


Tính năng nổi bật
- Tạo web form bằng giao diện drag-and-drop trong ứng dụng React.
- Xây dựng biểu mẫu phức tạp theo cách trực quan cho nhiều nhóm người dùng.
- Lưu cấu hình form dưới dạng JSON để quản lý và tái sử dụng.
- Render form ở runtime mà không cần viết frontend code cho từng biểu mẫu.
- Tích hợp React component riêng trực tiếp vào form designer.
- Tái sử dụng component hiện có để giữ tính nhất quán giao diện.
- Mở rộng builder bằng domain-specific logic theo nhu cầu dự án.
Ứng dụng thực tế
- Thiết kế form nghiệp vụ động trong ứng dụng React cho doanh nghiệp.
- Xây dựng trình form builder để business user và developer cùng sử dụng.
- Chuẩn hóa lưu trữ biểu mẫu bằng JSON và render theo runtime.
- Tái sử dụng React component nội bộ trong quy trình tạo form trực quan.
- Tích hợp biểu mẫu vào quy trình làm việc có liên quan Camunda Task lists.
Đối tượng sử dụng phù hợp
- Lập trình viên React
- Tech lead phụ trách kiến trúc frontend
- Nhóm phát triển ứng dụng doanh nghiệp
- Business user tham gia cấu hình biểu mẫu
Thông tin kỹ thuật
Câu hỏi thường gặp
Optimajet FormEngine dùng cho framework nào?
Thư viện này dành cho React JS và hỗ trợ React 16,17,18,19.
Biểu mẫu được lưu theo định dạng nào?
Form có thể được lưu dưới dạng JSON.
Có thể render form mà không viết frontend code cho từng biểu mẫu không?
Có. FormEngine cho phép render form ở runtime mà không cần viết frontend code cho từng form.
Có thể dùng React component riêng trong form designer không?
Có. Developer có thể tích hợp component React riêng, mô tả editable properties qua API và đăng ký để hiển thị trong visual designer.
Sản phẩm có hỗ trợ Next.js và Remix không?
Có. Dữ liệu tương thích nêu Next.js 12+ và Remix Latest Version.





Bình luận