Criando componentes com esquemas Angular

Dentro do kit de ferramentas do desenvolvedor, IBM fornece esquemas Angular para gerar rapidamente componentes com código inicial que você pode usar em aplicativos. Os componentes incluem páginas de pesquisa, tabelas e detalhes de campo.

Use os esquemas para gerar componentes com o mesmo design e funções dos componentes existentes no Centro de pedidos. Os componentes gerados também incluem as bibliotecas necessárias para a comunicação com diversos serviços, tais como:
  • O backend do sistema de Sterling™ Order Management.
  • Sterling Intelligent Promising Inventory Visibility inquilinos.
  • Outros locatários de microsserviços.
  • As bibliotecas Carbon UI usadas em páginas existentes.
Para obter informações sobre como usar os esquemas para criar novas aplicações, consulte Criação de novos aplicativos no Order Hub de próxima geração.

Antes de iniciar

  1. Extraia o Hub de pedidos de próxima geração código. Para mais informações, veja Primeiros passos com a personalização do Order Hub de próxima geração.
  2. Execute o seguinte comando para definir ostrict-ssl para falso.
    npm config set "strict-ssl" false
  3. Acesse o IBM-forneceu esquemas executando o seguinte comando para reinstalar a versão mais recente do @buc/schematics. Para o Angular v18, execute o seguinte comando.
    npm uninstall -g @buc/schematics
    npm install -g ./lib/buc/schematics/schematics-v4latest.tgz
    Para o Angular v20, execute o seguinte comando.
    npm uninstall -g @buc/schematics
    npm install -g ./lib/buc/schematics/schematics-v5latest.tgz
  4. Para obter ajuda com um script esquemático, execute.
    ng g @buc/schematics:<component> --help
  5. Crie uma das seguintes experiências ou componentes.
    • Crie uma experiência de pesquisa orientada por configurações
    • Criar componentes da página de pesquisa
    • Criar componentes de resultados de pesquisa
    • Criar componentes da tabela
    • Criar componentes de campo