Creando una aplicación web con PHP (Parte 3)

En esta entrada seguiremos con la serie de posts de “Creando una aplicación ewb con PHP” siguiendo con la parte 3. Si estas en este post y no has seguido los anteriores te recomiendo que sigas la cadena de posts:

Parte 1  Parte 2

Ya hemos visto como realizar conexiones  a la base de datos y consultar los primeros 5 posts y mostrarlos en nuestra pantalla principal, lo que haremos ahora es poder postear mas pots.

Para eso vamos a crear una pagina que sera la del Administrador, por el momento cualquiera podra entrar ya que no estaremos manejando sessiones, pero solo por ahora sera asi, ya despues iremos viendo mas cosas (como cookies,sesiones,jQuery,etc).

Bueno empezemos!:

Admin.php

Empezaremos creando una nueva pagina llamada admin.php, y pondremos este codigo inicial (nuestra plantilla)

image

Dije plantilla y les recomiendo que hagan esto, este codigo lo podemos copiar de la pagina anterior, pero hay que guardar una copia de este y sera nuestra plantilla, asi ya solo copiamos la plantilla y la pegamos en otra pagina que vayamos creando.

Vamos a crear un formulario para poder crear posts nuevos:

image

NOTA IMPORTANTE: A diferencia de otros lenguajes como lo es .NET, en PHP es de vital importancia saber utilizar formularios, en este caso la etiqueta “form” tiene varios atributos  primero que nada el nombre, las importantes son action y method este primero contiene la direccion de la pagina a la que se enviaran todos los datos del formulario y method indica de que forma los enviara, puede ser POST o GET, POST los envia de una forma transparente al usuario y GET los envia por medio de una URL,  ejemplo: pagina.php?variable1=valor

Agregando un textarea enriquecido

Como se dieron cuenta pues esta muy simple el furmulario que creamos, vamos a hacerlo un poco mas funcional. Como pueden ver agregamos un textarea que nos servira para escribir el contenido, vamos ahora a a descargarlo de la pagina oficial o donde lo encontre

http://albertcito.wordpress.com/2007/09/03/textarea-como-editor-de-texto-enriquecido/

Ahi podremos encontrar un link para descargarlo y al descomprimirlo tendremos varios archivos, nos interesa la carpeta WYSIWYG  la copiaremos a nuestro proyecto:

image

Ahora solo tenemos que agregar el script al archivo header.php

image

Y ahora la pagina admin.php se vera asi:

image

 

EntradasDAL.php

Ahora ya que tenemos nuestro formulario, es hora de agregar una nueva funcion a la clase EntradasDAL

NOTA: En php cuando creamos clases, los archivos normalmente se nombran  nombreDeClase.class.php , las proximas clases que creemos las crearemos con esa nomenclatura

Ahora crearemos una funcion publica que se llame crear_entrada

image

Veamos las lineas mas importantes:

Linea 33 En esta lo unico relevante es el &$entradaObj, el & significa que estamos pasando parametros por referencia, tiene muchas utilidades pero la principal funcion es de que no se crea otra variable, sino que comparten espacio en memoria y en este caso pues no sirve de mucho.

Linea 36-39 Aqui se obtienen los valores del objeto que se dio por parametro, recuerden que tenemos una clase llamada  Entradas y esta tiene sus metodos get y set con sus atributos

Y final mente en linea 42 se crea y ejecuta la consulta como ya lo hemos hecho anteriormente

Ahora vamos a usar esta funcion  para poder dar de alta un registro a la tabla entradas y asi poder tener mas posts

Primero que nada dentro de admin.php:

Obtenemos la fecha actual para que esta sea automatica, ya que la fecha de cada post pues es del dia en que se publica

image Y ademas dentro del formulario, donde tenemos el campo “fecha” agregamos esto

image

De esta forma, el campo fecha sera de solo lectura y ademas ya aparecera la fecha

Ahora debemos crear un archivo llamado crear_post.php

image

Y este sera el contenido del script

image

Primero que nada incluimos las clases que necesitamos y luego en las lineas 7-9 obtenemos los valores enviados por el formulario, recuerdan que en el formulario los datos se envian por la forma POST, y esos valores los obtenemos con el arreglo $_POST indicando el nombre del elemento HTML del formulario, en este caso solo son titulo,fecha y contenido (autor por el momento es estatico)

header lo unico que hace es redireccionar, y establecemos un parametro por el URL para avisar al usuario que ya se posteo la entrada, nos devolvemos a admin.php para hacer el mensaje

image

Primero que nada la funcion isset() determina si la variable que se da por parametro realmente existe, si no existe la variable mensaje que es enviada por URL (por lo tanto se obtiene con $_GET) no hara nada y si existe entra a un switch para determinar que mensaje sera el que mostrara, en este caso solo tenemos el mensaje 1, que es el que enviamos desde el script crear_post.

Despues mas abajo determinamos si la variable $mensaje existe, y si es asi la mostramos imprimiendo con echo una etiqueta div con un estilo de letra verde.

image

Y al haber publicado, el formato del texto se mantiene

image

Ahora para terminar hay que volver a editar nuestro header.php, para tener acceso a la pagina admin.php (por ahora todos podran hacerlo)

image

Esto es todo por esta entrada, espero y les guste Smile

Anuncios

10 comentarios sobre “Creando una aplicación web con PHP (Parte 3)

  1. Muy bueno realmente muy bueno, felicidades.

    Del tema 3 podrias colocar el codigo fuente para comparar, en EntradaDAL.php me sale un error.

    Estare a la espera del tema siguiente.

    Saludos y Muchos exitos.

  2. Hola me habia ausentado por mucho tiempo por cuestiones de trabajo pero estoy retomando tu post de PHP y toda va bien solo que en el link del texto enriquecido no lo eh logrado descargar si abre la pagina pero cuando le doy descargar simplemente no hace nada si me pudieras ayudar enviandome el archico al correo o algo te lo agradeceria!!!

    Gracias!!!

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s