Crear un sistema de noticias MUY simple con Dreamweaver

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 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 3×1 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.

  10 Comentarios

  1. Brian Urban   •     Autor

    De forma parecida Dreamweaver cuenta con un opción para eliminar registros de la base de datos. Para los comentarios tocaría crear una nueva tabla y asociar un campo con la tabla noticias.

  2. aerview   •  

    Ahora como le hago para poder eliminar mi noticia o comentarla,que otros puedas comentar esa noticia que publique?

  3. aerview   •  

    Increible he buscado esto mucho tiempo,pero ya sabes que uno en google las primeras paginas son las que ve y no mas,asi que decidi ver otros resultados y me encontre con esto muchas gracias amigo!.

    @aerview

  4. Brian Urban   •     Autor

    Jorge para poner la imagen es insertar simple HTML.

  5. jorge   •  

    como puedo colocar una imagen a esta seccion de noticias, como se ve en tu pantallaso se ve una imagen en medio como puedo hacerle para poder colocar una imagen a mi noticia ???

  6. Angel Moises Carballo Basto   •  

    gracias ya lo he resuelto el problema es que linux distibgue entre mayusculas y minusculas y el nombre de mi tabla en mi localhost estaba en minusculas en linux estaba con combinacion de mayusculas y minusculas , como lo descubri poniendo esto:
    $sql=mysql_query($consulta,$cn) oro die(mysql_error());
    al hacerlo me dijo que la tabla no existe con tal nombre y asi descubrí el error

  7. Angel Moises Carballo Basto   •  

    Warning: mysql_fetch_assoc(): supplied argument is not a valid MySQL result resource in /var/www/lector_a7.php on line 9

    Este error no entiendo porque en mi servidor local con windows y apache funciona bien al subirlo a mi servidor linux con ubuntu me marca el error no veo donde est el error:

    $default=0;
    if($_GET[‘publi’]){$default=1;}
    $cn=mysql_connect(«servidor»,»usuario»,»mipassword»);
    $db=mysql_select_db(«midb»);
    $result=mysql_query(«SELECT publicacion FROM mitabla group by publicacion order by publicacion Desc»,$cn);
    $combo=»»;

    while($rs1=mysql_fetch_assoc($result))
    {
    $combo.=»».$rs1[«publicacion»].»»;
    }
    $combo.=»»;

    if($default==0)
    {
    $consulta=»Select id,title from mitabla where publish_up >='».date(«Y-m-d»).» 00:00:00′ and publish_up <='".date("Y-m-d")." 23:59:59'";
    }
    else if($default==1)
    {
    $consulta="Select id,title from mitabla where publicacion='".$_GET['publi']."'";
    }
    $sql=mysql_query($consulta,$cn);

    while($rs=mysql_fetch_assoc($sql))
    {
    $menu.="«.utf8_encode($rs[«title»]).»«;
    }

    mysql_close($cn);

  8. JuJoGuAl   •  

    Tengo el mismo Error mi Documento es este:

    MM_ERROR: Se ha producido un error no identificado.

    y la Linea 9 es esta:

  9. Brian Urban   •     Autor

    Podrías mostrarme que hay en la linea 9 de ese archivo?
    Saludos.

  10. Yo mismo   •  

    Aplique todos los pasos y me sale este error, no se porque, soy nuevo en esto, me gustaria que me ayuden a identificar que hice mal.

    MM_ERROR: Se ha producido un error no identificado.

    Warning: mysql_fetch_assoc(): supplied argument is not a valid MySQL result resource in C:AppServwwwmipracticaindex.php on line 9

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *