[SOLUCIONADO] Sección de comentarios con PHP y MySQL

javonocc · #1 (**permalink**) 07/10/2014, 09:55

Buen día, el motivo de este tema es que estoy realizando un sistema de comentarios que incluiré en mi página web, constará de un pequeño formulario en donde escribirán un alias, el título de su comentario y el comentario como tal.

Estoy utilizando programación php y base de datos para almacenar todos los alias, títulos y comentarios que se reciban y así mismo en una parte inferior del formulario que se muestren todos y cada uno de los comentarios realizados.

Soy muy novato en la programación php, tenía conocimientos sumamente básicos y este es mi primer proyecto en php como tal por lo que me gustaría tener orientación en el código que estoy realizando, mismo que he hecho con ayuda de algunos totorales de aquí y otros sitios pero de alguna manera me siento un poco perdido.

Les dejo el código que he realizado:

Código PHP:

Ver original<!--?php include('header2.php');?--><html><head>
<style type="text/css">
@import url("form.css");
</style>
</head><body>
<?php
$publicado="Publicado";
require "config.php";
?>
<div class="contenedor">
            <div class="chismes">Cuenta el chisme</div>
            <div class="formulario">
<?php
echo "<form method=post action=''><input type=hidden name=todo value=post_comment><span class='obligatorio'>*</span><span class='tit'>Tu Nombre</span><br /><input name=nombre type=text class='cajanom' size='42'>
<p></p>
<span class='obligatorio'>* </span><span class='tit'>Título del Chisme</span><br /><input name=titulo type=text class='cajatit' size='42'>
<p></p>
<span class='obligatorio'>* </span><span class='tit'>Tu chisme</span><br />
<textarea name=comentarios cols=40 rows=3 class='cajatxt'></textarea><p></p>
<input type=submit name=submit class='btn-default' value='Enviar Chisme'><p></p>
</form>";
?>
</div>
<div class="resultado">
<?php
@$todo=$_POST['todo'];
if(isset($todo) and $todo=="post_comment"){
 
$nombre=$_POST['nombre'];
$nombre=mysql_real_escape_string($nombre);
$titulo=$_POST['titulo'];
$titulo=mysql_real_escape_string($titulo);
$comentarios=$_POST['comentarios'];
$comentarios=mysql_real_escape_string($comentarios);
 
$estado = "OK";
$msg="";
 
if( strlen($name) <3 or strlen($name) > 25){
$msg=$msg."Su nombre debe tener m&aacute;s de 3 letras y menos de 25. <BR>";
$estado= "NOTOK";}                  
 
if( strlen($comentarios) <3 ){
$msg=$msg."Su comentario debe tener m&aacute;s de 3 letras por lo menos.<BR>";
$estado= "NOTOK";}  
if( strlen($titulo) <3 ){
$msg=$msg."Su título debe tener m&aacute;s de 3 letras por lo menos.<BR>";
$estado= "NOTOK";}              
if($estado<>"OK"){ 
echo "$msg";
}else{
$fecha=date("Y-m-d"); 
$estado='OK'; // Cambiar por OK si desea que todos los mensajes se aprueben automáticamente una vez publicados.
$query=mysql_query("insert into bts_comentarios(publicado,fecha,nombre,titulo,comentarios,) values('$publicado','$fecha','$nombre','$titulo','$comentarios')");
echo mysql_error();
}
}
?>
</div>
<div class="space"></div>
<div class="chismes2">Los Chismes</div>
<div class="space"></div>
<div class="comentarios">
<?php
$q=mysql_query("select nombre, titulo, comentarios,fecha from comentarios where publicado='$publicado' and estado='OK' order by fecha ");
 
echo "<table width='600' border='0' cellspacing='0' cellpadding='5'>";
while($nt=mysql_fetch_array($q)){ $comentarios=nl2br($nt['comentarios']);
echo "<tr bgcolor='#f0f0f0'><td><strong>$nt[name]</strong></td><td align=right>".date("d-m-Y",strtotime($nt['fecha']))."</td></tr>";
echo "<tr ><td colspan=2>$comentarios</td></tr>";
echo "<tr ><td colspan=2>&nbsp;</td></tr>";
}
echo "</table>";
?>
</div>
        </div>
<!--?php include('sidebar.php');?-->
<div class="clear"></div>
<!--?php include('footer.php');?--></body></html>

El archivo config.php es el siguiente:

Código PHP:

Ver original<?php
 
$servername='localhost';
 
$dbusername='';  //*****Debe cambiarse*****//
 
$dbpassword='';  //*****Debe cambiarse*****//
 
$dbname='';  //*****Debe cambiarse*****//
 
 
 
 
 
connecttodb($servername,$dbname,$dbusername,$dbpassword);
 
function connecttodb($servername,$dbname,$dbuser,$dbpassword)
 
{
 
global $link;
 
$link=mysql_connect ("$servername","$dbuser","$dbpassword");
 
if(!$link){die("Could not connect to MySQL");}
 
mysql_select_db("$dbname",$link) or die ("could not open db".mysql_error());
 
}
 
?>

No sé si estoy conectando con la tabla de la base de datos o sólo con la base de datos pero no con la tabla y de igual manera si el código para recibir y mostrar los datos es el adecuado.

Les agradezco infinitamente su ayuda.

Que tengan todos buen día.

Mcruzmx · #2 (**permalink**) 07/10/2014, 12:32

Hola, mira, mi opinión muy personal es que la programación a veces refleja la forma en que tú como programador te sientes cómodo, igual con la estructuración y el manejo de archivos que usas, por ejemplo yo suelo hacer varios archivos .php donde cada uno tiene su función, raramente uso un archivo .htm, aún que el archivo sea únicamente html, lo guardo como .php por si después requiero añadir algún código.

Mi sugerencia es, ve desde lo más fácil y sencillo, no te compliques.

Yo haría lo siguiente:

1) Hacer un archivo con el formulario de captura, puedes hacer pruebas.

captura.php

Código HTML:

<html>
	<head>
	</head>
	<body>
		<form id="comentario" name="comentario" action="guarda_comentario.php" method="post">
			<input id="alias" name="alias" value="" />
			<textarea name="comentario" id="comentario"></textarea>
		    <input type="submit" name="Submit" value="Enviar">
		</form>
	</body>
</html>

2) Ya que tienes el archivo para captura (formulario) puedes avanzar, recuerda, el formulario consiste en "tomar" datos o información y "mandarla" o enviarla a "algún lado" para tomar una "acción", en este caso, la mando con el método "POST" a "guardar_comentario.php" aquí en este archivo, puedes hacer pruebas primeramente para ver si estás recibiendo la información bien del formulario.

(quizás sea una buena idea leer sobre html básico y formularios html)

guardar_comentario.php

Código PHP:

  <? 
    $alias=$_POST['alias']; 
    $comentario=$_POST['comentario']; 
     
    echo $alias; 
    echo '<br>'; 
    echo $comentario; 
?>

(quizás sea buena idea leer sobre PHP básico)

Lo anterior te debería imprimir lo que previamente capturaste en el formulario (paso 1).

3) Ahora, si todo está bien, puedes guardar lo que ya capturaste en una base de datos.

conectar.php //para conectarte a la base de datos

Código PHP:

  <? 
    $serverdb='localhost'; 
    $databasename='tubd'; 
    $userdb='root'; 
    $passdb='tuclave'; 
 
    $link = mysql_connect($serverdb, $userdb, $passdb); 
     
    if (!$link) { 
        echo 'Error en la Conexión a la Base de Datos, Contacte al Administrador'; 
    } 
    $db_selected=mysql_select_db($databasename, $link); 
    if (!$db_selected){ 
        die('Error Interno con la Base de Datos, contacte con el administrador del sistema.<br>Detalle técnico: ' . mysql_error($link)); 
    } 
 
?>

(quizás sea buena idea leer sobre mysql básico y php)

guardar_comentario.php //lo actualizas

Código PHP:

  
<? 
    $alias=$_POST['alias']; 
    $comentario=$_POST['comentario']; 
     
    include 'conectar.php'; 
     
    $sql = "INSERT INTO tabla_comentarios (id, alias, comentario) values ('', '$alias', '$comentario')"; 
    $result=mysql_query($sql, $link); 
    if (!$result){ 
        echo "ERROR: No se pudo guardar la informaci&oacute;n, contacte al administrador."; 
        echo "<br>".mysql_errno($enlace) . ": " . mysql_error($enlace) . "\n"; 
    }else{ 
        echo "<b>Informaci&oacute;n guardada correctamente.</b>"; 
    } 
?>

Ahora, en tu base de datos (supongo usas phpmyadmin) verás que la información está ahí, si hubiera algún problema, habría que ver que error sale, (para eso usas "mysql_error" que incluí, ahora si no quieres que muestre errores, borra esa linea).

Ahora, solo hace falta consultar la información.

3) Haces un archivo de consulta.

mostrar_comentarios.php

Código PHP:

  <? 
    include 'conectar.php'; 
     
    $sql='SELECT * FROM series'; 
    $sql2=mysql_query($sql, $link); 
    while ($row = mysql_fetch_array($sql)) { 
        echo $row['id']; 
        echo "<br>"; 
        echo $row['alias']; 
        echo "<br>"; 
        echo $row['comentario']; 
        echo "<ln>"; 
    } 
?>

Recuerda, esto es de lo más básico, ahora lo que habría que hacer es, personalizar la información, para que se vea como tu la quieres, pero insisto, lo importante aquí es que funcione y lo entiendas y puedas ir sintiendo la confianza de que estas avanzando en lo que haces y que no te estancas, yo la verdad casi no uso este foro pero creo que aquí hay muchas personas que saben mucho y te pueden ayudar, entiendo también que hay varios tutoriales, aun que sé que a veces no captamos alguna idea y necesitamos preguntar.

Si notas, tu presentabas 1 solo archivo, quizás así lo viste en algún tutorial, pero como te decía al comienzo, ya depende de los gustos del programador, en mi caso, prefiero tener todo separado como si fueran módulos, así, si después los necesito, los llamó con algún include.

Sin saber que tanto sabes o que no sabes es un tanto complicado en una respuesta cubrir muchas cosas, la verdad debes tener ánimo y practicar, y creo que hay mucho que leer, también hay algunas herramientas que te pueden ayudar, por ejemplo para firefox o chrome existe la extensión "firebug" que te ayuda a analizar tu código para ver si hay algún detalle.

Animo, que tu proyecto quede muy bien y que te diviertas mucho :)

javonocc · #3 (**permalink**) 07/10/2014, 16:26

Muchas gracias Mcruzmx!! Al no saber justamente cómo se realizan estos procesos me costaba mucho trabajo discernir qué era lo que necesitaba y cómo hacerlo, tienes toda la razón al mencionar que se deben hacer varios archivos php con tal de economizar el trabajo y no realizarlo de una forma perdida o ambigua. Fijate que he encontrado un método para realizarlo quizá de una forma más rápida pero con mayores elementos, tales como script en ajax, jquery, base de datos y mismo php, te lo comparto para que también le eches un ojo, seguramente esto ya lo conoces pero no está demás justamente compartir la información.

He redactado las variables de una manera más práctica y al momento de realizar las pruebas en sitio local, está mandando la información de forma efectiva, bien lo comentas que con distintos archivos es más funcional.

Te lo dejo:

Código PHP:

Ver original<!--?php include('header2.php');?--><html><head>
<link type="text/css" href="css/style.css" rel="stylesheet">
<script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.8.6.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
 
    $("#enviar-btn").click(function() {
 
        var name = $("input#name").val();
        var title = $("input#title").val();
        var comment = $("textarea#comment").val();
        var now = new Date();
        var date_show = now.getDate() + '-' + now.getMonth() + '-' + now.getFullYear() + ' ' + now.getHours() + ':' + + now.getMinutes() + ':' + + now.getSeconds();
 
        var dataString = 'name=' + name + 'title=' + title + '&comment=' + comment;
 
        $.ajax({
            type: "POST",
            url: "addcomment.php",
            data: dataString,
            success: function() {
                $('#newmessage').append('<div class="comfinal"><div class="titulo">'+title+'</div><p><div class="nombre">'+name+' dice:</div><p><div class="datecom">'+date_show+'</div><p><div class="comentariotxt">'+comment+'</div></div>');
            }
        });
        return false;
    });
});
</script>
 
 
</head><body>
<div class="content">
    <div class="principal">
        <div class="contenedor">
        <div class="formulario">
            <h2 class="nombre-user">Cuenta el chisme</h2>
            <span class="calificap">Califica</span>
                <form method="post" action="">
                <span class="tit">Nombre:</span><br/>
                <input type="text" class="cajanom" id="name" name="name" size="40" /><br/><br/>
                <span class="tit">Titulo del chisme:</span><br/>
                <input type="text" class="cajatit" id="title" name="title" size="40" /><br/><br/>
                <span class="tit">Tu chisme:</span><br/>
                <textarea name="comment" class="cajatxt" id="comment" rows="6" cols="65"></textarea>
                <br/><br/>
                <input name="submit" class="btn-default" type="submit" value="Envia tu Chisme" id="enviar-btn" />
                </form>
        </div><!-- #formulario -->
        <div class="clear"></div>
        <div id="newmessage">
        </div>
        
    </div><!-- #contenedor -->
<!--?php include('sidebar.php');?-->
 
</div><!-- #principal -->
</div><!-- #content -->
<div class="clear"></div>
<!--?php include('footer.php');?--></body></html>

La hoja de estilo:

Código CSS:

Ver original/*LA RESENIA.php*/
 
.contenedor{
    height: 600px;
    width: auto;
    float: left;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 20px;
}
.formulario{
    width: 550px;
    height: auto;
    float: left;
    padding-left: 10px;
    clear: left;
}
.chisme{
    width: 550px;
    color: #001489;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 28px;
    font-style: normal;
    font-weight: bold;
    width: 550px;
    margin: auto;
    padding: 10px;
    text-align: left;
    margin-bottom: 10px;
    height: none;
    clear: left;
    float: left;
}
.cajatit {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    float: left;
    width: 300px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cajanom {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    color: #000000;
    background-color: #FFFFFF;
    float: left;
    width: 300px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.cajatxt {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    background-color: #FFFFFF;
    float: left;
    height: auto;
    width: 540;
    min-width: 540px;
    max-width: 540px;
    min-height: 50px;
    max-height: 50px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}
.tit{
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #0085ca;
}
.btn-default {
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: bold;
    color: #001489;
    background-color: #0f8734;
    border-style: none;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    width: 170px;
    height: 30px;
    margin-top: 30px;
}
.newmessage {
    width: 550px;
    height: auto;
    float: left;
    padding-left: 10px;
    clear: left;
    margin-top: 30px;
}
.comfinal {
    width: 540px;
    height: auto;
    float: left;
    padding-left: 10px;
    clear: left;
    margin-top: 20px;
}
.titulo{
    width: 530px;
    height: auto;
    float: left;
    clear: left;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 20px;
    font-weight: bold;
    color: #29BD33;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}
.nombre{
    width: 530px;
    height: auto;
    float: left;
    clear: left;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #270ECC;
    margin-top: 5px;
    margin-left: 10px;
}
.datecom {
    width: 530px;
    height: auto;
    float: left;
    clear: left;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 10px;
    font-weight: normal;
    color: #270ECC;
    float: left;
    margin-top: 5px;
    margin-left: 10px; 
}
.comentariotxt {
    width: 530px;
    height: auto;
    float: left;
    clear: left;
    font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
    color: #000000;
    float: left;
    margin-top: 5px;
    margin-left: 10px;
}
.calificap{
    color: #00689F;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-variant: normal;
    font-size: x-large;
    line-height: normal;
    text-align: left;
    margin-bottom: 5px;
    margin-top: 5px;
}

El PHP para agregar los datos a la tabla en la base de datos:

Código PHP:

Ver original<?php
require('config.php');
 
$name = utf8_decode($_POST['name']);
$title = utf8_decode($_POST['title']);
$comment = utf8_decode($_POST['comment']);
 
 
$insert = mysql_query("INSERT INTO tbs_comentarios (nombre, titulo, comentario, comentarioip, hora, respuesta) VALUES ('$name', '$title', '$comment', now())", $conexion);
?>

El PHP de conexión con la base de datos:

Código PHP:

Ver original<?php
 
$servername='localhost';
$dbusername='';  //*****Debe cambiarse*****//
$dbpassword='';  //*****Debe cambiarse*****//
$dbname='';  //*****Debe cambiarse*****//
 
connecttodb($servername,$dbname,$dbusername,$dbpassword);
function connecttodb($servername,$dbname,$dbuser,$dbpassword){
    global $link;
    $link=mysql_connect ("$servername","$dbuser","$dbpassword");
    if(!$link){die("En este momento no se puede conectar con la base de datos");}
    mysql_select_db("$dbname",$link) or die ("No se puede abrir la base de datos".mysql_error());
    }
?>

Al realizar este proceso, he seguido tu consejo de divertirme, inicialmente me había sacado canas verdes, sin embargo con el paso del tiempo y al ver que estaba respondiendo localmente más me inspiraba a terminar el código y pulirlo poco a poco con ayuda de la lógica de la programación.

Así mismo, estoy buscando agregarle al código que de forma oculta se envíe la dirección IP de donde se comenta a la base de datos junto con los demás datos guardados, esto es únicamente porque como no pido un login para comentar, me gustaría tener la seguridad de que al recibir comentarios mal intencionados o inclusive de spam, pueda bloquear al comentarista utilizando su dirección IP. Sabes cómo puedo complementar esto que menciono en alguno de los archivos que tengo?

Así mismo quiero agregar un botón para responder sobre los comentarios que aparezcan, esto sería increíble para tener mayor contacto con los que comenten en la página, sabrías cómo complementarlo utilizando este mismo código?

Yo creo que para agregar el botón de respuesta sobre cada comentario, debe incluirse en la hoja de estilos el div junto con la referencia de la imagen y de esta manera tenerlo activo en invocarlo en el script de ajax, sin embargo cómo podría invocar a un cuadro de texto para realizar la respuesta?

Mcruzmx · #4 (**permalink**) 07/10/2014, 17:03

Hola, que bueno que te ayudó en algo mi respuesta.

Mira sinceramente, creo que estas copiando y pegando mucho código, y tal ves estés usando más de lo que necesitas. Como te decía en mi primera respuesta, ve por lo básico, lo sencillo y después ve mejorandolo, me parece adecuado que comiences con CSS, pues así tus archivos quedan un tanto más limpios, pero el usar ya AJAX o Jquery, considero que primero deberias comprender (no digo que no lo hagas) para que es, para que conviene y cuando no conviene, me da la idea de que el uso de tu jquery es inecesario, es mucho más fácil y corto en código armar un formulario convencional, que capturar valores con jquery y luego con jquery de nuevo mandarlos a otro archivo, pero bueno, como te decía en la otra respuesta, ya es cuestión de gustos, te sugeriría que evaluaras qué cosas de tu código realmente son necesarias o bien, aportan algo positivo a tu código y producto. Si solo es para usar una técnica nueva, pues no necesariamente es bueno, a excepción de que practicas, aprendes y quizás te diviertes, pero ya hablando del trabajo en sí, creo que a veces meter algo innecesario puede perjudicar más que beneficiar.

Otra observación, para que usas "utf8 decode", mejor, que tu html esté codificado igual que tu base de datos, así no tendrás la necesidad de usar más código para codificar, decodificar, etc.

Para lo de la IP, creo que debes leer sobre las variables de servidor que maneja PHP, puedes hacer quizás un "array" (o tabla) donde puedas agregar y consultar IP baneadas, y hacer una condicional (if) "si la ip que intenta comentar esta en la relación de ips baneadas, no lo permitas, sino, entonces permitelo", puedes buscar $_SERVER

Nota: php.net es un sitio que debes agregar a favoritos.

Ahora bien, quizás deberías incursionar un poco en el tema del captcha (busca en google algún captcha para php, y vas probando cual se te hace cómodo)

Sobre la respuesta de comentarios, pues ahí sí que tienes que usar tu lógica, y ver como relacionar información, y aquí también varia según la estructura de tu base de datos. Podrías tener una tabla de comentarios y otra de respuestas, relacionadas por algún ID, pero si vas a hacer respuestas de respuestas de respuestas, etc. o dejarlo abierto para N cantidad de respuestas, pues obviamente no harás N tablas, sino que aquí ya tienes que pensar como hacerlo, insisto, ya depende de cada programador y de lo que sabes hacer.

De nuevo, no te preocupes, ve a lo simple, y enfocate en puntos que quieres lograr.

Animo.

javonocc · #5 (**permalink**) 13/10/2014, 15:22

Buen día Mcruzmx:

He seguido tus consejos y tus pasos y poco a poco le he dado una mayor optimización al sistema de comentarios, ya conecta con la base de datos, ya recibe y muestra información pero ahora sólo me resta acomodar un dato adicional, esto es agregarle estilo a cada título de cada comentario que se muestra, te dejo el código que he implementado, sin ajax ni similar.

Este es el código original de la página:

Código PHP:

Ver original<?php include('../header2.php');?>
<?php
require('config.php');
 
if(isset($_POST['submit'])) 
{ 
    $name = $_POST['name'];
    $title = $_POST['title'];
    $comment = $_POST['comment'];
    $ip = $_SERVER['REMOTE_ADDR'];
 
    
    $sql = "INSERT INTO bts_comentarios (nombre, titulo, comentario, comentarioip, hora) VALUES ('$name', '$title', '$comment', '$ip', now())";
    $result = mysql_query($sql, $link);
    
}
?>
<html><head>
<link type="text/css" href="../css/style.css" rel="stylesheet">
</head><body>
<div class="content">
    <div class="principal">
        <div class="contenedor">
        <div class="formulario">
            <h2 class="nombre-user">Cuenta el chisme</h2>
            <span class="calificap">Califica</span>
                <form name="comentario" method="POST" action="<?php echo $_SERVER['PHP_SELF']; ?>">
                <span class="tit">Nombre:</span><br/>
                <input type="text" class="cajanom" id="name" name="name" size="40" /><br/><br/>
                <span class="tit">Titulo del chisme:</span><br/>
                <input type="text" class="cajatit" id="title" name="title" size="40" /><br/><br/>
                <span class="tit">Tu chisme:</span><br/>
                <textarea name="comment" class="cajatxt" id="comment" rows="6" cols="65"></textarea>
                <br/><br/>
                <input type="submit" name="submit" class="btn-default" value="Envia tu Chisme" />
                </form>
        </div><!-- #formulario -->
        <div class="clear"></div>
        <div id="newmessage">
        <h2 class="nombre-user">Los Chismes</h2> <br />
        <?php
         include ("recuperar.php");
         $con = new conexion();
         $con-> recuperarDatos();
         ?>
        </div>
        
    </div><!-- #contenedor -->
<?php include('../sidebar.php');?>
 
</div><!-- #principal -->
</div><!-- #content -->
<div class="clear"></div>
<?php include('../footer.php');?></body></html>

Este es el código de conexión del formulario a la base de datos config.php:

Código PHP:

Ver original<?php
$servername='localhost:3306';
$dbusername='root';  //*****Debe cambiarlo*****//
$dbpassword='';  //*****Debe cambiarlo*****//
$dbname='test';  //*****Debe cambiarlo*****//
 
 
connecttodb($servername,$dbname,$dbusername,$dbpassword);
function connecttodb($servername,$dbname,$dbuser,$dbpassword){
    global $link;
    $link=mysql_connect ("$servername","$dbuser","$dbpassword");
    if(!$link){die("En este momento no se puede conectar con la base de datos");}
    mysql_select_db("$dbname",$link) or die ("No se puede conectar con la base de datos".mysql_error());
    }
?>

Y este es el código que muestra la información y comentarios en la página capturar.php:

Código PHP:

Ver original<?php
class conexion{
    function recuperarDatos(){
        
$servername='localhost:3306';
$dbusername='root';  //*****Debe cambiarlo*****//
$dbpassword='';  //*****Debe cambiarlo*****//
$dbname='test';  //*****Debe cambiarlo*****//
 
connecttodb($servername,$dbname,$dbusername,$dbpassword);
$query = "SELECT nombre, titulo, comentario, hora FROM bts_comentarios order by id desc";
$resultado = mysql_query($query);
 
while ($fila = mysql_fetch_array($resultado)) {
    echo "$fila[titulo] <br> ";
    echo "$fila[nombre] <br> ";
    echo "$fila[hora] <br> ";
    echo "$fila[comentario] <br> ";
    }
    }
}
?>

Mi duda es, puedo agregarle un estilo de mi hoja de estilos o directamente en el PHP capturar para que se aprecie de una manera más elegante y no los comentarios puestos como una lista cualquiera o tengo qué modificar algún dato?

Agradezco tu atención y me ha servido de forma asombrosa lo que me has comentado, bastante buena la información.

Saludos!!

Mcruzmx · #6 (**permalink**) 13/10/2014, 15:38

Por supuesto, desde PHP puedes mandar cualquier impresión HTML (y mucho más).

En tu caso puedes implementar tu css algo así (y aprovecho para corregirte algo):

echo ''.$fila[titulo].'';
echo ''.$fila[nombre].'';
echo ''.$fila[hora].'';
echo ''.$fila[comentario].'';

Nota que class="nombreclase" es opcional, es decir, te puedes basar en lo que ves en un archivo HTML común, puedes tener texto, en tu caso sería Titulo, aqui puedes agregar un estilo, por medio de una clase o bien ID (tendrías que leer más sobre CSS), en este ejemplo es por medio de clase y por eso pongo por ejemplo Titulo.

La corrección que le hago (según mi criterio) es que las variables en php no es necesario que las metas entre comillas (no está del todo mal, en la referencia así la usan como tú, pero en lo personal prefiero no hacerlo), lo que creo que se recomienda es concatenar, y lo puedes hacer con un simple punto como recién hice: "texto".$variable."texto", también puedes jugar con comillas dobles o sencillas.

Trata de leer más sobre el comando echo de php, con él puedes imprimir cualquier código HTML como acabo de hacer.

Espero que esto te ayude, suerte y saludos.

javonocc · #7 (**permalink**) 13/10/2014, 17:15

Estuve revisando sobre el tema Mcruzmx y resultó que también hay otro modo de realizar esta operación, de hecho la realicé así y funcionó correctamente.

Te agradezco infinitamente tu apoyo, tus consejos me han sido muy útiles y ahora que entiendo más php me doy cuenta que es sencillo y noble sólo es cuestión de darle su lugar adecuado y de esta manera nos responderá sin usar librerías.

Te dejo el código para que también dispongas de él:

Código PHP:

Ver originalwhile ($fila = mysql_fetch_array($resultado)) {
    echo "<span class=\"titulo\">$fila[titulo]</span> <br>" ;
    echo "<span class=\"nombre\">$fila[nombre]</span> <br>";
    echo "<span class=\"datecom\">$fila[hora]</span> <br> ";
    echo "<span class=\"comentariotxt\">$fila[comentario]</span> <br> ";
    }
    }
}

Muchas gracias por tu entero apoyo!!

Mcruzmx · #8 (**permalink**) 13/10/2014, 18:56

No te preocupes, mientras se pueda ayudar aqui estamos.

Solo te comento, trata de usar las etiquetas que más correspondan, lee para que es "Span" y para que es "P". Sobre las diagonales, las usas cuando usas comillas dentro de comillas, como "este es un \"ejemplo\" de comillas", pero también lo puedes poner como "este es un 'ejemplo' de comillas" o 'este es un "ejemplo" de comillas", tienen unas pequeñas diferencias, que si esas cadenas las imprimes las veras.

Te recomiendo también que trates de llevar un estándar, revisa http://validator.w3.org/ para que valides tu código.

Etiqueta P
http://www.w3schools.com/tags/tag_p.asp

Etiqueta Span
http://www.w3schools.com/tags/tag_span.asp

Etiqueta BR
http://www.w3schools.com/tags/tag_br.asp

BR vs P
http://stackoverflow.com/questions/1...to-use-p-vs-br

Saludos.