Generación de código de Blazor con App Builder

    Con .NET 6, estamos apoyando oficialmente una versión de App Builder con opciones de generación de código para Blazor WASM y Blazor Server. Esta versión se lanza tras las abrumadoras solicitudes de características en torno al soporte de Blazor.

    Esto significa que ahora puede crear cualquier interfaz de usuario de Blazor con un simple arrastrar y soltar, y obtener todo el código Razor, C# y CSS listo para producción en un solo clic para casi todos los componentes actualmente.

    Para obtener una lista de disponibilidad de componentes de Blazor, consulte la sección de componentes compatibles en Generar aplicación.

    Puede generar tanto aplicaciones de Blazor Web Assembly como de Blazor Server según sus preferencias y requisitos.

    Generación de código de Blazor desde App Builder

    Note

    Si intenta generar código para componentes que aún no están disponibles, se mostrará un marcador de posición indicando que ese componente aún no es compatible. Esto le permite continuar desarrollando una interfaz de usuario más compleja en el diseñador.

    En este artículo

    Introducción

    Como se mencionó, la característica de generación de código de Blazor admite muchos componentes nuevos, y muchos más están por venir. No se pierda la generación de código de Grid y Tree Grid, ya que la mayoría de las características de grid ahora son compatibles, como el enlace de datos que le da la capacidad de ejecutar una aplicación de Blazor con un componente de grid nativo de Ignite UI para Blazor. Características como filtrado de estilo Excel, paginación, edición de filas, selección de celdas y mucho más están disponibles para usted.

    Generación de código de Blazor

    Después de finalizar el diseño de su aplicación y antes de obtener una vista previa de su código, preste atención al desplegable de selección de plataforma, ubicado en la barra de navegación justo al lado de los botones de acción Publicar en GitHub y Vista previa. Elija la opción Blazor WASM o Blazor Server para generar código para Blazor, Angular o Web Components si este es el marco preferido para su aplicación. El selector recuerda su elección y la próxima vez que acceda a AppBuilder tendrá su marco deseado preseleccionado.

    Carga de una aplicación en GitHub

    Además de ver su aplicación en modo Vista previa o descargarla localmente en la máquina, existe la opción de generar el repositorio del código de la aplicación completa. Para hacer esto, simplemente vaya al botón Generar aplicación y luego conecte su cuenta de GitHub a App Builder.

    Problemas conocidos y limitaciones

    La generación de aplicaciones de Blazor tiene las siguientes limitaciones:

    • Bootstrap está desactivado en la aplicación generada.

    Los componentes generados tienen las siguientes limitaciones:

    • Card:
      • las acciones invertidas no se reflejan en el código generado.
      • el divisor en el tipo "Actions-column" no se refleja en el código generado.
    • Navigation Drawer
      • no admite umbral de fijación.
    • Avatar:
      • el tipo "Initials" no limita el contenido a los dos primeros caracteres.
    • Icon
      • no utiliza IgbIcon en el código generado. Todos los componentes que utilizan iconos tampoco se generan con IgbIcon.
    • Date Picker:
      • no admite modo de diálogo.
      • no admite mostrar varios meses.
      • no admite botones de acción.
    • Icon Button
      • no genera IgbIconButton, sino IgbButton con icono en su lugar.
    • Input Group: cuando el tipo se establece en "Date":
      • no admite formato de entrada.
      • no admite completamente formatos de visualización.
      • no admite texto de ayuda.
      • no admite prefijo y sufijo personalizados.
      • no admite valores mínimos y máximos.
      • no admite bucle de valores.
    • Radio Group
      • no admite requerido.
    • Grid/Tree Grid:
      • no admite selección de columnas.
      • no admite acciones de fila (franja de acciones).
    • Rating:
      • no admite enlace [ngModel] para entradas readonly y disabled (para Angular)
      • no admite la repetición de elementos de calificación para código exportado
      • está incluido solo para Angular y WC, no hay Rating para Blazor

    Para obtener una lista de todos los componentes compatibles, consulte Generar aplicación

    Recursos adicionales