We have seen how to create an input form and how to save values in a database. Let's continue our first WEBDEV discovery by performing a search in the database.

We are going to create a login page where the login and the password will be typed. Then, we will check whether the information typed is correct.

Creating the page

To create the page:
1. Click among the quick access buttons.
2. The window for creating a new element is displayed.
3. Click "Page" then "Page". The page creation wizard starts.
4. Select "Blank".
5. Make sure that "Responsive Web Design mode" is unchecked.
6. Validate.
7. The page is created and the save window is automatically displayed.
8. Type the page title: "Login".
9. Validate.

Creating controls

The login page will contain the following controls:

Two edit controls:
- "Login" to type the login.
- "Password" to type the password.
Two Button controls:
- "Connect" to check the login and password.
- "Register" to open the registration page (that was created beforehand).

These types of controls have already been created, let's see a reminder of operations to perform:

To create an edit control:
1. On the "Creation" pane, in the "Usual controls" group, click .
2. Click inside the blank page to create the control.
3. Click the control (simple click): the caption becomes editable.
4. Type the caption ("Login" and "Password") and press Enter to validate. The caption is immediately modified.
  Remark
  The type of "Password" control must be "Password". To modify the type of edit control, simply open the description window.

To create a Button control:
1. On the "Creation" pane, in the "Usual controls" group, click .
2. Click inside the page to create the Button control (below the edit controls for example). The control is created.
3. Press the space bar: the caption becomes editable.
4. Type the caption ("Connect" and "Register") and press Enter to validate. The caption is immediately modified.

You get the following page:

We will now see in detail how Button controls work. First of all, let's look at the "REGISTER" Button control.

Select the "REGISTER" Button control.
Open the control description window (double-click the control).
In the "General" tab, in the "Button action" area, we are going to specify the action to perform. In our case, we are going to open the registration page:
- In the "Type" area, select "Display a site page".
- In the "Page" area, select "PAGE_Form".
Validate the description window.

EM PORTUGUES ------------------------------

Pesquisa simples em um banco de dados

Vimos como criar um formulário de entrada e como salvar valores em um banco de dados. Vamos continuar nossa primeira descoberta WEBDEV realizando uma pesquisa no banco de dados.

Vamos criar uma página de login onde serão digitados o login e a senha. Em seguida, verificaremos se a informação digitada está correta.

Criação da página

Para criar a página:
1. Clique entre os botões de acesso rápido.
2. A janela para criar um novo elemento é exibida.
3. Clique em "Página" e depois em "Página". O assistente de criação de página é iniciado.
4. Selecione "Em branco".
5. Certifique-se de que o "Modo de design da Web responsivo" esteja desmarcado.
6. Validar.
7. A página é criada e a janela de salvamento é exibida automaticamente.
8. Digite o título da página: "Login".
9. Validar.

Criando controles

A página de login conterá os seguintes controles:

Dois controles de edição:
- "Login" para digitar o login.
- "Senha" para digitar a senha.
Dois controles de botão:
- "Conectar" para verificar o login e a senha.
- "Registrar" para abrir a página de registro (que foi criada anteriormente).

Esses tipos de controles já foram criados, vamos ver um lembrete das operações a serem realizadas:

Para criar um controle de edição:
1. No painel "Criação", no grupo "Controles usuais", clique em .
2. Clique dentro da página em branco para criar o controle.
3. Clique no controle (clique simples): a legenda se torna editável.
4. Digite a legenda ("Login" e "Senha") e pressione Enter para validar. A legenda é modificada imediatamente.
  Observação
  O tipo de controle de "Senha" deve ser "Senha". Para modificar o tipo de controle de edição, basta abrir a janela de descrição.

Para criar um controle de botão:
1. No painel "Criação", no grupo "Controles usuais", clique em .
2. Clique dentro da página para criar o controle Button (abaixo dos controles de edição, por exemplo). O controle é criado.
3. Pressione a barra de espaço: a legenda se torna editável.
4. Digite a legenda ("Conectar" e "Registrar") e pressione Enter para validar. A legenda é modificada imediatamente.

Você obtém a seguinte página:

Veremos agora em detalhes como funcionam os controles de botão. Primeiramente, vamos dar uma olhada no controle do botão "REGISTAR".
1. Selecione o controle do botão "REGISTAR".
2. Abra a janela de descrição do controle (clique duas vezes no controle).
3. Na guia "Geral", na área "Ação do botão", iremos especificar a ação a ser executada. No nosso caso, vamos abrir a página de registro:
  - Na área "Tipo", selecione "Exibir uma página do site".
  - Na área "Página", selecione "PAGE_Form".
4. Valide a janela de descrição.
  Observação
  Nenhum código é necessário: no editor, o controle Button está associado à ação a ser executada (neste caso, abrir uma página).

Páginas

segunda-feira, 7 de setembro de 2020

DICAS 3079 -WEBDEV TUTORIAL 13-Licao 1.3-17-09-2020 16hrs-Lesson 1.3. PESQUISA SIMPLES BANCO DADOS LOGIN - PARTE I

https://youtu.be/ec5coUujtP8

Nenhum comentário:

Postar um comentário


	Remark	The type of "Password" control must be "Password". To modify the type of edit control, simply open the description window.


	Observação	O tipo de controle de "Senha" deve ser "Senha". Para modificar o tipo de controle de edição, basta abrir a janela de descrição.


	Observação	Nenhum código é necessário: no editor, o controle Button está associado à ação a ser executada (neste caso, abrir uma página).