Créer une page backend en cinq minutes : conception Low-Code basée sur l'IA

DEV - 05/08
Avec les progrès de la technologie de l'IA, la plupart des constructeurs low-code/no-code de l'industrie générant des tables/modèles de données, des modèles/modèles front-end, etc., ne sont pas assez « intelligents ».

Exemples générés par l'IA basés sur les annotations de capture d'écran PRD

Outil : Fundamjs

Aperçu

Évolution des approches de mise en œuvre Low-Code

0. Non-IA - Génération de schéma Json

Construction de l'interface utilisateur

Développez un générateur qui prend en charge la création de structures à plusieurs niveaux. Grâce au glisser-déposer, à la définition des propriétés des composants et à d'autres opérations, il peut finalement générer un JSON similaire à un schéma Json.

Disposition de base du constructeur

Configuration des colonnes du tableau

Cet article ne se concentre pas principalement sur l'explication de l'implémentation du générateur, mais voici quelques points clés :

  1. Pour la construction d'interface utilisateur par glisser-déposer la plus simple, l'empilement vertical sans éléments imbriqués peut suffire pour les scénarios de base. Cependant, pour les cas plus complexes, comme le regroupement au sein d'un formulaire dans un modal avec des titres différents, vous devez planifier différents types de composants d'interface utilisateur (composants conteneurs ou non) et leur compatibilité (par exemple, la section supplémentaire d'une carte ne peut pas contenir de tableau). .
  2. De nombreuses propriétés de composants partagent des attributs communs, tels que les champs obligatoires et la largeur de l'étiquette pour les éléments de formulaire, ainsi que des configurations de conteneur communes telles que les lignes de développement de tableau ou le contenu modal. Planifiez ces attributs à l'avance.
  3. Des combinaisons de composants courants peuvent être modélisées, telles qu'un modèle de carte de filtre avec une carte, un conteneur de formulaire, un exemple d'élément de formulaire et un groupe de boutons (réinitialisation + requête).
  4. Les combinaisons de composants de page courants peuvent également être modélisées, comme une page CRUD avec une carte de filtre, une carte de liste, un exemple de bouton et un modal, ...
    [Courte citation de 8% de l'article original]