Criando as Páginas Estáticas (Home, Serviços, Quem Somos e Contato) – Implementação das views e controllers. - Saldaris Consultoria - Serviços de tecnologia e desenvolvimento de sistemas

Após definir as primeiras rotas da aplicação, o próximo passo é criar as páginas estáticas, como a Home, Serviços, Quem Somos e Contato. No CodeIgniter 4, essas páginas são gerenciadas por meio de controllers e views, garantindo uma estrutura organizada e modular.

Criando o Controller para as Páginas Estáticas

O primeiro passo é criar um controlador responsável por carregar essas páginas. No diretório app/Controllers/, crie o arquivo PaginasController.php com o seguinte conteúdo:

namespace App\Controllers;

use CodeIgniter\Controller;

class PaginasController extends Controller
{
    public function home()
    {
        return view('paginas/home');
    }

    public function servicos()
    {
        return view('paginas/servicos');
    }

    public function quemSomos()
    {
        return view('paginas/quem_somos');
    }

    public function contato()
    {
        return view('paginas/contato');
    }
}

Configurando as Rotas

Com o controlador criado, é necessário configurar as rotas no arquivo app/Config/Routes.php:

$routes->get('/', 'PaginasController::home');
$routes->get('servicos', 'PaginasController::servicos');
$routes->get('quem-somos', 'PaginasController::quemSomos');
$routes->get('contato', 'PaginasController::contato');

Agora, cada uma dessas URLs será associada ao método correspondente no PaginasController.

Criando as Views

As views são responsáveis pela apresentação das páginas ao usuário. No diretório app/Views/paginas/, crie os arquivos para cada página:

Home (app/Views/paginas/home.php)

<h1>Bem-vindo ao nosso site!</h1>
<p>Aqui você encontrará informações sobre nossos serviços.</p>

Serviços (app/Views/paginas/servicos.php)

<h1>Nossos Serviços</h1>
<p>Conheça as soluções que oferecemos para o seu negócio.</p>

Quem Somos (app/Views/paginas/quem_somos.php)

<h1>Sobre Nós</h1>
<p>Saiba mais sobre nossa equipe e nossa história.</p>

Contato (app/Views/paginas/contato.php)

<h1>Entre em Contato</h1>
<p>Envie sua mensagem através do formulário abaixo.</p>

Conclusão

Agora, o projeto conta com as páginas estáticas implementadas e acessíveis por meio das rotas configuradas. Nos próximos passos, avançaremos para a estruturação do blog e a configuração do banco de dados.

Se você ou sua empresa precisa de suporte para desenvolvimento com CodeIgniter 4, a Saldaris Consultoria pode ajudar. Entre em contato pelo formulário no final da página para saber mais sobre nossos serviços.