Codeigniter com Bootstrap

Thiago Mota Rocha · Agosto 16, 2019

Olá Pessoal,

Estou desenvolvendo um sistema de gerenciamento de produtos em PHP utilizando o frame CodeIgniter e o bootstrap. Porém estou com um problema.

Quando estou por exemplo:

na página http://localhost:8080/Dashboard/produtos(pagina que visualiza os produtos) e clico em um Botão Novo, para ir pra página de cadastro de produdos http://localhost:8080/Dashboard/produtos/add, minha página perde a configuração do bootstrap, que está configurado na view('header').

public function add(){

$this->load->model('produtos_model', 'produtos');

$this->load->view('header');

$this->load->view('body_panel');

$this->load->view('body_add_produtos');

}

Começei utilizar o CodeIgniter a pouco tempo, por isso peço ajuda.

Obrigado...

ShadowDLL · Agosto 16, 2019

Poderia informar o conteúdo do header ?

Thiago Mota Rocha · Agosto 17, 2019

23 horas atrás, ShadowDLL disse:

Poderia informar o conteúdo do header ?

<?php

defined('BASEPATH') OR exit('No direct script access allowed');

?>

<!DOCTYPE html>

<head>

<title>SB Admin - Dashboard</title>

</head>

<a class="navbar-brand mr-1" href="home"><b>Admin</b> <i>Ecommerce</i></a>

</button>

</button>

</div>

</form>

</a>

<a class="dropdown-item" href="#">Action</a>

<a class="dropdown-item" href="#">Another action</a>

<a class="dropdown-item" href="#">Something else here</a>

</div>

</li>

</a>

<a class="dropdown-item" href="#">Action</a>

<a class="dropdown-item" href="#">Another action</a>

<a class="dropdown-item" href="#">Something else here</a>

</div>

</li>

</a>

<a class="dropdown-item" href="#">Settings</a>

<a class="dropdown-item" href="#">Activity Log</a>

<a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>

</div>

</li>

</ul>

</nav>

ShadowDLL · Agosto 17, 2019

Segue exemplo:

CONTROLLER

public function add(){
	# INICIALIZA O HELPER URL
	# QUE SERVIRÁ PARA USARMOS
	# A FUNÇÂO base_url ()
	$this->load->helper('url');

	# MODEL
	$this->load->model('produtos_model', 'produtos');

	# VIEW
	$this->load->view('header');
	$this->load->view('body_panel');
	$this->load->view('body_add_produtos');
}

VIEW [ header ]

<?php
defined('BASEPATH') OR exit('No direct script access allowed');
?>
    <!DOCTYPE html>
    <html lang="en">

    <head>

        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <meta name="description" content="">
        <meta name="author" content="">

        <title>SB Admin - Dashboard</title>

        <!-- Custom fonts for this template-->
        <link href="<?php echo base_url ( 'vendor/fontawesome-free/css/all.min.css' ) ?>" rel="stylesheet" type="text/css">

        <!-- Page level plugin CSS-->
        <link href="<?php echo base_url ( 'vendor/datatables/dataTables.bootstrap4.css') ?>" rel="stylesheet">

        <!-- Custom styles for this template-->
        <link href="<?php echo base_url ( 'css/sb-admin.css') ?>" rel="stylesheet">

    </head>

    <body id="page-top">

        <nav class="navbar navbar-expand navbar-dark bg-dark static-top">

            <a class="navbar-brand mr-1" href="home"><b>Admin</b> <i>Ecommerce</i></a>

            <button class="btn btn-link btn-sm text-white order-1 order-sm-0" id="sidebarToggle" href="#">
                <i class="fas fa-bars"></i>
            </button>

            <!-- Navbar Search -->
            <form class="d-none d-md-inline-block form-inline ml-auto mr-0 mr-md-3 my-2 my-md-0">
                <div class="input-group">
                    <input type="text" class="form-control" placeholder="Buscar por..." aria-label="Search" aria-describedby="basic-addon2">
                    <div class="input-group-append">
                        <button class="btn btn-primary" type="button">
                            <i class="fas fa-search"></i>
                        </button>
                    </div>
                </div>
            </form>

            <!-- Navbar -->
            <ul class="navbar-nav ml-auto ml-md-0">
                <li class="nav-item dropdown no-arrow mx-1">
                    <a class="nav-link dropdown-toggle" href="#" id="alertsDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fas fa-bell fa-fw"></i>
                        <span class="badge badge-danger">9+</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="alertsDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown no-arrow mx-1">
                    <a class="nav-link dropdown-toggle" href="#" id="messagesDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fas fa-envelope fa-fw"></i>
                        <span class="badge badge-danger">7</span>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="messagesDropdown">
                        <a class="dropdown-item" href="#">Action</a>
                        <a class="dropdown-item" href="#">Another action</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#">Something else here</a>
                    </div>
                </li>
                <li class="nav-item dropdown no-arrow">
                    <a class="nav-link dropdown-toggle" href="#" id="userDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        <i class="fas fa-user-circle fa-fw"></i>
                    </a>
                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="userDropdown">
                        <a class="dropdown-item" href="#">Settings</a>
                        <a class="dropdown-item" href="#">Activity Log</a>
                        <div class="dropdown-divider"></div>
                        <a class="dropdown-item" href="#" data-toggle="modal" data-target="#logoutModal">Logout</a>
                    </div>
                </li>
            </ul>

        </nav>

APPLICATION/CONFIG/CONFIG.PHP

$config['base_url'] = 'http://localhost/nome_da_pasta__se_existir';

LINKS ÚTEIS

https://www.codeigniter.com/user_guide/helpers/url_helper.html

https://riptutorial.com/codeigniter/example/12535/setting-your-base-url-in-codeigniter

Thiago Mota Rocha · Agosto 19, 2019

Muito Obrigado @ShadowDLL

Deu certo.

Eu havia utilizado o 'echo base_url' mas não funcionava ai acabei deixando sem. Faltava simplesmente chamar na função $this->load->helper('url').

Obrigado.

ShadowDLL · Agosto 19, 2019

Disponível ;)

Entrar

Arquivado

Codeigniter com Bootstrap

Recommended Posts

Thiago Mota Rocha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Mota Rocha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Thiago Mota Rocha 0

Compartilhar este post

Link para o post

Compartilhar em outros sites

ShadowDLL 2

Compartilhar este post

Link para o post

Compartilhar em outros sites

Javascript - Calcular Valores Monetário em Tempo Real

JavaScript - Exibir logo dentro da Tabela html

PHP+Codeigniter - Implementar o Input CÓDIGO ou ID do Produto

Conteúdo Similar

Este projeto é apoiado pelas empresas

Fóruns

Tempo Real

Informação importante