Geração de Código Blazor com App Builder

    Com o .NET 6, estamos oficialmente suportando uma versão do App Builder com opções de geração de código Blazor WASM e Server. Esta versão foi lançada seguindo o grande número de solicitações de recursos para suporte a Blazor.

    Isso significa que você agora pode criar qualquer interface de usuário Blazor com um simples arrastar e soltar e obter todo o código Razor, C# e CSS pronto para produção em um único clique para quase todos os componentes.

    Para uma lista de disponibilidade de componentes Blazor, consulte a seção Generate App de componentes suportados.

    Você pode gerar aplicativos Blazor Web Assembly ou Blazor Server com base em suas preferências e requisitos.

    Geração de Código Blazor do App Builder

    Note

    Tentar gerar código para componentes que ainda não estão disponíveis colocará um marcador informando que tal componente ainda não é suportado. Isso permite que você continue desenvolvendo interfaces de usuário mais complexas no designer.

    Neste artigo

    Introdução

    Como mencionado, o recurso de geração de código Blazor suporta muitos componentes novos e muitos mais virão em breve. Não perca a geração de código do Grid e Tree Grid - já que a maioria dos recursos do grid agora é suportada, como vinculação de dados que oferece a capacidade de executar um aplicativo Blazor com um componente de grid nativo do Ignite UI for Blazor! Recursos como filtragem ao estilo do Excel, Paginação, Edição de linhas, Seleção de células e muito mais estão disponíveis para você.

    Geração de Código Blazor

    Após finalizar o design do seu aplicativo e antes de visualizar seu código, preste atenção no dropdown do seletor de plataforma, localizado na barra de navegação ao lado dos botões de ação Publish to Github e Preview. Escolha a opção Blazor WASM ou Blazor Server para gerar código para Blazor, Angular ou Web Components se este for o framework preferido para seu aplicativo. O seletor lembra sua escolha e na próxima vez que você abrir o AppBuilder, terá o framework desejado pré-selecionado.

    Upload de um aplicativo no GitHub

    Além de visualizar seu aplicativo no modo Preview ou fazer o download dele localmente na máquina, existe a opção de gerar o repositório de código completo do aplicativo. Para fazer isso, simplesmente acesse o botão Generate app e conecte sua conta do GitHub ao App Builder.

    Problemas conhecidos e limitações

    A geração de aplicativos Blazor tem as seguintes limitações:

    • Bootstrap está desativado no aplicativo gerado.

    Os componentes gerados têm as seguintes limitações:

    • Card:
      • ações revertidas não são refletidas no código gerado.
      • divisor no tipo "Actions-column" não é refletido no código gerado.
    • Navigation Drawer
      • não suporta limite de fixação.
    • Avatar:
      • o tipo "Initials" não limita o conteúdo aos dois primeiros caracteres.
    • Icon
      • não usa IgbIcon no código gerado. Todos os componentes que usam ícones também não são gerados com IgbIcon.
    • Date Picker:
      • não suporta modo Dialog.
      • não suporta exibição de vários meses.
      • não suporta botões de ação.
    • Icon Button
      • não gera IgbIconButton, mas IgbButton com ícone em vez disso.
    • Input Group - quando o tipo é definido como "Date":
      • não suporta formato de entrada.
      • não suporta totalmente formatos de exibição.
      • não suporta texto de ajuda.
      • não suporta prefixo e sufixo personalizados.
      • não suporta valores mín. e máx.
      • não suporta loop de valor.
    • Radio Group
      • não suporta obrigatório.
    • Grid/Tree Gird:
      • não suporta seleção de coluna.
      • não suporta ações de linha (action strip).
    • Rating:
      • não suporta vinculação [ngModel] para entradas readonly e disabled (para Angular)
      • não suporta repetição de elementos de classificação para código exportado
      • está incluído apenas para Angular e WC, não há Rating para Blazor

    Para uma lista de todos os componentes suportados, consulte Generate App

    Recursos Adicionais