Taverna /dev/All

Usando PHP com Bootstrap

Estou criando um dashboard:


Feito isso, quando clicar no botão ao lado, quero exibir na parte branca a direita, por exemplo todo um formulário, como é feito isso via PHP?

Criei o dashboard e coloquei como inicial.php e criei um arquivo cadastro.php onde dentro do cadastro.php coloquei um include_once(“inicial.php”), agora, como faço para colocar algo específico dentro de uma div ?

Código do inicial.php:
>

    	<div class="col-md-3 col-lg-2 col-sm-4" style="background-color:#2d3436; height: 700px;">
    		<ul class="ulMenu">

    		<li class="liMenu">
    		 <a class="nav-link linksMenu" href="#"><i class="far fa-sticky-note"></i>&emsp; Cadastros</a>
    		</li>
    		
    		<li class="liMenu">
    		 <a class="nav-link linksMenu" href="#"><i class="far fa-file-alt"></i>&emsp; Formulários</a>
    		</li>


    		<li class="liMenu">
    		 <a class="nav-link linksMenu" href="#"><i class="far fa-question-circle"></i>&emsp; Sobre</a>
    		</li>
    	</ul>
    	</div>
    	<div class="col-md-9 col-lg-10 col-sm-8" style="background-color:#fff; height: 700px;">
    		
    	</div>
    </div>
    </div>

código do cadastrar.php:

<?php
include_once("inicial.php");

?>

Depende da abordagem que você quer seguir.

Se for Ajax, você vai renderizar o conteúdo da requisição que realizou contra seu código PHP.

Se for o contrário, minha sugestão é você ter um template no qual inclua toda a sua identidade visual básica (os menus ao lado, cabeçalho, rodapé), e preencha apenas o que está na área a ser preenchida (a em branco).

1 Curtida

Tentando esclarecer mais a dúvida
Tenho o código da página do dashboard que é esse:

<!DOCTYPE html>
<html>
    
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Início - Quality Defender</title>
    <link rel="shortcut icon" href="favicon.png">
    <link rel="stylesheet" href="css/bootstrap.css" />
    <link rel="stylesheet" type="text/css" href="css/style.css">

    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">
 </head>

<body>


<nav class="navbar navbar-bar bg-dark">
	<ul class="navbar-nav">
      <li class="nav-item">
        <a class="nav-link linksMenu" href="#"><i class="fas fa-home"></i>&emsp;Início</a>
      </li>
    </ul>
</nav>


<div class="container-fluid">
<div class="row">
	<div class="col-md-3 col-lg-2 col-sm-4" style="background-color:#2d3436; height: 700px; ">
		<ul class="ulMenu">

		  <li class="liMenu">
		    <a class="nav-link linksMenu" href="#"><i class="far fa-sticky-note"></i>&emsp; Cadastros</a>
	      </li>
		
		  <li class="liMenu">
			<a class="nav-link linksMenu" href="#"><i class="far fa-file-alt"></i>&emsp; Formulários</a>
		  </li>

		  <li class="liMenu">
		   <a class="nav-link linksMenu" href="#"><i class="far fa-question-circle"></i>&emsp; Sobre</a>
		  </li>

	    </ul>
    </div>

  <div class="col-md-9 col-lg-10 col-sm-8" style="background-color:#f3f3f3; height: 700px;  float:right;">
</div>

</div>
</div>

<footer>
</footer>


 </body>
 </html>

Perfeito, agora tenho uma página cadastrar.php onde fiz o seguinte código:

<?php
require_once("inicial.php");

?>

Perfeito, agora a pergunta… como faço para inserir informações aqui através da página “cadastra.php”

E pelo que havia dito, tem como via MVC né?
em que no View eu faço um arquivo para cada estrutura ex:
header.php
menu.php
divformulario.php

e pra juntar tudo isso?

então, você tá usando algum framework ou coisa assim?

Se não, você vai ter de selecionar qual arquivo a ser carregado em tempo de execução e incluí-lo ali, tipo como você está fazendo com o require_once, que seria incluído naquele ponto.

Mas não recomendo esta abordagem. É uma péssima prática. Pra este tipo de coisa creio que o uso de um framework seja mais adequado, tipo um Laravel, CakePHP, CodeIgniter, algo assim.

Vai de ajax como te indicaram. Exemplo:

HTML:

<a onclick="exibirFormulario()" href="javascript:void(0)">Formulario</a>
<div id="sua-div-em-branco"><div>

JS com jquery:

function exibirFormulario() {
   $("#sua-div-em-branco").load("seu-formulario.php");
}

É um exemplo bem simples pra ilustrar. Dependendo do caso vai precisar de mais recursos.

Isso aqui soluciona: https://webdevacademy.com.br/tutoriais/crud-bootstrap-php-mysql-parte2/
obrigado pelos comentários.

itexto