Guardando los blogposts en la base de datos

Clase 40 de 65 • Introducción a PHP-2017

Resumen

En este video, vamos a terminar esta sección guardando los blogposts que estamos creando con nuestro formulario.

Emmanuel Octavio Martinez C

student•

Que genial!!
Yo prefiero hacer el código php de ésta manera

<?php if($result):?>
            <div class="alert alert-success">
              Post Saved!
            </div>
<?php endif; ?>

Noe Mikhael Huaccharaque Ruiz

student•

se ve mejor en foreach o en codigos grandes

Jonathan Araujo

student•

Ayuda, me sale el siguiente error :

Fatal error: Uncaught PDOException: SQLSTATE[42S22]: Column not found: 1054 Unknown column ‘title’ in ‘field list’ in C:\xampp\htdocs\CursoPHP\blog\admin\insert-post.php:10 Stack trace: #0 C:\xampp\htdocs\CursoPHP\blog\admin\insert-post.php(10): PDOStatement->execute(Array) #1 {main} thrown in C:\xampp\htdocs\CursoPHP\blog\admin\insert-post.php on line 10

Jonathan Araujo

student•

Este es el codigo:

<?php
include_once '../config.php';
$result = false;

if (!empty($_POST)){
    $sql = 'INSERT INTO blog_posts (title, content) VALUES (:title, :content)';
    $query = $pdo->prepare($sql);
    $result = $query->execute([
        'title' => $_POST['title'],
        'content' => $_POST['content']
        ]);
}
?>

<DOCTYPE! html>
<html>
<head>
    <title>Blog</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
    <div class="container">
       <div class="row">
           <div class="col-md-12">
               <h1>Blog</h1>
           </div>
       </div>
    </div>
    <div class="row">      
        <div class="col-md-8">
            <h2>New Posts</h2>
            <p>
                 <a class="btn btn-default" href="posts.php">Back</a>
            </p>
            <?php 
                if($result){
                echo '<div class="alert alert-success">Post Saved!</div>';
                }
            ?>
            <form action="insert-post.php" method="post">
                <div class="form-group">
                    <label for="inputTitle">Title</label>
                    <input type="text" class="form-control" name="title" id="inputTitle">                  
                </div>
                <textarea class="form-control" name="content" id="inputContent" rows="5"></textarea>
                <br>
                <input class="btn btn-primary" type="submit" value="save">
            </form>
        </div>
        <div class="col-md-4">
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
            tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam,
            quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
            consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
            cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
            proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
            </p>
        </div>
    </div>
    <div class="row">
        <div class="col-md-12">
            <footer>
                This is a footer
                <a href="index.php">Admin panel</a>
            </footer>
        </div>
    </div>
</body>
</html>```

Diego Forero

Team Platzi•

Revisa que tienes la tabla creada en la base de datos y que existe la columna title.

Pablo Elias Mercado Moreno

student•

Ayuda, Por favor, he estado buscando sobre este error, pero no he sabido hasta el momento, revise la base de datos y todo bien, el codigo, lo coloco debajo:

Fatal error: Uncaught PDOException: SQLSTATE[42000]: Syntax error or access violation: 1065 Query was empty in C:\Users\pablo\Desktop\Tecnologia\xampp\xampp\htdocs\CursoPHP\blog\admin\insert-post.php:11 Stack trace: #0 C:\Users\pablo\Desktop\Tecnologia\xampp\xampp\htdocs\CursoPHP\blog\admin\insert-post.php(11): PDOStatement->execute(Array) #1 {main} thrown in C:\Users\pablo\Desktop\Tecnologia\xampp\xampp\htdocs\CursoPHP\blog\admin\insert-post.php on line 11

if (!empty($_POST)) 
	$sql = 'INSERT INTO blog_posts (title, content) VALUES (:title, :content)';
	$query = $pdo->prepare($sql);
	$result = $query->execute([
		'title'=>$_POST['title'],
		'content'=>$_POST['content']
	]);

Diego Forero

Team Platzi•

Los nombres de tus campos del formulario se llaman title y content?

Lo que el error dice es que esta llegando una query vacía probablemente porque los nombres de los inputs del formulario están mal escritos. revisa eso.

Pablo Elias Mercado Moreno

student•

Hola, si, ya verifique y son iguales, de igual aqui adjunto el resto del codigo, si puedes ayudarme

<!doctype html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Blog</title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
</head>
<body>
	<div class="container"> 
	<div class="row">
		<div class="col-md-12">
			<h1>Blog title </h1>
		</div>
	</div> 		
	<div class="row">
		<div class="col-md-8">
			<h2> New Post </h2>
			<p>
				<a class="btn btn-default" href="posts.php">Back</a>
			</p>
			<?php
				if($result) {
					echo '<div class="alert alert-success">Post Saved</div>';
				}
			
			
			?>
			<form action="insert-post.php" method="post"> 
				<div class="form-group"> 
					<label for="inputTitle">Title</label>
					<input class="form-control" type="text" name="title" id="inputTitle">
				</div>
				<textarea class="form-control" name="content" id="inputContent" rows="5"></textarea>
				<br> 
				<input class="btn btn-primary" type="submit" value="Save">
			</form>
		</div>
		<div class="col-md-4">
		Sidebar 
		Lorem ipsum dolor sit amet,
		</div>
	</div>
	<div class="row">
		<div class="col-md-12">
			<footer> 
				This is the footer <br>
				<a href="admin/index.php"> Admin Panel</a>
			</footer>
		</div>
	</div>
	</div>
</body>
</html>

ELKIN YESID MORENO VELEZ

student•

La distribución de la pantalla para enseñar el código que se está ingresando se hace de forma incompleta y no permite una mejor experiencia de alumno.

Si el directorio del proyecto no aporta nada en el momento de escribir el código sencillamente ocultarlo y dejar la pantalla completa para ver todo el código ingresado en plenitud.

Daniel Hernandez

student•

Donde puedo encontrar los archivos de este Blog?

Luis Miguel Ruiz Martinez

student•

y los archivos del curso?

Diego Forero

Team Platzi•

Lo encuentras en la pestaña de enlaces, hay esta el link para el repositorio en github del curso.

Mauricio Adolfo Ayala Aguirre

student•

Como puedo tratar las imagenes con la base de datos? es posible asignar un valor del tipo link? por ejemplo para llamar imagenes de un bucket de s3?

Diego Forero

Team Platzi•

Si, esa es la forma en que se debe hacer, en tu base de datos guardas el path o ruta de donde esta almacenada tu imagen o archivo, y puede ser una ruta a tu servidor, un bucket de s3 o incluso un servidor externo.

Para hacerlo con s3, tienes que primero hacer la subida del archivo y esto te retorna la url, esa url la puedes guardar en tu base de datos y listo.

Jonathan Macalupu Reyes

student•

Sólo para recordar: La forma en que se conecta las consultas y funciones de PHP con el formulario es con el method ¿correcto?. Me imagino que también tiene que ver el name que se coloca en cada campo de la variable, para que se relaciones con la base de datos. ¿me pueden informar si es correcto lo que indico?. ¡Gracias!

José Tuzinkievicz

student•

Method, es la forma en que se envían los datos desde el formulario, el método GET en general se usa para consultas y POST para inserción de datos.
Mediante el name, el script php te procesa los datos enviados por el formulario, puede recuperar el dato enviado.

César Darinel Ortiz Abreu

student•

el archivo trabajado y el compartido no es el mismo, favor compartir el insert-post.php

Fer Torres

student•

Aquí lo tienes:

<?php
include_once '../config.php';
$result =  false;

if (!empty($_POST)) {
    $sql = 'INSERT INTO blog_posts (title, content) VALUES (:title, :content)';
    $query = $pdo->prepare($sql);
    $result = $query->execute([
        'title' => $_POST['title'],
        'content' => $_POST['content']
    ]);
}
?>
<html>
<head>
    <title>Blog with Platzi</title>
    <!-- Latest compiled and minified CSS -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div class="container">
    <div class="row">
        <div class="col-md-12">
            <h1>Blog Title</h1>
        </div>

        <div class="row">
            <h2>New Post</h2>
            <p>
                <a class="btn btn-default" href="posts.php">Back</a>
            </p>
            <?php
                if ($result) {
                    echo '<div class="alert alert-success">Post Saved!</div>';
                }
            ?>

            <div class="col-md-8">

                <form action="insert-post.php" method="post">
                    <div class="form-group">
                        <label for="inputTitle">Title</label>
                        <input class="form-control" type="text" name="title" id="inputTitle">

                    </div>
                    <textarea class="form-control" name="content" id="inputContent" rows="5"></textarea>
                    <br>
                    <input class="btn btn-primary" type="submit" value="Save">
                </form>
            </div>
            <div class="col-md-4">
                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus quam et sem finibus facilisis at nec libero. Aenean vitae sollicitudin erat, vel dictum elit. Duis vel urna vel lectus tempor vehicula. Nullam tincidunt quam id condimentum malesuada. Morbi id euismod elit. Etiam quis tincidunt nibh. Proin in diam quis ex hendrerit commodo. Nulla eget pulvinar felis. Duis a sem eu neque convallis egestas ac vel justo. In lacus mauris, tincidunt in libero a, ornare auctor sapien. Sed maximus neque ac felis tincidunt ultricies.
            </div>
        </div>
        <div class="row">
            <div class="col-md-12">
                <footer>
                    This is a footer<br>
                    <a href="index.php">Admin Panel</a>
                </footer>
            </div>
        </div>

    </div>
</div>
</body>

Usuario anónimo

user•

la condicional (empty($_POST)) es un acortador, porque todo lo que se manda por formulario se guarda en dicha super variable global. Es casi como lo que hacemos, pero nosotros decimos
if(isset($_POST['submit'])){} para ejecutar la funcionalidad PHP sólo si es el botón llamado ‘submit’ el que se ha pulsado…

Usuario anónimo

user•

y lo otro que suelo hacer es una condicional de `if($result)’ , pero luego de terminada la ejecución del sql, y mando a llamar un script JS que muestra un alert con un mensaje de guarado/actualizado/borrado exitoso, así:

<script>msgbox("Datos guardados satisfactoriamente");</script>

Jose Antonio Rodriguez Morales

student•

El parámetro VALUES especifica los valores de campo que se insertarán en el nuevo registro VALUES (:title, :content) por que : title y :content de donde se coge ese dato?

Diego Forero

Team Platzi•

Si ves en el minuto 1:50 aproximadamente se definen las variables title y content donde se les va a pasar los parámetros que recibe por post.

:title y :content se conocen como placeholder y son reemplazados en el momento de ejecutar la query, esto solo funciona cuando haces un prepare de la query.

Néstor Fabián Gonzalez

student•

Ayuda por favor, por qué no me salen los posts que sale en la parte de title como en el de el profesor?

como me sale a mi:

El codigo por si las moscas 😃

Diego Forero

Team Platzi•

cambia la variable $blogPost por $blog_Post

Walter Lopez

student•

En la sección anterior hice la misma observación que cuando se insertan datos no están explicando cómo manejar el redireccionamiento para que no nos dupliquen las entradas en la base de datos cada vez que se actualiza el navegador. De lo contrario con cada F5 después de ingresar los datos el navegador pide el Form Resubmission y si se le da continuar vuelve a insertar los mismos datos que ya están guardados en la superglobal $_POST

Diego Forero

Team Platzi•

Una vez los datos se han guardado de manera exitosa haces una redirección a la lista de post, con esto ya no vas a tener el problema con el F5

Puedes usar esto

header("Location:http://localhost/admin/posts.php");

Luego de guardar exitosamente.

Alfredo Uzcategui

student•

Algo que me eh dado cuenta, y supongo que ustedes tambien existen muchas formas de escribir un codigo para dicho proposito, En las clases podemos ver que realiza una operacion de una forma y luego de otra Ejemplo.

//First
if (!empty($_POST)) {
    $title = $_POST['title'];
    $content = $_POST['content'];
    $sql = "INSERT INTO posts (ptitle, pcontent) VALUES (:title, :content)";
    $query = $pdo->prepare($sql);
    $result = $query->execute([
        'title' => $title,
        'content' => $content,
    ]);
}
?>
===========================================

//Second

if (!empty($_POST)) {
    $query = $pdo->prepare("INSERT INTO posts (ptitle, pcontent) VALUES (:title, :content)");
    $result = $query->execute([
        'content' => $_POST['content'],
        'title' => $_POST['title'],
    ]);
}
?>

Obviamente la segunda seria mejor, por que se escribe menos codigo.

edwar enrique vilchez serrano

student•

Mi codigo

<!--script que nos permite insertar posts-->
<?php
#agregamos la conexion a la BD
include_once ('../config.php');
#declaramos la variable que permitirá alamcenar los post en la BD
$result = false;
#comprobamos que los campos no esten vacios
if (!empty($_POST)) {
 	# preparamos la consulta
 	$sql = 'INSERT INTO blog_posts(title, content) VALUES (:title, :content)';
 	$query = $pdo->prepare($sql);
 	$result = $query->execute([
 		'title' => $_POST['title'],
 		'content' => $_POST['content']
 	]);
 } #cierre del if
?>

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Blog | Insertar</title>

	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">	
</head>

<body>

	<div class="container">

		<div class="row">
			<div class="col-md-12">
				<h1>Blog sobre Aviones de Guerra</h1>
			</div>
		</div>

		<div class="row">			
			<div class="col-md-8">
				<h2>Nuevos Posts</h2>
				<p>
					<a href="posts.php" class="btn btn-success">Atrás</a>
				</p>

				<?php
					if($result){
						echo '<div class="alert alert-success">Post Enviado Exitosamente!!</div>';
					}
				?>		

				<form action="insert_post.php" method="POST">
					<div class="form-group">
						<label for="inputTitle"></label>
						<input type="text" name="title" id="inputTitle" class="form-control" placeholder="Agregue su Título">
					</div>
					<textarea name="content" id="inputContent" rows="5" placeholder="Ingrese su Mensaje" class="form-control"></textarea>
					<br>
					<input class="btn btn-primary" type="submit" value="Enviar">
													
				</form>
						
			</div>	

			<div class="col-md-4">
				Lorem ipsum dolor sit amet, consectetur adipisicing elit.
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<footer>
					Copyleft 2018 <br>
					<a href="admin/index.php">Panel Administrativo</a>
				</footer>
			</div>
			
		</div>
	</div><!--cierre del container-->

	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>

</body>
</html>

Guardando los blogposts en la base de datos

Estamos renovando el Curso de Introducción a PHP

¡Renovamos este curso!

Introducción

Presentación, contenidos y proyecto

Características de PHP

Antes de comenzar y Sintáxis

Introducción a PHP

Manejo de Variables y Tipos de Datos en PHP

Utilización de Cadenas de Caractéres en PHP

Arreglos

Operadores

Operadores - Aritméticos

Asignación

Comparación

Arrays

Incremento

Lógicos

Null

Funciones

Funciones en PHP

Estructuras Condicionales

Estructuras de Ciclos

Cargas de Archivos Externos

Manejo de Sesiones

Manejo de Cookies

Funciones Anónimas

Programación Orientada a Objetos

Introducción a Programación Orientada a Objetos

Constructor y Destructor

Herencia

Namespaces

Static

Abstract y Polimorfismo

Interface

Excepciones

Traits

PDO y SQL

Introducción a bases de datos SQL con PHP

Conexión desde PHP a una base de datos SQL

Insertar datos en nuestra de base de datos

Listar nuestros usuarios de la base de datos

Actualizar un Usuario en Nuestra Base de Datos

Borrar un usuario de nuestra base de datos

Cómo proteger nuestra base de datos ante ataques de SQL Injection

Construyento Nuestro Propio Blog

Creando la vista principal del Blog usando Bootstrap

Administrando los artículos del blog

Guardando los blogposts en la base de datos

Composer y carga automática de archivos

Creando la Organización de Nuestro Blog

Introducción a Front Controller

Introducción a Router

Renderizando las vistas desde un método

Agregando el resto de las rutas a nuestro Router

MVC y Templates en Nuestro Blog

El patrón de diseño Model-View-Controller en PHP

¿Por qué usar un motor de templates en PHP?

Instalación y configuración de Twig

Templates de vistas con Twig

Extendiendo layouts con Twig

Modelos con Eloquent

Configuración de variables de entorno

Validaciones de formularios en PHP

Usuarios

Agregando un modelo para los usuarios del blog

Crear usuarios para el blog

Autenticación de usuarios en PHP

Logout de usuarios

Detalles Finales

Protege ciertas rutas con middlewares y filtros

Subir archivos al servidor

Guardando un log de errores en el servidor

Página para el detalle del blogpost

Paginación

Editar y borrar blogposts

Agregar validación del lado del cliente

Cierre del Curso