PHPize Online / SQLize Online  /  SQLtest Online

A A A
Share      Blog   Popular
Copy Format Clear
CREATE TABLE T_Apres ( Autor varchar(50) NOT NULL, Descr varchar(500) NOT NULL, Foto varchar(200) NOT NULL )ENGINE=InnoDB; INSERT INTO T_Apres VALUES ('José Eduardo', 'Apenas eu, eu e eu mesmo, explorando o universo do conhecimento. Tenho interesse em.... e quero compartilhar minhas idéias com você!','https://www.w3schools.com/w3images/avatar_g.jpg'); CREATE TABLE T_TOP5 ( Codigo int primary key AUTO_INCREMENT, Titulo varchar(200) NOT NULL, NCom int NOT NULL, Figura varchar(300) NOT NULL, Data date NOT NULL )ENGINE=InnoDB; INSERT INTO T_TOP5 VALUES (1,'Dez motivos para aprender HTML + W3.CSS', 1, 'https://www.w3schools.com/w3images/workshop.jpg', '2024-11-04'); INSERT INTO T_TOP5 VALUES (2,'Experiência em Gravidade 0.', 1, 'https://www.w3schools.com/w3images/workshop.jpg', '2024-11-04'); INSERT INTO T_TOP5 VALUES (3,'Como morar sozinho.', 1, 'https://www.w3schools.com/w3images/gondol.jpg', '2024-11-04'); INSERT INTO T_TOP5 VALUES (4,'Melhores músicas anos 90.', 1, 'https://www.w3schools.com/w3images/skies.jpg', '2024-11-04'); INSERT INTO T_TOP5 VALUES (5,'O que fazer num sábado chuvoso.', 1, 'https://www.w3schools.com/w3images/rock.jpg', '2024-11-04'); CREATE TABLE T_CAT ( Codigo int primary key NOT NULL, Categoria varchar(100) NOT NULL ); INSERT INTO T_CAT VALUES (1, 'Todas'); INSERT INTO T_CAT VALUES (2, 'Viagens'); INSERT INTO T_CAT VALUES (3, 'Esportes'); INSERT INTO T_CAT VALUES (4, 'Família'); INSERT INTO T_CAT VALUES (5, 'Games'); CREATE TABLE T_Post ( Codigo int primary key AUTO_INCREMENT, Titulo varchar(200) NOT NULL, Subtitulo varchar(100) NOT NULL, Figura varchar(250) NOT NULL, Data date NOT NULL, Texto varchar(3000) NOT NULL ); INSERT INTO T_Post VALUES (1, 'GAMES', 'O mundo virtual está cada vez mais real!', 'https://www.w3schools.com/w3images/woods.jpg', '2024-11-04', 'Cada vez mais as novas tecnologias estão a melhorar a capacidade dos games. Estão a se transformar em verdadeiras obras de arte. Muitas vezes fica difícil distinguir o real do virtual. Os últimos lançamentos da...'); INSERT INTO T_Post VALUES (2, 'GUARTELÁ', 'Um passeio inesquecível', 'https://www.w3schools.com/w3images/bridge.jpg', '2024-11-04', 'Cânion Guartelá é um cânion brasileiro situado no planalto dos Campos Gerais, entre os municípios de Castro e Tibagi, no Paraná. É considerado um dos mairoes cânions do mundo em extensão, o 6º mais longo do mundo e o mais longo do Brasil. O cânion do Guartelá é uma garganta retilínea com cerca de 30 km de extensão e desnível máximo de 450 metros. Foi escavado pelo Rio Iapó, que...'); -- fetch
Copy Clear
Copy Format Clear
<?php <!-- //Blog pessoal //Autor: José Eduardo Silva Adão //Data: 18/10/2024 //--> <?php $query = "SELECT * from T_Apres"; // get DB version using PDO $stmt = $pdo->prepare($query); $stmt->execute(); $row = $stmt->fetch(PDO::FETCH_ASSOC); //definição de constante define("AUTOR_BLOG",'José Eduardo'); //definição de matrizes $Bloco_Apres = array( "img" => $row['Foto'] //""https://www.w3schools.com/w3images/avatar_g.jpg", "nome" => $row['Autor'] // AUTOR_BLOG, "descr" => $row['Descr'] //"Apenas eu, eu e eu mesmo, explorando o universo do conhecimento. //Tenho interesse em.... e quero compartilhar minhas idéias com você!" ); $Bloco_TOP5 = array( 1 => array( "img" => "https://www.w3schools.com/w3images/workshop.jpg", "titulo" => "Dez motivos para aprender HTML + W3.CSS", "nComents" => 142), 2 => array( "img" => "https://www.w3schools.com/w3images/workshop.jpg", "titulo" => "Experiência em Gravidade 0.", "nComents" => 10), 3 => array( "img" => "https://www.w3schools.com/w3images/gondol.jpg", "titulo" => "Como morar sozinho.", "nComents" => 7), 4 => array( "img" => "https://www.w3schools.com/w3images/skies.jpg", "titulo" => "Melhores músicas anos 90.", "nComents" => 3), 5 => array( "img" => "https://www.w3schools.com/w3images/rock.jpg", "titulo" => "O que fazer num sábado chuvoso.", "nComents" => 2)); //definição de variáveis $NPostagens = 0; //Matriz de postagem $Bloco_Postagens = array( 1 => array( "img" => "https://www.w3schools.com/w3images/woods.jpg", "titulo" => "GAMES", "sTitulo" => "O mundo virtual está cada vez mais real!", "data" => "Agosto 8, 2018", "texto" => "Cada vez mais as novas tecnologias estão a melhorar a capacidade dos games. Estão a se transformar em verdadeiras obras de arte. Muitas vezes fica difícil distinguir o real do virtual. Os últimos lançamentos da...", "nComents" => "0"), 2 => array( "img" => "https://www.w3schools.com/w3images/bridge.jpg", "titulo" => "GUARTELÁ", "sTitulo" => "Um passeio inesquecível", "data" => "Julho 14, 2018", "texto" => "Cânion Guartelá é um cânion brasileiro situado no planalto dos Campos Gerais, entre os municípios de Castro e Tibagi, no Paraná. É considerado um dos mairoes cânions do mundo em extensão, o 6º mais longo do mundo e o mais longo do Brasil.<br> O cânion do Guartelá é uma garganta retilínea com cerca de 30 km de extensão e desnível máximo de 450 metros. Foi escavado pelo Rio Iapó, que...", "nComents" => "2")); ?> <html> <!-- cabeça da página Web --> <head> <meta charset="UTF-8"> <!-- Título da página Web --> <title>Meu Blog Pessoal</title> <!-- link para que o navegador entenda as classes do W3.CSS --> <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> </head> <!-- corpo da página Web --> <body class="w3-light-grey"> <!-- Cabeçalho do corpo da página Web --> <header class="w3-container w3-center w3-padding-32"> <h1><b>Meu blog pessoal</b></h1> <p>Seja bem-vindo! Criado por <span class="w3-tag"><?php echo AUTOR_BLOG ?></span> </p> <!-- p>Seja bem vindo.</p --> </header> <!-- Conteúdo da página Web --> <!-- div class="w3-blue" --> <!-- p>conteúdo da página</p --> <div class="w3-row"> <!-- coluna da esquerda --> <div class="w3-col w3-container w3-green" style="width:65%"> <!-- Postagem --> <?php while ($NPostagens <2) { $NPostagens++; ?> <div class="w3-card-4 w3-margin w3-white"> <img src="<?php echo $Bloco_Postagens[$NPostagens]["img"]; ?>" alt="Nature" style="width:100%"> <div class="w3-container"> <h3><b> <?php echo $NPostagens . " " . $Bloco_Postagens[$NPostagens]["titulo"]; ?> </b></h3> <h5> <?php echo $Bloco_Postagens[$NPostagens]["sTitulo"] . " , <span class='w3-opacity'>" . $Bloco_Postagens[$NPostagens]["data"] . "</span>";?> </h5> </div> <div class="w3-container"> <?php echo "<p>" , $Bloco_Postagens[$NPostagens]["texto"] , "</p>"; ?> <div class="w3-row"> <div class="w3-col" style="width:80%"> <p><button class="w3-button w3-padding-large w3-white w3-border"><b> Leia mais...&#187</b></Button></p> </div> <div class="w3-col w3-hide-small" style="width:20%" <p><span class="w3-padding-large w3-right"><b>Comments </b> <span class="w3-tag"> <?php echo $Bloco_Postagens[$NPostagens]["nComents"]; ?> </span> </span></p> </div> </div> </div> </div> <h5> <?php } ?> </div> <!--</div> <!--hr --> <!-- coluna da direita --> <div class="w3-col w3-container w3-blue" style="width:35%"> <!-- bloco de apresentação --> <div class="w3-card w3-margin"> <img src = <?php echo $Bloco_Apres["img"]; ?> style="width:100%"> <div class="w3-container w3-write"> <h4><b><?php echo $Bloco_Apres["nome"]; ?></b></h4> <p><?php echo $Bloco_Apres["descr"]; ?></p> </div> </div> <hr> <!-- Bloco TOP 5 --> <div class="w3-card w3-margin"> <div class="w3-container w3-padding"> <h4>Postagens mais populares</h4> </div> <ul class="w3-ul w3-hoverable w3-white"> <?php // Supondo que $Bloco_TOP5 seja um array previamente definido for ($i = 1; $i <= 5; $i++) { // Começando em 1 para arrays indexados $img = $Bloco_TOP5[$i]["img"]; $titulo = $Bloco_TOP5[$i]["titulo"]; $nComents = $Bloco_TOP5[$i]["nComents"]; ?> <li class="w3-padding-16"> <img src="<?php echo htmlspecialchars($img); ?>" class="w3-left w3-margin-right" style="width:50px"> <span class="w3-large"><?php echo htmlspecialchars($titulo); ?></span> <br> <span>Comentários: <?php echo htmlspecialchars($nComents); ?></span> </li> <?php } ?> </ul> <!-- p>bloco TOP 5</p --> </div> <hr> <!-- bloco de filtros --> <div class="w3-card w3-margin" <div class="w3-container w3-padding"> <h4>Categorias</h4> <!-- p>bloco Filtros</p --> </div> <div class="w3-container w3-white"> <p> <span class="w3-tag w3-black w3-margin-bottom">Todas</span> <span class="w3-tag w3-light-grey w3-small w3=margin-bottom">Viagens</span> <span class="w3-tag w3-light-grey w3-small w3=margin-bottom">Esportes</span> <span class="w3-tag w3-light-grey w3-small w3=margin-bottom">Política</span> <span class="w3-tag w3-light-grey w3-small w3=margin-bottom">Família</span> <span class="w3-tag w3-light-grey w3-small w3=margin-bottom">Games</span> </p> </div> </div> </div> </div> <!--/div --> <!-- Rodapé da página Web --> <footer class="w3-container w3-dark-grey w3-margin-top w3-cell-row"> <div class="w3-container w3-cell w3-cell-top"> <button class="w3-button w3-black w3-disabled w3-padding-large w3-margin-botton">Anterior</button> <button class="w3-button w3-black w3-padding-large w3-margin-botton">Próximo &#187</button> </div> <div class="w3-container w3-cell w3-cell-bottom"> <br><br><br> <p>Introdução ao Coding (web) by AUTOR_BLOG</p> </div> <div class="w3-container w3-cell w3-cell-top"> <a href="#" class="w3-padding w3-xxlarge fa fa-facebook"></a> <a href="#" class="w3-padding w3-xxlarge fa fa-twitter"></a> <a href="#" class="w3-padding w3-xxlarge fa fa-instagram"></a> </div> <!--p>rodapé da página</p --> </footer> </body> </html>
Show:  
Copy Clear