Criando um Modelo de Código Customizado com o Web UI Framework

É possível criar um modelo do código customizado usando o Gerador de modelo do código.

Sobre esta tarefa

Faça o seguinte para criar um modelo de código customizado a partir de um modelo padrão ou um modelo customizado.

Procedimento

  1. Abra o Code Template Generator.
  2. Na seção Modelos Disponíveis, clique com o botão direito em um modelo em uma das listas a seguir.
    • Modelos Customizados
    • Modelos Padrão
  3. Escolha a opção criar a partir do selecionado.

    Um novo modelo aparece na janela Criar Novo Modelo. Esta janela inclui variáveis que podem ser usadas no modelo do código para reduzir o número de campos necessários no Code Template Generator.

    A seção Variáveis de Tela Existentes mostra as variáveis padrão, que você não pode alterar (nomes e valores). A seção Variáveis Definidas pelo Usuário mostra as variáveis que foram criadas por você e quais podem ser alteradas (nomes, tipos e valores).

    Na seção Variáveis Definidas pelo Usuário, você pode incluir quaisquer propriedades para os pares nome/valor que são parte do modelo padrão. Clique no botão Incluir para incluir uma nova variável definida pelo usuário, cujo padrão é o tipo sequência. É possível alterar o tipo de uma expressão (expre).

    A tela de exemplo acima mostra uma variável definida pelo usuário (projname) do tipo expr e o valor className (className é uma variável da tela). O aplicativo utiliza a expressão projName=className, em vez de projName=”className” (se o tipo for sequência).

    É possível remover variáveis ao clicar com o botão direito em uma linha de variável e selecionar a opção excluir.

  4. Na seção Detalhes do Modelo, defina as seguintes informações:
    • Nome do Modelo: O Identificador exclusivo de um modelo que também serve como um nome do arquivo json.
    • Nome da Variável: Nome pelo qual esse parâmetro é referenciado no modelo.
    • Rótulo de Variáveis: texto que seria exibido antes do campo de entrada desta variável na janela do Gerador de Modelo do Código.
    • Tipo de Variável: String ou expressão (expr).
    • Valor: Sequência, variável ou expressão que poderia ser avaliada para retornar um valor. Este valor serviria, então, como um valor padrão e seria usado para preencher o valor no campo de entrada para esta variável na janela Gerador de Modelo do Código. Por padrão, esse campo é deixado vazio.

    É possível incluir variáveis ao clicar no botão Incluir Novo. Uma nova linha de variável é exibida.

    É possível remover variáveis ao clicar com o botão direito em uma linha de variável e selecionar a opção excluir.

    A parte inferior da seção Detalhes do Modelo mostra o Ext JS XTemplate que é usado para gerar o código.

  5. Salve o novo modelo clicando no botão Salvar .. O novo modelo é salvo como um arquivo json (usando o nome do modelo) no seguinte diretório:

    <diretório do projeto do usuário> /designer-metadata/templates.

    Se você não deseja salvar o modelo, clique no botão Cancelar.

    Após clicar no botão Salvar, a janela Criar Novo Modelo se fecha e a janela Gerador de Modelo de Código aparece. Agora você pode utilizar o novo modelo para atualizar o código para um componente de tela.