Crear un sistema de noticias MUY simple con Dreamweaver (PHP y MySQL)

**UrbaN77** · 06-28-2009, 06:41 PM

Dreamweaver es sin duda uno de los mejores IDE's para el desarrollo web que existe actualmente, por ello dedicare este tutorial a este programa.

Crearemos un sistema de noticias MUY simple, que esta conformado por dos webs PHP, una llamada panel.php en la que insertaremos las noticias en la base de datos y la otra index.php en la cual mostraremos las noticias, rescatandandolas desde la base de datos.

Construyendo la base de datos

Lo primero que vamos hacer es crear las tablas para la base de datos, yo usare phpMyAdmin. La tabla tendrá el nombre noticias con tres campos: id que será el campo primario, de tipo entero e ira incrementando su valor a la medida que insertemos noticias. El segundo campo se llamara titulo tipo varchar. El tercer campo se llamara noticia y será tipo text (usamos text para poder almacenar longitudes de texto más largas). Si desean pueden consultar aquí los tipos de datos en MySQL.

Debería quedar algo así:

Para quienes quieran ahorrarse este trabajo, les dejo el codigo:

Código:

CREATE  TABLE  `brianur`.`noticias` ( `id` INT NOT  NULL  AUTO_INCREMENT  PRIMARY  KEY  COMMENT  'id de la noticia',
 `titulo` VARCHAR( 100  )  NOT  NULL  COMMENT  'titulo de la noticia',
 `noticia` TEXT NOT  NULL  COMMENT  'aqui se insertaran las noticias'
) ENGINE  =  MYISAM  COMMENT  =  'TalCosa'

Trabajando en Dreamweaver

Lo primero que debemos hacer es crear un sitio o lo que seria en otras IDE's crear un proyecto, yo no explicare como hacerlo ya que no tiene gracia y extendería mucho el tutorial. Deben crear el sitio y configurarlo para que funcione con el servidor local, en google hay mucha información al respecto.

Creamos un nuevo PHP, llamado panel.php

Conectándonos con la base de datos

Desplegamos Aplicación y seleccionamos Bases de datos (si no ven donde esta vallan al menú Ventana y activen base de datos) si hasta aquí todo está bien debería aparecer algo así:

Luego en el + seleccionamos Conexión MySQL:

Aquí se escribe los datos para conectarnos con MySQL. Así de fácil nos conectamos, Dreamweaver automáticamente crea los archivos PHP con todo el código.

Ahora en aplicación vamos a Comportamientos del servidor y creamos un nuevo Juego de registros.

Seleccionamos la conexión que creamos anteriormente y aceptamos.

Creando formulario para escribir las noticias

De aquí en adelante es lo más simple del tutorial. Podemos hacer el formulario manualmente, pero Dreamweaver tiene una opción para generarlo automáticamente. En la pestaña Datos seleccionamos Insertar registro > Asistente de formulario de insercion de registros.

Seleccionamos la conexión y la tabla. Seleccionamos id y en Mostrar como seleccionamos campo oculto y en noticia seleccionar área de texto. El resto dejarlo como esta.

El resultado sería un formulario como este:

Hasta aquí si usamos el formulario podemos ver que inserta los datos en la base de datos. Ahora pasemos al archivo index.php, donde rescatamos estos datos.

Creando la web para mostrar las noticias

Creamos una tabla dinamica:

Si les pide un juego de registros deben hacer lo mismo que vimos antes.

En mostrar seleccionen el numero de noticias que quieren que aparezcan, yo voy a dejar 10 noticias.

Con esto sería suficiente, podríamos mostrar las noticias. Pero yo voy a modificar un poco la tabla, la voy a dejar de 3x1 y al título le voy a poner negrita.

Para terminar vamos a insertar noticias, para ver el resultado:

El sistema de noticias está muy simple, más adelante explicare como hacerle mejoras como sistema de comentarios, sistema de usuarios, panel de administración para editar y borrar noticias, añadir autor, fecha entre otras cosas.

Saludos.

**Anay** · 06-29-2009, 05:10 AM

Buah es genial no sabia como hacer para que viera mi bbdd mysql me acabas de ahorrar decenas de horas de trabajo

**juanescobar_org** · 06-29-2009, 07:03 PM

más adelante explicare como hacerle mejoras como sistema de comentarios, sistema de usuarios, panel de administración para editar y borrar noticias, añadir autor, fecha entre otras cosas.

Lo espero, Muchas Gracias Urban, espero poder practicarlo pronto, porque donde estoy no hay espacio en HD para bajarme Dreamweaver

**Angelfire** · 06-29-2009, 07:59 PM

Seria interesante ver la parte de PHP

**Em3trix** · 06-29-2009, 08:21 PM

Seria interesante ver la parte de PHP

El php seria bastante simple. Hice la estructura, seria algo asi

Código PHP:


<?

mysql_connect("localhost","user","pass");
mysql_select_db("DB");

$result = mysql_query("SELECT * FROM noticias");

while($row = mysql_fetch_array($result))
{
    
    echo $row['id']."<br>";
    echo $row['titulo']."<br>";
    echo $row['noticia']."<br>";
    
}

?>

Código PHP:



<?

mysql_connect("localhost","user","pass");
mysql_select_db("DB");

$consulta = "INSERT INTO noticias VALUES (NULL ,'$_POST[titulo]', '$_POST[noticia]')";
$result = mysql_query($consulta);
    
    if($result)
    { echo 'La noticia ha sido agregada con exito!';
    } else { echo 'Error'; }

?>

PD: La escribi en un notepad, no se si tiene algun error.

Saludos

**Mosiah16** · 09-11-2011, 07:30 PM

Iniciado por Em3trix

El php seria bastante simple. Hice la estructura, seria algo asi

Código PHP:


<?

mysql_connect("localhost","user","pass");
mysql_select_db("DB");

$result = mysql_query("SELECT * FROM noticias");

while($row = mysql_fetch_array($result))
{
    
    echo $row['id']."<br>";
    echo $row['titulo']."<br>";
    echo $row['noticia']."<br>";
    
}

?>

Código PHP:



<?

mysql_connect("localhost","user","pass");
mysql_select_db("DB");

$consulta = "INSERT INTO noticias VALUES (NULL ,'$_POST[titulo]', '$_POST[noticia]')";
$result = mysql_query($consulta);
    
    if($result)
    { echo 'La noticia ha sido agregada con exito!';
    } else { echo 'Error'; }

?>

PD: La escribi en un notepad, no se si tiene algun error.

Saludos

Disculpa donde integro el PHP?

gracias!

Tema: Crear un sistema de noticias MUY simple con Dreamweaver (PHP y MySQL)

LinkBack

Herramientas

Visualizar