[Tutorial] Sistema de Noticia (Parte I)

Ver el tema anterior Ver el tema siguiente Ir abajo

default [Tutorial] Sistema de Noticia (Parte I)

Mensaje por xLat el Sáb Jun 23, 2012 10:08 pm

Sistema de Noticias [Parte I]



¿Que es?
El sistema de noticia, es aquel sistema en el que nosotros deberemos introducir un titulo y un contenido, y luego darle al boton "Publicar" el cual luego, mostrará la noticia.

¿Por qué "Parte I"?
Porque este código es mas para aprender que para usarlo, ya que las publicaciones que hagamos, no se guardarán en ningun lado. Luego haré otro que será la parte II, ese ya incluirá una Base de Datos, y será mejor.


Paso 1:
Creamos un archivo .php, llamado index.php preferiblemente. Luego, pegamos este codigo:

Código:
<form action="index.php" method="post">
<b>Titulo:</b><br />
<input type="text" name="titulo" /><br /><br />
<b>Contenido:</b><br />
<textarea style="height: 50px" name="contenido"></textarea><br /><br /><br />
<input type="submit" name="publicar" value="Publicar" />
</form>

Explicaciones:

Código:
<form action="index.php" method="post"> el form, la forma que nos llevará al ejecutar el codigo dentro de las etiquetas <form> que nos llevará a index.php (el mismo documento) por el metodo POST.

<input type="text" name="titulo" /><br /><br /> El input, tipo texto, con el identificador (html) "titulo" que luego será la variable (php) para poder manipular este input. Y dos saltos de linea. (<br><br>)

<textarea style="height: 50px" name="contenido"></textarea><br /><br /><br /> una área de texto, con el estilo de; 50 pixeles de altura. El identificador "contenido" (html) y 3 saltos de linea al final.

<input type="submit" name="publicar" value="Publicar" />
</form> Un input tipo "submit" (boton), con su identificador "publicar" (html) que será la variable para manipular este boton, en php. Y un valor de caracter "Publicar" (Mensaje que aparecerá en el botón)

Paso 2:
Debajo de ese form, pegamos este código:
Código:
<hr />
<b>Ultima noticia:</b>
<?
if($_POST['titulo'] == "" && $_POST['contenido'] == "")
{
  echo("No hay noticias."); 
}
else
{
  echo("<br><br><br><b>Titulo:</b> ". $_POST['titulo'] ."<br><br>");
  echo("<b>Contenido:</b><br>". $_POST['contenido'] ."<br><br>");
}
?>

Explicaciones:

Código:
<hr />
<b>Ultima noticia:</b> Linea horizontal (<hr>) y un texto en negrita (etiquetas <b>texto</b>)

<? Etiqueta que abre el código PHP.

if($_POST['titulo'] == "" && $_POST['contenido'] == "")
{
echo("No hay noticias.");   
} Sí en la variable "titulo" (variable del input que hicimos en el form, que en html sería un identificador de ese input, en php es la variable para manipularlo) es igual a "" (lo que está entre comillas es lo que vale, y en este caso, no hay nada, osea, en blanco) y (&&) la variable "contenido" es igual a "" (tambien, en blanco) por lo tanto, nos muestra (echo) un mensaje que dice que no hay noticias. Ya que si todo está en blanco... claramente, no hay noticias.

else
{
echo("<br><br><br><b>Titulo:</b> ". $_POST['titulo'] ."<br><br>");
echo("<b>Contenido:</b><br>". $_POST['contenido'] ."<br><br>");
} De lo contrario (al codigo anterior del if) osea, si el titulo no esta en blanco, y el contenido tampoco, por lo tanto, se abre una funcion {, y se nos mostrará el Titulo (mostrando la variable del input titulo, que nos hará visualizar lo que hay dentro de ese campo) y el contenido (tambien, con la variable contenido)
Siempre, por el metodo POST. (ver tutorial de metodos GET y POST)

y cerramos la llave de codigo php.

Paso 3:
Y ahora, arriba de todo este codigo (preferiblemente, arriba del form que hicimos al principio) colocamos este codigo

Código:
<?php
if($_POST['publicar'])
{
  if(!$_POST['titulo'])
  {
      echo("Debes introducir un titulo!"); 
  }
  else if(!$_POST['contenido'])
  {
      echo("Debes introducir un contenido!"); 
  }
  else
  {
      echo("La noticia se ha publicado correctamente!");
      echo("<meta name='refresh' content='index.php' />");
  }
}
?>

Explicaciones...

Código:
if($_POST['publicar'])
{ Si, está establecida por el metodo post, la variable (identificador, en html) "publicar". (Osea, si el usuario apreto el botón publicar) sucederá lo siguiente (y abrimos la llave de la funcion que sucedera)

if(!$_POST['titulo'])
{
echo("Debes introducir un titulo!");   
} Si no está establecida la variable "titulo" (osea, si el usuario no puso un titulo) le mostrará un mensaje diciendo que debe introducir uno.

else if(!$_POST['contenido'])
{
echo("Debes introducir un contenido!");   
} Si no está establecida la variable "contenido" (osea, si el usuario no puso un contenido) le mostrará un mensaje diciendo que debe introducir uno.

else
{
echo("La noticia se ha publicado correctamente!");
echo("<meta name='refresh' content='index.php' />");
}
} De lo contrario a los if anteriores, (osea, si esta establecida la variable titulo y contenido, por lo tanto, si el usuario si puso un titulo y un contenido) se publicará esa noticia. Nos mostrará el mensaje "La noticia se ha publicado correctamente!" y nos refrescara (meta refresh) la pagina, recargandola, y así visualizaremos la noticia puesta.



Recordar que si volvemos a recargar la web, ya no verémos la noticia, porque no la guardamos en ninguna base de datos. Por eso haré el tutorial mismo, parte II.

_________________________________________________
TIBURONSIN !!! HUUUUU HAAAAAAA HEAAAAAAA!!!
avatar
xLat
RCON
RCON

Mensajes : 177
Fecha de inscripción : 27/04/2011

Ver perfil de usuario

Volver arriba Ir abajo

default Re: [Tutorial] Sistema de Noticia (Parte I)

Mensaje por Jonkie el Dom Jun 24, 2012 11:56 am

creo que debes especificar que Lenguaje usaras primero.

_________________________________________________

[HS]Jonkie.
avatar
Jonkie
RCON
RCON

Mensajes : 875
Fecha de inscripción : 11/11/2010
Edad : 19
Localización : Chiguayante, Chile.

Ver perfil de usuario http://sampchile.forolatino.tv

Volver arriba Ir abajo

default Re: [Tutorial] Sistema de Noticia (Parte I)

Mensaje por xLat el Dom Jun 24, 2012 12:00 pm

MySQL xd

_________________________________________________
TIBURONSIN !!! HUUUUU HAAAAAAA HEAAAAAAA!!!
avatar
xLat
RCON
RCON

Mensajes : 177
Fecha de inscripción : 27/04/2011

Ver perfil de usuario

Volver arriba Ir abajo

default Re: [Tutorial] Sistema de Noticia (Parte I)

Mensaje por Contenido patrocinado


Contenido patrocinado


Volver arriba Ir abajo

Ver el tema anterior Ver el tema siguiente Volver arriba

- Temas similares

 
Permisos de este foro:
No puedes responder a temas en este foro.