2 2.1-Criar BD e Tabelas. Vamos ao phpmyadmin: Financiado pelo FSE Pág: 1
Tabelas Financiado pelo FSE Pág: 2
2.2-Definir o site e sua conexão. Financiado pelo FSE Pág: 3
Financiado pelo FSE Pág: 4
Depois de definido o site, vamos criar um ficheiro índex.php e fazer a conexão à nossa base de dados: No fim aparece a ligação à nossa BD: Financiado pelo FSE Pág: 5
2.3-Inserir comentários avançados. Painel Dados, seleccionar Developer Toolbox. De seguida clicamos no primeiro botão(insert Record Form Wizard): Clique Yes to All para sincronizar toda a informação. 1º Passo(configurar a ligação à BD/Tabela) 2º Passo(configuração dos campos) Financiado pelo FSE Pág: 6
- Alterar o campo msg para Text área; - Eliminar o campo status; 3º Passo(validações) -Nome obrigatório (personalizar mensagem) -Cidade obrigatória (min:2caracteres e máx:20caracteres / personalizar mensagem) -Mensagem obrigatória (personalizar mensagem) Financiado pelo FSE Pág: 7
Yes to All Vamos inserir uma linha por cima do insert record, para colocarmos o CAPTCHA. Dividir em duas colunas para ficar igual. Agora seleccionamos o botão Insert Captcha Image ( ) Financiado pelo FSE Pág: 8
Visto que estamos a usar uma versão PHP 5.3 ou superior, teremos de copiar para o nosso site a respectiva correcção, isto é, os ficheiros para dentro do projecto. Agora sim, vamos testar. Financiado pelo FSE Pág: 9
Vamos verificar se realmente o registo foi inserido na tabela, com o status off. 2.4-Mostrar comentários. Quando se pretende criar uma página que tem de mostrar os dados de uma BD, temos que criar uma consulta. Bindings -> Recordset (Query) Preencha os campos conforme são apresentados: Financiado pelo FSE Pág: 10
Só irão aparecer os registos que já se encontram on. Por fim, vamos inserir os dados através do Painel DATA > Dynamic Table Vamos fazer de maneira a aparecer dois registos por página: Financiado pelo FSE Pág: 11
Eliminar as colunas id e status. Vamos adicionar um comportamento, de forma a que só apresente quando o recordset não estiver vazio. Seleccionar a tabela e adicionar o comportamento: Só aparece quando o status é on. Financiado pelo FSE Pág: 12
2.5-Paginação comentários. Criar o recurso à paginação. Vamos usar um recurso que será colocado de uma forma automática (com os quatro navegadores), em vez da situação usada no sistema anterior. Financiado pelo FSE Pág: 13
Como texto ou imagens. Poderá alterar para português: Já tem o recurso incorporado de não colocar a barra caso não seja necessário. Financiado pelo FSE Pág: 14
2.6-Listagem administrativa. Vamos criar a área administrativa, para podermos controlar os comentários que podem ser ou não aprovados. Criamos um novo ficheiro chamado índex.php, dentro de uma pasta que vamos criar admin : Financiado pelo FSE Pág: 15
Este ficheiro vai permitir fazer a manutenção da tabela dos comentários, para que isso seja possivel vamos usar uma opção do developer toolbox, Create Dynamic List Wizard. 1º Passo (configurar ligação com a BD) 2º Passo (configurar os campos) Financiado pelo FSE Pág: 16
3º Passo (definir filtros) 4º Passo (Definir layout) Se pressionar F12 aparece todos os registos. Agora falta criar o ficheiro que vai permitir editar. 2.7-Listagem dinâmica-administrativa (cont.). Como bem se recordam, no último exercício quando criamos a listagem administrativa demos indicação para ser criado um ficheiro chamado gerir_utilizadores.php. Vamos abrir esse ficheiro gerir_utilizadores.php, e inserir clicar em Create Dynamic Form Wizard. Financiado pelo FSE Pág: 17
1º Passo (configurar a ligação à tabela) 2º Passo (configurar os campos) -Adicionar o status (clique no sinal +) 3º Passo (regras de validação) Financiado pelo FSE Pág: 18
4º Passo (finalizar) Gravar. Voltamos à nossa listagem e vamos testar alterando um registo de off para on. Se entretanto correr o site http://localhost/comentariosavancados, já aparece esse comentário: No próximo exercícios vamos tratar dos níveis de acesso. 2.8-Restrições de acesso (Login) Nesta fase, vamos criar uma página de acesso com as respectivas restrições. Vamos criar um ficheiro php na pasta admin, com o nome login.php. De seguida, vamos gravar esse mesmo ficheiro e seleccionar a opção do developer toolbox login form wizard: 1º Passo (configurar as definições do login) Financiado pelo FSE Pág: 19
Nas opções, vamos optar por validar apenas com username e password: Na base de dados, vamos fazer as seguintes alterações: Na sessão, não vamos alterar nada. Nos níveis de utilizadores, não vamos trabalhar com os níveis de acesso, isto é, na parte inferior, na parte superior temos de indicar a página de login, a página de sucesso do login e a página caso falhe o login. Financiado pelo FSE Pág: 20
Yes to All 2º Passo (colocar as checkbox s com indicação de gravação da password/recuperação da mesma). Yes to All Podemos mudar o texto para português: Mas não está tudo, se tentar abrir a página index.php no browser ainda consegue abrir. Agora temos de adicionar comportamentos. Abrimos o ficheiro index.php do admin, e vamos a server behaviors, sinal +, developer toolbox, user login e restrict access to page. Financiado pelo FSE Pág: 21
Vamos colocar, como sendo só nível de utilizador e senha: Vamos já pensar no utilizador, possibilitando a sua saida, criando uma opção para isso: Seleccionamos o texto e vamos novamente: server behaviors, sinal +, developer toolbox, user login e logout form wizard. Financiado pelo FSE Pág: 22
1º Passo (não é necessário alterar) 2º Passo (opções de login) Temos que indicar a página, caso não tenha sucesso no login, volta para a página login.php) Falta colocar as restrições de acesso na nossa página gerir_comentarios. Temos de adicionar o comportamento à página. Abrimos o ficheiro gerir_comentarios.php do admin, e vamos a server behaviors, sinal +, developer toolbox, user login e restrict access to page. Financiado pelo FSE Pág: 23
Vamos colocar, como sendo só nível de utilizador e senha: Já terminamos, podemos fazer alguns teste, nomeadamente tentar abrir no browser directamente o http://localhost/comentariosavancados/admin, terá de abrir a página de login e não a página de arranque index.php. Agora teremos de criar uma página para manutenção dos utilizadores. Para testar podemos ir ao phpmyadmin e adicionar um utilizador manualmente. Só nos falta colocar o site online. Financiado pelo FSE Pág: 24