This article explains how using JSON Schema as a single source of truth can drive both front‑end rendering and back‑end validation in Java SpringBoot applications, eliminating duplicated validation logic, reducing maintenance costs, and enabling dynamic, versioned forms with real‑time user feedback.
Learn how to create flexible, low‑code dynamic forms by leveraging JSON Schema with SpringBoot on the backend and Vue3 on the frontend, covering schema definition, validation, storage, API design, and automatic UI rendering, plus advanced tips for versioning, low‑code builders, and multi‑platform support.
This article explains what dynamic forms are, why they are needed for tenant‑specific business scenarios, and outlines a three‑step metadata‑driven implementation—including data partitioning, metadata design, and front‑end rendering—while also discussing their limitations.
This article guides developers through building a Vue.js component that supports dynamically adding, removing, and submitting multiple form entries, complete with step-by-step explanations and full code examples for handling form data on the client side.
This article details how Guming's frontend team evolved from simple page‑per‑work‑order implementations to a high‑performance, low‑code Formily ecosystem, covering the technical stack, form configuration platform, custom expression parser, and future visual builder for dynamic business workflows.
This article explains how to use the form-create library to dynamically build, render, and validate JSON‑driven forms in Vue, covering the definition of form items, component rendering with conditional logic, and handling of data binding and validation rules.
The article introduces DynamicForm, a React‑driven visual dynamic form configuration system designed to eliminate repetitive form coding, offering drag‑and‑drop layout, rich control types, validation, data binding, and a modular architecture that streamlines component property management on Ctrip’s Lego platform.
DripForm is an open‑source React form component from JD Retail iPaaS that offers configurable rendering, validation, and visual editing, enabling developers to efficiently build complex, dynamic forms with unified front‑end/back‑end validation, extensibility, and low‑code visual generation.
This article explains why React keys are crucial when rendering lists, demonstrating through a dynamic form example how using array indices as keys can cause bugs when items are added or deleted.
This article explains how ZooTeam’s frontend team builds maintainable, dynamic forms using a schema‑driven, drag‑and‑drop visual editor, covering the concepts, architecture, component configuration, rendering logic, and future enhancements for scalable B2B applications.
This article describes how Ctrip's marketing team built the Legao platform—a visual, component‑based front‑end system that enables rapid configuration of thousands of activity pages through reusable business, web, and activity‑level components, detailing its architecture, technology stack, SDK, and dynamic form system.
The article describes a scalable placement system for Xianyu that links front‑end resource slots with multiple backend data sources via a visual‑schema‑driven API, enabling personalized banner and feed content, batch request optimization, rapid campaign management, and reduced developer effort while serving millions of users daily.
This article explains how to create flexible, schema‑driven web forms using Vue.js, covering requirements definition, backend data injection, component architecture, functional controls, event handling, and validation logic to replace traditional server‑rendered forms.
