Cadeira: Tecnologias e Programação Web

Maputo, 2023
No fim da aula o estudante poderá:
 Criar um projecto estático
 Criar um projecto dinâmico
Na última apresentação, revisamos alguns conceitos
básicos da estrutura escrevendo uma classe que faz
referência a páginas estáticas. Limpamos o URI
adicionando regras de roteamento personalizadas.
Agora é hora de introduzir o conteúdo dinâmico e
começar a usar um banco de dados
Utilizando um database Client (mysql, MySQL
Workbench, ou phpMyAdmin), conecte-se e execute o
comando SQL que será apresentado no slide seguinte.
➢ No nosso caso utilizando o xampp temos acesso ao
phpMyAdmin, podemos aceder ao link
http://localhost/phpmyadmin/ e clicar a opção new
ou databases
Digite como nome da base de dados ci4tutorial e
depois passamos a criação da tabela a ser manipulada.
Seleccione o menu SQL e execute o seguinte comando
sql clicando na opção GO
Vamos colocar informações na tabela news criada.
Novamente, clicando no menu SQL coloque o comando
sql e clique em GO
Vamos conectar a base de dados. O ficheiro .env nos
permite de configurar a conexão com a base de dados.
Desde que edit o ficheiro .env com um editor de texto
como o notepadd++
Configuração do model
Configurar o Model, pois e no model onde realizamos
as operações de CRUD de informações em um BD. Abra
a pasta app/Models/ e crie o ficheiro NewsModel.php e
adicione o código.
Configuração do model
Agora que a base de dados e o model estão
configurados, nos precisamos de métodos que
permitem aceder a todas informações da base de
dados. Actualizamos o ficheiro model acrescentando a
função getNews() e o model acaba ficando como o
código a seguir:
Configuração do controller
Para apresentar as informações, temos de criar um
controler de nome News.php na raiz
app/Controllers/News.php
Configuração do controller
Modificamos o método index para podermos realmente
mostrar os conteúdos na tela
Configuração da view
Agora precisamos de criar uma view para mostrar as
noticias. Vamos criar a pasta news e o ficheiro
index.php para ter a raiz app/Views/news/index.php
com o código:
Configuração da view
Nesta fase já podemos ver a lista das news, mas ainda
não podemos ver uma news especificada. Para ver uma
news especificada e necessário voltar ao controller
Newsphp e actualizar o metodo view() e o controller
fica completo com o código a seguir:
Configuração da view
As únicas coisas que falta fazer e criar uma view de
nome view.php correspondente a uma única news
seleccionada: app/Views/news/view.php .
Configuração da rota
Pela criação de novos controladores devemos
especificar ao app/Config/Routes.php sobre novo
controlador News.php
Execução
Execute no seu navegador http://localhost:8080/news