Desenvolvendo o Blog (Listagem de Posts com Paginação) – Criando a interface de exibição dos posts. - Saldaris Consultoria - Serviços de tecnologia e desenvolvimento de sistemas

Agora que já configuramos o banco de dados e criamos o Model para gerenciar os posts, o próximo passo no desenvolvimento do CMS é a implementação do blog. Nesta etapa, vamos criar a interface para exibir os posts e configurar a paginação para melhorar a navegação dos conteúdos.

Configurando a Rota para o Blog

Primeiramente, é necessário definir a rota para listar os posts. No arquivo app/Config/Routes.php, adicione:

$routes->get('blog', 'BlogController::index');

Isso permitirá que a URL /blog direcione para o método index() do BlogController.

Criando o Controller do Blog

No diretório app/Controllers/, crie o arquivo BlogController.php para gerenciar a listagem de posts:

namespace App\Controllers;

use App\Models\PostModel;
use CodeIgniter\Controller;

class BlogController extends Controller
{
    public function index()
    {
        $model = new PostModel();

        $data = [
            'posts' => $model->paginate(5), 
            'pager' => $model->pager
        ];

        return view('blog/lista', $data);
    }
}

O método paginate(5) retorna os posts divididos em páginas, com 5 posts por página. O objeto pager será utilizado na view para exibir a navegação entre as páginas.

Criando a View do Blog

No diretório app/Views/blog/, crie o arquivo lista.php para exibir os posts:

<h1>Blog</h1>

<?php if (!empty($posts)) : ?>
    <?php foreach ($posts as $post) : ?>
        <article>
            <h2><a href="<?= site_url('blog/post/' . $post['id']) ?>"><?= esc($post['titulo']) ?></a></h2>
            <p><?= esc(substr($post['conteudo'], 0, 150)) ?>...</p>
        </article>
    <?php endforeach; ?>

    <?= $pager->links() ?>
<?php else : ?>
    <p>Nenhum post encontrado.</p>
<?php endif; ?>

Nessa view, os posts são listados com um título e um resumo do conteúdo. O $pager->links() exibe a paginação automaticamente.

Conclusão

Com essa implementação, agora temos um blog funcional com paginação, garantindo que a navegação entre os posts seja eficiente. No próximo post, abordaremos a exibição completa de cada post individualmente.

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.