3 capas. 25 controles. Cero código.
3 niveles de configuración — Entity Binding, Field Binding y Behavior — que controlan qué datos se muestran, cómo se presentan y qué puede hacer el usuario. Todo sin tocar código fuente.
Configuración, no programación
Cada pantalla generada tiene 3 capas de personalización. La primera conecta la entidad (tabla). La segunda mapea cada campo a un control UI. La tercera define el comportamiento: qué es editable, qué es visible, qué dispara una acción. El resultado es una aplicación que se adapta al negocio sin escribir una línea de código.
Modelo de 3 Capas
Cada capa controla una dimensión diferente
La arquitectura de personalización se organiza en 3 capas principales + 1 capa transversal. Cada capa es independiente y se configura sin dependencias.
Capa 1 — Entity Binding
Vinculación a entidad
Conecta la pantalla a una tabla/entidad del modelo. Define qué datos se leen y escriben.
Es la base de todo: si no hay Entity Binding, no hay pantalla.
Capa 2 — Field Binding
Mapeo campo → función
Cada campo de la entidad se mapea a un control UI específico (TextBox, DropDown, DatePicker, etc).
Si el campo es FK, se vincula automáticamente a un catálogo con búsqueda.
Capa 3 — Behavior
Comportamiento configurable
Define reglas de visibilidad, edición condicional, valores por defecto y acciones derivadas.
Aquí se concentra el 70% de la lógica de negocio sin código.
Capa Transversal — Campo Individual
Configuración a nivel campo
Cada campo tiene parámetros adicionales que aplican independientemente de la capa.
25 Controles UI
Cada campo tiene el control correcto
SPARTANE genera el control UI apropiado para cada tipo de dato. No son HTML inputs genéricos — son componentes enterprise con validación, formato y accesibilidad.
| Control | Uso típico | Tipo de dato |
|---|---|---|
| TextBox | Texto libre, nombres, descripciones | string |
| TextArea | Texto largo, notas, comentarios | string |
| Password | Contraseñas (enmascarado) | string |
| NumericTextBox | Enteros y decimales | number |
| Currency | Montos con formato monetario | decimal |
| DropDown | Selección de catálogo (FK) | int (FK) |
| ListBox | Selección múltiple de catálogo | int[] (FK) |
| AutoComplete | Búsqueda con texto libre | string / FK |
| CheckBox | Sí / No | boolean |
| Switch | Toggle on/off | boolean |
| RadioButton | Opción exclusiva | int / enum |
| DatePicker | Fecha (calendario) | date |
| TimePicker | Hora | time |
| DateTimePicker | Fecha + hora | datetime |
| FileUpload | Subida de archivo | binary / path |
| ImageUpload | Subida de imagen con preview | binary / path |
| RichTextEditor | Texto enriquecido (HTML) | string (html) |
| Slider | Valor numérico con rango | number |
| ColorPicker | Selección de color | string (hex) |
| Signature | Firma digital (canvas) | binary |
| Barcode / QR | Escaneo o generación de código | string |
| Map / GeoPoint | Ubicación geográfica | lat, lng |
| Grid (inline) | Tabla editable dentro de formulario | collection |
| TreeView | Estructura jerárquica | tree / self-ref |
| CRON Editor | Expresiones de programación | string (cron) |
Layouts
15 variantes de distribución
Cada pantalla puede usar diferentes layouts de columnas, paneles y estructuras según la complejidad de la entidad.
Columnas
6 variantes de distribución por columnas — desde 1 a 4 columnas con diferentes proporciones.
Paneles
5 variantes con agrupación visual — tabs, acordeones, secciones colapsables.
Estructurados
4 layouts para casos especiales — master-detail, dashboard, timeline.
Componentes Generados
24 componentes de pantalla
Cada pantalla se construye combinando estos componentes. El motor selecciona automáticamente los necesarios según la configuración.
Behavior por Tipo de Pantalla
Cada pantalla tiene su propio espacio
Los parámetros de Behavior disponibles dependen del tipo de pantalla. Un formulario tiene más libertad que un reporte.
| Tipo de pantalla | Parámetros de Behavior | Libertad |
|---|---|---|
| Formulario (CRUD) | Visibilidad, edición, default, acción derivada, validación | Total |
| Grid / Lista | Columnas visibles, orden, filtros, acciones de fila | Alta |
| Detalle (read-only) | Campos visibles, layout, acciones | Alta |
| Búsqueda avanzada | Campos buscables, operadores, defaults | Alta |
| Dashboard | Widgets, posición, tamaño, refresh | Media |
| Reporte | Agrupación, filtros, formato de salida | Media |
| Exportación | Formato (PDF/Excel/CSV), campos, filtro | Media |
| Importación | Mapeo de columnas, validación, modo (insert/update) | Media |
| Wizard | Pasos, validación por paso, navegación | Alta |
| Aprobación | Niveles, roles, condiciones de escalación | Alta |
| Pivot / Análisis | Dimensiones, métricas, drill-down | Media |
| Calendario / Timeline | Campo fecha, agrupación, colores | Media |
Reglas de Presentación
6 categorías de reglas de presentación
Las reglas de presentación controlan cómo se ve la aplicación sin cambiar la lógica. Son independientes del Behavior.
PRE-UX
UX / Experiencia
Ordenamiento de campos, agrupación visual, ancho de columna, indicadores de campo requerido.
PRE-VIZ
Visualización de datos
Formato de números, fechas, monedas. Reglas de color condicional (rojo si vencido, verde si activo).
PRE-I18
Internacionalización
Labels, mensajes de error y placeholders en múltiples idiomas. Formato de fecha/número por locale.
PRE-RTL
RTL / Bidireccional
Soporte para idiomas RTL (árabe, hebreo). Inversión automática de layouts y controles.
PRE-A11
Accesibilidad (a11y)
ARIA labels, navegación por teclado, contraste de colores, lectores de pantalla.
PRE-THM
Theming / Branding
Colores corporativos, logo, tipografía. Modo oscuro/claro. Temas por tenant en multi-tenancy.
Resumen Ejecutivo
Todo lo que se configura, en una tabla
Esta tabla resume los parámetros de personalización de cada sección, su nivel de libertad y si requiere tocar código.
| Sección | Parámetros | Libertad | ¿Hardcoded? |
|---|---|---|---|
| Entity Binding | Tabla, relaciones, tipo de pantalla | Total | No |
| Field Binding | Campo → Control UI, formato, validación | Total | No |
| Behavior | Visibilidad, edición, default, acciones | Total | No |
| Layout | Columnas, paneles, tabs, wizard | Alta | No |
| Presentación | Formato, colores, i18n, a11y | Alta | No |
| Componentes | Selección automática por configuración | Media | No |
| Reglas de Negocio | 155+ sub-patrones, 47 operadores | Total | No |
| CSS / Theming | Variables CSS, modo oscuro, branding | Alta | No |
Lectura Recomendada
Continua explorando
Personaliza sin código
Agenda una demo y observa cómo cada campo, cada layout y cada regla se configura desde el panel — sin escribir una línea de código.
FAQ
114 preguntas resueltas sobre plataforma, generación de código, metodología, precios y más.