sexta-feira, 18 de setembro de 2020

DICAS 3107 -WEBDEV TUTORIAL 41 - 30-09-2020-09_00Hrs-QUA-Licao 3.3. - HSAVE - ADICIONAR NOVO PRODUTO - Parte N



https://youtu.be/72hNaAHyiSs


Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 09:00 do dia 30/09/2020-QUA

DICAS 3107 -WEBDEV TUTORIAL 41 - 30-09-2020-09_00Hrs-QUA-Licao 3.3. - HSAVE -  ADICIONAR NOVO PRODUTO - Parte N
Lesson 3.3. Pages for addition and modification

ASSUNTOS

Adicionar um novo produto por meio da página 
PAGE_FORMULARIO_DO_PRODUTO
Declarações globais - ADICIONAR -1 
PROCEDIMENTO MyPage ( gnProductID é 8 - byte int = - 1 )
VERIFICANDO SE É NOVO REGISTRO OU NAO NA ENTRADA DA TELA
GRAVANDO NOVO REGISTRO OU ALTERANDO
MOSTRANDO DUAS OPCOES DE GRAVACOES


DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B






PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos











Adicionar um novo produto por meio da página "Formulário do produto"
Acabamos de explicar como modificar um produto. Agora, queremos ser capazes de adicionar um produto. Para isso, não é necessário recriar uma nova página: usaremos a página "PAGE_Product_form" que foi criada anteriormente e a adaptaremos para gerenciar a adição.
  • Em primeiro lugar, vamos modificar o modo de abertura da página "PAGE_Product_form":
    1. Posicione-se na página "Formulário do produto": clique no botão "PAGE_Formulário do produto" que se encontra na barra de documentos aberta.
    2. Pressione F2 para exibir os diferentes eventos WLanguage da página.
    3. No evento "Declarações globais", vamos dar um valor padrão ao parâmetro passado para a página. Com efeito, ao modificar o registro, o parâmetro passado sempre corresponde ao identificador do produto a modificar. Mas ao adicionar um registro, o identificador do elemento não existe. Para gerenciar este caso, usaremos o valor padrão "-1".
    4. Substitua a seguinte linha de código no evento "Declarações globais":
      PROCESSO MyPage ( gnProductID é byte int )

      pelo código:
      PROCEDIMENTO MyPage gnProductID é byte int = - )
    5. Devemos agora gerenciar o valor "-1" (ao adicionar um registro). Substitua o seguinte código:
      HReadSeekFirst(Product,ProductID,gnProductID)
      IF HFound(Product) = False THEN
      // Display the list of products
      PageDisplay(PAGE_List_of_products)
      END
      FileToPage()


      pelo código:
      IF gnProductID = -1 THEN
      HReset(Product)
      ELSE
      HReadSeekFirst(Product,ProductID,gnProductID)
      IF HFound(Product) = False THEN
      // Display the list of products
      PageDisplay(PAGE_List_of_products)
      END
      END
      FileToPage()


      Vamos estudar este código:
      • Se o identificador do produto for definido como -1, significa que estamos adicionando um produto. Nesse caso, HReset é executado. Esta função inicializa as variáveis ​​de item no arquivo de dados "Produto" com os valores padrão para gerenciar um novo registro.
      • Se o identificador do produto tiver um valor diferente de -1, recuperamos o código usado para abrir o formulário em modificação.
    6. Feche a janela de código.
  • O controle do botão "Validar" também deve oferecer suporte à adição do registro.
    1. Selecione o controle do botão "Validar" em "PAGE_Product_form".
    2. Exibe os eventos WLanguage associados ao controle (F2).
    3. O código no evento "Click (navegador)" não deve mudar: as verificações a serem realizadas são sempre as mesmas. Apenas o código do servidor deve ser modificado.
    4. No evento "Click (Server)", substitua o código existente pelo seguinte código:
      PageToFile()
      IF gsImagePath <> "" THEN
      Product.Visual = fLoadBuffer(gsImagePath)
      END
      IF Product..NewRecord THEN
      HAdd(Product)
      ELSE
      HModify(Product)
      END
      PageDisplay(PAGE_List_of_products)







      Vamos estudar este código:
      • ..NewRecord é usado para descobrir se o registro atual deve ser criado.
      • Se HRESET foi chamado anteriormente, a propriedade retorna True (novo produto) e o registro deve ser criado pelo HAdd .
      • Caso contrário, o registro atual já existe e deve ser modificado pelo HModify .
      • HAdd adiciona o registro ao arquivo de dados. Esta função pega os valores na memória e grava o conteúdo dos itens do arquivo no próprio arquivo de dados. Os índices são atualizados imediata e automaticamente. Neste caso, é o arquivo de dados "Produto" que é atualizado.

        Observação

        O código de teste do novo registro pode ser substituído por HSave . Esta função serve para verificar se o registro já se encontra no arquivo de dados, e permite adicioná-lo ou modificá-lo. O código WLanguage torna-se:
        PageToFile()
        IF gsImagePath <> "" THEN
        Product.Visual = fLoadBuffer(gsImagePath)
        END
        HSave(Product)
        PageDisplay(PAGE_List_of_products)




    5. Salve as modificações ( Salve o elementoou Ctrl + S).




DICAS 3106 -WEBDEV TUTORIAL 40 - 29-09-2020-09_00Hrs-SEG-Licao 3.3. - PageDisplay - Exibindo formulario lista produtos - Parte M




https://youtu.be/bCtPsJ81zTw


Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 09:00 do dia 29/09/2020-TER

DICAS 3106 -WEBDEV TUTORIAL 40 - 29-09-2020-09_00Hrs-SEG-Licao 3.3. - PageDisplay - Exibindo formulario lista produtos - Parte M
Lesson 3.3. Pages for addition and modification


ASSUNTOS

Exibindo o formulário da lista de produtos
formulario PAGE_LISTA_PRODUTOS
criar o controle Link
Posicionar o link no looper no canto direito
Colocar o codigo para chamar a pagina
PageDisplay(PAGE_FORMULARIO_DO_PRODUTO,ATT_ProductID)
TESTAR PARA VER SE A ALTERACAO ESTA FUNCIONANDO
MOSTRANDO COMO DEIXAR A PAGINA LISTA PRODUTO COMO SENDO A PAGINA INICIAL


======================


// CLICK ON LINK_MODIFICAR ( LOOP_PRODUCT ) ( SERVER ) 

PageDisplay(PAGE_FORMULARIO_DO_PRODUTO,ATT_ProductID)

======================

DICAS 3067 -WEBDEV TUTORIAL 1-Licao 1.1-14-09-2020 11hrs-DESCUBRA WEBDEV
DICAS 3068 -WEBDEV TUTORIAL 1-Licao 1.2-14-09-2020 15hrs-Web development and WEBDEV - PARTE A
DICAS 3069 -WEBDEV TUTORIAL 3-Licao 1.2-14-09-2020 16hrs-Web development and WEBDEV - PARTE B








PlayList WebDev tutorial Amarildo Webdev
Playlist Windev Tutorial Amarildo Windev
Playlist windev Franca PcSoft
Amarildo
Windev
WxSolucoes
Matos Informatica
Repositorio Windev
Site forum Google 
Video sobre 3 Mil Videos Windev 
PlayList Pedrosao
Video sobre Alfaserver servidor 
Ultimo Video manipulacao arquivos












Exibindo o formulário da lista de produtos

Agora, vamos ver como exibir a forma do produto selecionado na lista de produtos. O princípio é simples: o usuário selecionará o produto no controle Looper e exibirá os detalhes por meio de um controle Link.
  • Vamos modificar "PAGE_List_of_products" para criar um controle Link de modificação:
    1. Posicione o cursor na página "Lista de produtos": clique no botão "PAGE_List_of_products" na barra de documentos aberta:
      Abrir barra de documentos
    2. No painel "Criação", no grupo "Controles usuais", clique em "Link".
    3. Em seguida, clique dentro do controle Looper (canto inferior direito, por exemplo) para criar o controle Link.
      Posicionando o controle do link
    4. Altere a legenda do controle de link (pressione Espaço para editar a legenda): a nova legenda é "Modificar".
  • O controle de link "Modificar" deve abrir "PAGE_Product_form". Vamos abrir esta página por programação.
    1. Selecione o controle de link "Modificar" e exiba os eventos WLanguage associados (F2).
    2. Na janela de código que aparece, escreva o seguinte código no evento "Click (servidor)":
      PageDisplay PAGE_ Product_form ATT_ ProductID LOOP_ Product ])

      Observação

      A entrada de código assistida irá ajudá-lo: assim que você digitar o colchete de abertura "(", uma lista suspensa propõe o nome de todas as páginas existentes encontradas no projeto. Tudo que você precisa fazer é selecionar a página com o teclado ou com o mouse.
      Se o nome da página solicitada não for encontrado na lista, significa que esta não foi salva anteriormente.
    3. Vamos dar uma olhada neste código WLanguage:
      • PageDisplay é usado para abrir a página "PAGE_Product_form".
      • A página aberta espera que o identificador do produto seja exibido como parâmetro. Este identificador corresponde ao identificador do produto selecionado no controle Looper. Para obter o identificador, você deve especificar o atributo que contém o identificador (ATT_ProductID) para a linha atual. Os colchetes são usados ​​para especificar a linha e LOOP_Product é usado para obter a linha atual no controle Looper.

        Observação

        Por padrão, ATT_ProductID retorna o valor do atributo para a linha que foi clicada. O código pode ser escrito da seguinte forma:
        PageDisplay PAGE_ Product_form ATT_ ProductID )
    4. Salve as modificações ( Salve o elementoou Ctrl + S).
    5. Feche a janela de código.
Os diferentes elementos usados ​​para gerenciar a modificação do produto foram implementados, agora vamos fazer um teste para ter certeza de que tudo está funcionando.
  • Execute o teste do projeto ( Executar teste de projetoentre os botões de acesso rápido).
    1. O editor pede a primeira página do modo Sessão. No nosso caso, selecione a página "PAGE_List_of_products" e valide.

      Observação

      A primeira página do modo Sessão corresponde à primeira página aberta ao iniciar o site no modo Sessão.
      A primeira página do projeto no modo Sessão pode ser definida:
      • durante o teste do projeto.
      • no painel "Explorador de projetos": basta selecionar a página desejada, abrir o menu pop-up e selecionar "Primeira página do projeto no modo Sessão".
      Quando você define uma página como a primeira página no modo Sessão, um pequeno "1" vermelho aparece ao lado do nome da página no painel "Explorador de projetos".
    2. O site é iniciado.
    3. Na lista de produtos:
      • Clique no link "Modificar".
      • A página detalhada do produto é exibida.
        Página de detalhes do produto
      • Modifique o preço de um produto e valide.
      • O novo preço do produto é exibido na lista de produtos.
  • Fe




Teste

Teste
teste