En los últimos 3 meses estuve trabajando en un proyecto, una aplicación web. Uno de los puntos fue la elección del Grid a utilizar para la visualización de datos.

Decidí utilizar jqGrid un plugin mas JQuery, en realidad es muy funcional y practico en cuanto a código se refiere .

Hoy traigo una simple manera de implementar este Grid con JSP y JSON:

Ya que se ha descargado el plugin de la pagina de descargas iniciamos con la implementación.

Se intenta que logres algo parecido a este ejemplo:

De dahico

La declaración del Grid entre las etiquetas HEAD.

<script type=”text/javascript”>
$().ready(function() {
var windowWidth = (document.documentElement.clientWidth – 100) /1.2;

jQuery(“#gridUsuarios”).jqGrid({
url:’getGriddahico.jsp’,
datatype: “json”,
colNames:['id_Usuario','Usuario','Email','Fecha/Hora'],
colModel:[
{name:'id',index:'id_Usuario', width:10, hidden:true},
{name:'Usuario',index:'usuario_Usuarios', width:150},
{name:'Email',index:'email_Usuarios', width:350},
{name:'Fecha/Hora',index:'timestamp_Usuairo', width:150},
],
rowNum:10,
rowList:[10,20,30],
multiselect: true,
pager: ‘#pagGrid’,
sortname: ‘id_Usuario’,
viewrecords: true,
sortorder: “desc”,
width: windowWidth,
height: “100%”,</code>
// nSelectRow: Evento,
caption:”dahicotux.wordpress.com”
});

jQuery(“#gridUsuarios”).jqGrid(‘navGrid’,'#pagGrid’,{edit:false,add:false,del:false});

});
</script>

Y entre las etiquetas BODY no es necesario nada mas que crear un tabla con ID con el que declaramos el Grid en este caso #gridUsuarios y un DIV  para el área de la paginación en este caso #pagGrid.

<div>
<table id=”gridUsuarios”></table>
<div id=”pagGrid”></div>
</div>

Ahora vamos a trabajar el codigo de lado del servidor en este caso sera una pagina JSP la cual ya esta declarada como parámetro url en el grid  url:’getGriddahico.jsp’.

<%–
Document   : getGriddahico
Created on : 4/02/2010, 11:00:58 PM
Author     : @dahico
–%>

<%@page import=”java.sql.*” %>
<%@page import=”app.classes.conexion” %>

<%
int start=0;
int total=0;
int total_pages =0;

int intpage = new Integer(request.getParameter(“page”));
int limit = new Integer(request.getParameter(“rows”));

String sidx = request.getParameter(“sidx”);
String sord = request.getParameter(“sord”);

String strQuery=”";
String json =”";

boolean rc;

ResultSet rs = null;

if(sidx ==”"){
sidx =”1″;
}

//Conexión a la base de datos
conexion  conexiondb = new conexion();
conexiondb.Conectar();

total = conexiondb.countRec(“id_Usuario”, “tbl_Usuario”);

if( total>0 ) {
double d = Math.ceil( (double)(total) / (double)(limit) );
total_pages = (int)(d);
} else {
total_pages = 0;
}

if (intpage > total_pages) {
intpage=total_pages;
}

start = limit * intpage – limit;

if(start < 0 ){
start = 0;
}

strQuery = “SELECT * FROM tbl_Usuario ORDER BY “+sidx + ” ” +sord +” LIMIT “+start+” , “+limit;

rs = conexiondb.Consulta(strQuery);

total = conexiondb.countRec(“id_Usuario”, “tbl_Usuario”);

response.setContentType(“text/x-json”);
response.setCharacterEncoding(“utf-8″);
response.setHeader(“Pragma”, “no-cache”);
response.setHeader(“Cache-Control”, “no-cache, must-revalidate”);
response.setHeader(“Pragma”, “no-cache”);

json =”";
json = json + “{\n”;
json = json + ” \”page\”:\”"+intpage+”\”,\n”;
json = json + “\”total\”:”+total_pages+”,\n”;
json = json + “\”records\”:”+total+”,\n”;
json = json + “\”rows\”: [";
rc =false;

while(rs.next()){

if(rc){
json = json + ",";
}
json = json + "\n{";
json = json + "\"id\":\""+rs.getInt("id_Usuario")+"\",";
json = json + "\"cell\":["+rs.getInt("id_Usuario")+"";
json = json + ",\""+rs.getString("nombre_Usuario")+"\"";
json = json + ",\""+rs.getString("email_Usuario")+"\"";
json = json + ",\""+rs.getString("timestamp_Usuario")+"\"]“;
json = json + “}”;

rc=true;
}
json = json +”]\n”;

json = json +”}”;

out.print(json);
out.close();

%>

Para este ejemplo utilice una tabla en Mysql con la siguiente estructura:

CREATE TABLE `dahicotux`.`tbl_Usuario` (
`id_Usuario` INT  NOT NULL,
`nombre_Usuario` VARCHAR(10)  NOT NULL,
`email_Usuario` VARCHAR(150)  NOT NULL,
`timestamp_Usuario` TIMESTAMP  NOT NULL,
PRIMARY KEY (`id_Usuario`)
)
ENGINE = MyISAM;

Esta es solo una manera de implementar el Grid, les recomiendo leer la documentación para aprovechar al máximo sus funcionalidades.

Por ahora esto es todo, en lo próximos días espero profundizar en el tema ya que no se sabe cuando necesitaras un grid.

Ahora solo me falta el Bebé para probar el Script!!

Unas de ellas fueron las herramientas gráficas para manejar Mysql (MySQL GUI Tools), y pues de esto salio este post:

Vamos a el sitio de MySQL a descargar los archivos.

Una vez que se han descargado los archivos , se descomprimen.

Ya hecho esto, movemos la carpeta al directorio /opt , podemos hacerlo desde la terminal:
sudo mv mysql-gui-tools-5.0 /opt/

Nos movemos al directorio:
cd /opt/mysql-gui-tools-5.0

No aseguremos que se hayan transferido los archivos:
ls

Ya que esta todo confirmado y estamos dentro del directorio ejecutamos :
./mysql-query-browser
Para correr Mysql Query Browser

O bien, si la prisa es mucha y el tiempo es poco, como me paso a mí. Podemos ir al menú Sistema->Administración->Gestor de Paquetes Synaptic y buscamos
mysql-admin e instalamos .

Pero Que es PlanetaLinux? Planeta Linux es una comunidad de usuarios, desarrolladores y activistas iberoamericanos de software libre, GNU/Linux y similares. A través de los blogs, de cada uno de los miembros de esta comunidad, nos enteramos de lo que pasa, de primera mano, a nuestro alrededor de una forma divertida y actualizada al día por día.

Así es que ya ven, interesante no? ¡¡ Visiten Planeta Linux y , a colaborar!!

Sin duda, es de mucha ayuda este sitio, para esos momentos en los que te inspiras y no tienes tu computadora y tienes que usar otra y no tiene el tu IDE para desarrollar. Este sitio puede ser muy útil para esos momentos, un editor de PHP en linea, el cual funciona con la mayoría de los navegadores.

Ahora si, ya no tienes pretexto!!!

Navegando por la red me encontré con este vídeo en donde muestra de manera rápida el proceso de instalación de UBUNTU 9.04 una de las distribuciones mas populares de GNU/Linux , que por cierto yo utilizo en mi Laptop .

Aquí tienen el vídeo, vean lo fácil y rápido que es instalar UBUNTU. Vas a esperar mas tiempo para probarlo?

Desarrollando Software no son buenos ¿ pero que tal cantando, esta pegajosa la rola, no ?
Aunque, no ganarían tanto dinero, como lo hacen con las licencias.

Aunque en realidad no pude esperar a que me llagara para instalarlo en mi laptop de trabajo (ya saben, mi laptop es de UBUNTU y mi PC de escritorio es de DEBIAN). Actualice del Ubuntu 8.10 al 9.04 y en verdad me ha funcionado muy bien.

Para tal fin, las diversas comunidades locales de software libre (en cada país, en cada ciudad/localidad), organizan simultáneamente eventos en los que se instala de manera gratuita y totalmente legal, software libre en las computadoras que llevan los asistentes. Además, en forma paralela, se ofrecen charlas, ponencias y talleres, sobre temáticas locales, nacionales y latinoamericanas en torno al Software Libre, en toda su gama de expresiones: artística, académica, empresarial y social.

Este evento, está siendo organizado por miembros del Grupo de Usuarios de Linux (GULUR) y la Mesa Estudiantil de las Carreras de Tecnologías (iTur) de nuestra alma mater, la Universidad Regiomontana. Así mismo, se está contando con el indispensable apoyo de la Facultad de Ingeniería y Arquitectura (FACIYA ).

Te invito a visitar el sitio para ver el programa del día del evento, los Ponentes, y Patrocinadores del evento este próximo 25 de Abril.

Rezaba por que lo que estaba leyendo fuera una broma. Después de esta noticia, quedan muchas incógnitas y en lo personal preocupaciones, sabemos que Oracle no es nada noble con el Open Source, así que yo me pregunto ¿ que pasará con Open Solaris, con MySQL, con Virtual Box con Open Office ? etc.

La apuesta de Oracle por Java es realmente ambiciosa y junto con Solaris no cabe duda que fueron las causas de esta adquisición.

Ahora tenemos que esperar algunos meses para saber que medidas tomar, me refiero a todos aquellos que hemos realizado proyectos con algunas de las herramientas de Sun, o bien para los proyectos que tenemos en puerta hacernos la pregunta de si ¿ debemos contemplar como factible usar estas tecnologías en estos futuros proyectos?.

Sin duda esto no pinta nada bien para le Open Source , sin embargo, tendremos que esperar y estar ALERTAS.

Y tu que opinas ?“