PHP Básico - Clase 3

Posteado el 11. Oct, 2013 por Frisley Velasquez in PHP

En esta clase realizaremos parte de la administración que nos permitirá crear posts desde la web y además haremos un formulario de contacto. Primero crearemos una carpeta de admin dentro de la carpeta donde tenemos nuestro blog, luego de esto dentro creamos un archivo de index.php, ya creado esto vamos a crear otros tres archivos default.css, post_crear.php y post_ax.php estos archivos los usaremos para crear nuevos posts dentro de nuestro blog. Descargar

index.php

Code block

<?php
//Este archivo contendrá todo lo relacionado a la conexion de la base de datos;
//include_once('../includes/constantes.php');
 
$mysql_host = '127.0.0.1';
$mysql_user = 'root';
$mysql_password = '';
$mysql_base = 'curso_php';
 
$con = mysql_connect($mysql_host,$mysql_user,$mysql_password);
mysql_select_db($mysql_base);
 
$query = "SELECT titulo, contenido, estatus, tipo FROM posts WHERE tipo = 'post' ";
 
$res = mysql_query($query);
?>
<html>
	<head>
		<title>El blog de Frisley</title>
		<link rel="stylesheet" href="default.css">
	</head>
	<body>
		<div id="menu">
			<ul>
				<li><a href="index.php">Inicio</a></li>
				<li><a href="post_crear.php">Crear Nuevo Post</a></li>
			</ul>
		</div>
 
		<div id="posts">
			<h1>Administrador del blog</h1>
		<?php while($row = mysql_fetch_assoc($res)){ ?>
			<div id="post_entry">
			<h3><?php echo $row['titulo'];?></h3>
			<p><?php echo $row['contenido'];?></p>
			<p><?php echo $row['estatus'];?> - <?php echo $row['tipo'];?></p>
			</div>
		<?php } ?>
		</div>
	</body>
</html>
<?php
 
mysql_close($con);
 
?>

default.css

Code block

html, body { 
	font-family: Helvetica, Arial;
	margin: 0;
	padding: 0; 
}
 
#formularios {
	width: 900px;
	margin: 0 auto;
}
 
#formularios label{
	display:block;
	font-weight: bold;
	margin-top: 10px;
}
 
#posts { width: 900px; margin: 0 auto; }
#post_entry{ border-bottom: 1px solid #909090;}

post_crear.php

Code block

<?php
//Este archivo contendrá todo lo relacionado a la conexion de la base de datos;
include_once('../includes/constantes.php');
?>
<html>
	<head>
		<title>El blog de Frisley</title>
		<link rel="stylesheet" href="default.css">
	</head>
	<body>
		<div id="menu">
			<ul>
				<li><a href="index.php">Inicio</a></li>
				<li><a href="post_crear.php">Crear Nuevo Post</a></li>
			</ul>
		</div>
 
		<div id="formularios">
			<h1>Crear nuevo post</h1>
			<form action="post_ax.php" method="post">
				<label>Titulo:</label>
				<input type="text" name="titulo" id="titulo" value="" />
 
				<label>Contenido:</label>
				<textarea name="contenido" id="contenido" cols="30" rows="10"></textarea>
 
				<label>Estatus:</label>
				<select name="estatus" id="estatus">
					<option value="B" selected="selected">Borrador</option>
					<option value="P">Publicado</option>
				</select>
 
				<input type="hidden" name="ax" value="crear" />
 
				<button type="submit" name="enviar">Guardar</button>
 
			</form>
		</div>
	</body>
</html>

post_ax.php

Code block

<?php
include_once('../includes/constantes.php');
 
if(isset($_POST['ax']) && $_POST['ax'] != '')
{
 
	if($_POST['ax'] == 'crear'){
 
		$con = mysqli_connect(BD_SERVIDOR,BD_USUARIO,BD_PASSWORD,BD_BASE);
 
		$usuario_id = 1;
		$titulo = $_POST['titulo'];
		$contenido = $_POST['contenido'];
		$estatus = $_POST['estatus'];
		$tipo = 'post';
		$fecha_crea = date('Y-m-d H:i:s');
 
		$query = "INSERT INTO posts (usuario_id, titulo, contenido, estatus, tipo, fecha_crea) 
					VALUES ('$usuario_id','$titulo','$contenido','$estatus','$tipo','$fecha_crea')";
 
		$res = $con->query($query);
		$con->close();
 
		header('location: index.php');
 
	}
 
	if($_POST['ax'] == 'editar'){}
 
	if($_POST['ax'] == 'eliminar'){}
 
}else{
	header('location: index.php');
}
 
?>

Con esto ya podremos crear nuestros posts.

Formulario de Contacto:

Para esta parte realizaremos un formulario con los siguientes campos: Nombre, Email, Telefono, Asunto, Comentario y un botón de Enviar.

Descargar

contacto.php

Code block

<html>
	<head>
		<title>El blog de Frisley</title>
		<link rel="stylesheet" href="default.css">
	</head>
	<body>
		<form action="envio.php" method="post">
			<label>Nombre</label>
			<input type="text" name="nombre" id="nombre" value="">
 
			<label>Email</label>
			<input type="text" name="email" id="email" value="">
 
			<label>Telefono</label>
			<input type="text" name="telefono" id="telefono" value="">
 
			<label>Asunto</label>
			<input type="text" name="asunto" id="asunto" value="">
 
			<label>Comentario</label>
			<textarea name="comentario" id="comentario" cols="30" rows="10"></textarea>
 
			<input type="submit" name="enviar" value="Enviar" />
 
		</form>
	</body>
</html>

envio.php

Code block

<?php
 
if(isset($_POST['nombre']) && $_POST['nombre'] != ''){
 
	$nombre = $_POST['nombre'];
	$asunto = $_POST['asunto'];
	$telefono = $_POST['telefono'];
	$email = $_POST['email'];
	$comentario = $_POST['comentario'];
 
	$para = "destinatario@test.com";
	$asunto = $asunto;
	$mensaje = "Hola,\n\nEste es un mensaje enviado desde la pagina web: ";
	$mensaje .= "Nombre: $nombre\n\n";
	$mensaje .= "Email: $email\n\n";
	$mensaje .= "Telefono: $telefono\n\n";
	$mensaje .= "Comentario: $comentario\n\n";
 
	 if (mail($para, $asunto, $mensaje)) {
	   echo("<p>Email enviado correctamente!</p>");
	  } else {
	   echo("<p>Problemas al enviar el Email</p>");
	  }
 
}
 
?>

Articulos relacionados:

Tags: Php

Una respuesta para “PHP Básico - Clase 3”

Bitacoras.com

11. Oct, 2013

Información Bitacoras.com

Valora en Bitacoras.com: En esta clase realizaremos parte de la administración que nos permitirá crear posts desde la web y además haremos un formulario de contacto. Primero crearemos una carpeta de admin dentro de la carpeta donde tenemos nuestro…

Tutoriales en la Web

PHP Básico - Clase 3

index.php

default.css

post_crear.php

post_ax.php

Formulario de Contacto:

contacto.php

envio.php

Articulos relacionados:

Una respuesta para “PHP Básico - Clase 3”

Deja tu Comentario

Categorias

Acerca de