sexta-feira, 25 de setembro de 2020

DICAS 3120 -WEBDEV TUTORIAL 54 - 03-10-2020-11_00Hrs-SAB-Licao 4.3. AWP - Link nos Contorles - PARTE I



https://youtu.be/tafQcl3k2IQ



Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 11:00 do dia 03/10/2020-SAB

DICAS 3120 -WEBDEV TUTORIAL 54 - 03-10-2020-11_00Hrs-SAB-Licao 4.3. AWP - Link nos Contorles - PARTE I
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

associar cada controle ao item correspondente, com Link 
Criando o link na imagen e explicando cada passo
criando o link dos outros controles 
Explicando proxima licao - Exibindo dados na pagina


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












Todos os controles necessários foram criados. Vamos agora associar cada controle ao item correspondente. Esta associação é realizada na guia "Link" da janela de descrição do controle.
  • Para vincular o controle "IMG_Product_Image" ao item correspondente:
    1. Selecione o controle "IMG_Product_Image".
    2. Abra o menu pop-up (clique com o botão direito) e selecione "Descrição".
    3. Vá para a guia "Link" na janela de descrição. Esta guia permite que você veja se o controle atual não está vinculado a nenhum item. Vamos vinculá-lo ao item Visual do arquivo de dados do Produto.
    4. Em "Item vinculado", expanda "Análise" e depois "Produto". A lista de itens encontrados no arquivo de dados do produto é exibida.
    5. Selecione o item "Visual" do arquivo de dados "Produto".
      Link entre o controle e o item
    6. Valide a janela de descrição.
  • Execute a mesma operação para criar os seguintes links:
    • Controle STC_Title vinculado ao item "Caption" do arquivo de dados "Product".
    • Controle RTA_Description vinculado ao item "Descrição" do arquivo de dados "Produto".
    • FSTC_Price vinculado ao item "PriceBT" do arquivo de dados "Produto".
    • Controle STC_Reference vinculado ao item "Referência" do arquivo de dados "Produto".
  • Salve 



DICAS 3119 -WEBDEV TUTORIAL 53 - 02-10-2020-09_30Hrs-SEX-Licao 4.3. AWP - CRIANDO CONTROLES - PARTE H



https://youtu.be/C5dU7eedf34




Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 09:30 do dia 02/10/2020-SEX

DICAS 3119 -WEBDEV TUTORIAL 53 - 02-10-2020-09_30Hrs-SEX-Licao 4.3. AWP - CRIANDO CONTROLES - PARTE H
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

COM DIA TOP 

CRIANDO CONTROLES 
EXPLICANDO QUAIS CONTROLES SERA CRIADOS
CRIANDO CONTROLE IMAGEN
CRIANDO CONTROLE STATIC 
DICA TOP - F7 - PERMITE OLHAR A AREA DOS CONTROLES 
OUTRO F7 NA SEQUENCIA - PERMITE VER A BORDA DOS CONTROLES
CRIANDO CONTROLE RTA DESCRIPTION
CRIANDO CONTROLE FORMATADO -> NAO SABIA 
CRIANDO STATIC REFERENCIA 



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











Criando controles

Agora vamos criar os controles usados ​​para exibir informações sobre o produto selecionado.
Na parte anterior, explicamos como criar controles arrastando e soltando a partir do painel de análise. Nesta parte, vamos criar os controles um por um e, em seguida, associá-los ao item correspondente no arquivo de dados.
Vamos criar os seguintes controles:
  • um controle de imagem.
  • Controles estáticos simples para a legenda, preço e referência do produto.
  • um controle estático avançado para a descrição do produto.
  • Para criar o controle de imagem:
    1. No painel "Criação", no grupo "Controles usuais", clique em "Imagem".
    2. Clique na página (canto superior esquerdo, por exemplo).
      Criando o controle de imagem
    3. Abra a janela de descrição do controle de imagem (clique duas vezes) para modificar as características do controle.
      • Este controle é denominado "IMG_Product_Image".
      • Escolha um display calculado no servidor para otimizar a largura de banda e marque "Alta qualidade". Na verdade, o modo de exibição da imagem é "homotético". Marque "Sem ampliação da imagem" e "Centralize a imagem no controle".

        Observação

        Com as opções "Homotética", "Centrar imagem no controle" e "Sem ampliação da imagem", o tamanho da imagem se adaptará homoteticamente à área definida para a imagem. As proporções serão respeitadas e a imagem não será ampliada.
    4. Valide a janela de descrição do controle.
  • Para criar o controle estático simples usado para exibir a legenda do produto:
    1. No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Estático simples".
    2. Clique na página (à direita da imagem por exemplo).
      Criação do controle estático

      Observação

      Para simplificar o posicionamento dos controles, pressione a tecla F7. Um toque nesta tecla é usado para ver a área ocupada pelo controle, um segundo toque nesta tecla é usado para exibir um contorno ao redor do controle (apenas na edição).
      Isso permite que você veja a borda do controle e posicione facilmente os controles em relação aos outros.
      Este recurso é muito útil para os controles sem borda.
    3. Renomeie o controle estático: "STC_Title".
    4. Aumente o controle horizontalmente (usando as alças de dimensionamento).
  • Vamos exibir a descrição do produto em um controle estático rico (chamado Área de Rich Text). Para criar este controle:
    1. No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Área de Rich Text". Você também pode clicar no ícone "Texto" diretamente.
    2. Clique dentro da página (à direita da imagem por exemplo, abaixo do controle STC_Title).
      Criação do controle estático rico
    3. Renomeie o controle: "RTA_Description".
Vamos exibir o preço do produto em um controle de exibição formatado. Este controle é usado para exibir datas, horas e valores monetários, respeitando o formato de exibição correspondente.
  • Para criar um controle de exibição formatado:
    1. No painel "Criação", no grupo "Controles usuais", expanda "Texto" e selecione "Controle de exibição formatado".
    2. Clique na página, abaixo da descrição do produto: o controle é criado automaticamente.
    3. Reduza a largura do controle usando as alças de dimensionamento.
  • Vamos modificar as características deste controle:
    1. Exiba a janela de descrição do controle que acabou de criar: clique duas vezes no controle por exemplo.
    2. Na guia "Geral":
      • Modifique o nome do controle: "FSTC_Price".
      • Exclua a legenda.
      • Modifique o tipo de controle: selecione "Moeda".
        Descrever um controle de exibição formatado
    3. Validar.
  • Crie um controle estático simples para exibir a referência do produto. Este controle é denominado "STC_Reference" e sua legenda é "Referência". Este controle é posicionado abaixo do preço.
Todos os controles necessários foram criados. Vamos agora associar cada controle ao item correspondente. Esta associação é realizada na guia "Link" da janela de descrição do 








DICAS 3118 -WEBDEV TUTORIAL 52 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - VISUALIZANDO DETALHES DE UM NOVO PRODUTO- PARTE G



https://youtu.be/P6ckmThiF-o



Bom Dia Boa Tarde Boa Noite

Esse Ao Vivo vai estrear as 09:00 do dia 02/10/2020-SEX

DICAS 3118 -WEBDEV TUTORIAL 52 - 02-10-2020-09_00Hrs-SEX-Licao 4.3. AWP - VISUALIZANDO DETALHES DE UM NOVO PRODUTO- PARTE G
Lição 4.3. Criação de páginas no modo AWP

ASSUNTOS

Explicando Visualizando os detalhes de um novo produto
CRIAR PAGINA PRODUTOS DETALHES 
MUDANDO PAGINA PARA AWP 
LIMPANDO OS CONTROLES COM CTRL+A E DEL
O QUE ESATA PAGINA DEVE FAZER 
CRIADO GLOBAL DECLARATION gnPRODUTO_ID is 8-byte int
EXPLICANDO A DECLARACAO 
EXPLICANDO PROXIMA LICAO - CRIANDO CONTROLES 


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











Visualizando os detalhes de um novo produto
Exibir a lista de novos produtos é uma coisa boa. Agora vamos criar uma página de "formulário" para ver os detalhes do produto. Esta página será exibida quando o usuário da Web clicar no link que exibe o nome do produto no controle Looper.

Criação da página

  • Para criar uma página usada para exibir os detalhes do produto:
    1. Crie uma nova página.
      • Clique Crie um elementoentre os botões de acesso rápido.
      • A janela para a criação do elemento é exibida: clique em "Página" e depois em "Página".
      • O assistente de criação de página é iniciado.
      • Na seção "Baseado em um modelo de projeto", escolha "PAGETPL_Single" e conclua o assistente.
    2. A janela para salvar a página é exibida. Digite o título: "Detalhes do produto". O nome ("PAGE_Product_details") é proposto automaticamente.
    3. Validar.
  • Assim como a página usada para listar novos produtos, esta página deve ser gerada no modo AWP:
    1. Exiba a janela de descrição da página (selecione "Descrição" no menu pop-up).
    2. Na área "Tipo de página", selecione o modo "AWP".
      Mudando o tipo de página
    3. Validar.
    4. Salve as modificações ( Salvar um elementoou Ctrl + S).

O que esta página deve fazer?

Esta página tem como objetivo exibir as características do produto atualmente selecionado no controle Looper.
No nosso caso, esta página será usada para exibir o conteúdo de diferentes itens encontrados no arquivo de dados "Produto".
Em primeiro lugar, vamos indicar na página o produto que será exibido. Para fazer isso, basta declarar um parâmetro na página. Este parâmetro será passado no URL.
  • Para declarar um parâmetro na página:
    1. Pressione F2. O editor de código exibe os diferentes eventos de página.
    2. Escreva o seguinte código no evento "Declarações globais":
      PROCESSO MyPage ( gnProductID é byte int )
    3. Vamos dar uma olhada neste código WLanguage:
      • A palavra-chave PROCEDURE no evento "Declarações globais" é utilizada para associar um procedimento à abertura da página.
      • O procedimento é denominado "MyPage". No tempo de execução, esta palavra-chave será substituída automaticamente pelo nome da página atual.
      • O procedimento espera a variável gnProductID (inteiro de 8 bytes) como parâmetro. Esta variável corresponde ao identificador do produto que será exibido na página. O tipo desta variável é idêntico ao tipo de item ProductID correspondente descrito no arquivo de dados do produto. Este parâmetro contém o valor que será encontrado na URL.


Teste

Teste
teste