No existe ninguna imagen

Posts Tagged ‘phpMyAdmin’

Como crear un juego de registro (recordset) sencillo o avanzado usando Dreamweaver CS5

Domingo, agosto 22nd, 2010

Este artículo es parte de la serie enfocada en Dreamweaver y es, a la vez, una continuación de artículo que explica como configurar una conexión entre DW y MySQL. Debido a ésto último voy a añadir también las instrucciones de como crear una tabla sencilla con 4 campos usando phpMyAdmin.

Crear una tabla usando phpMyAdmin

Primero abrimos phpMyAdmin, le damos click a la base de datos que vamos a usar y donde dice: Create new table on database *el nombre de tu database escribimos el nombre de la tabla que deseamos crear el campo “Name” y “Number of fields” especificamos el número de campos de la misma. Siempre puedes agregar o eliminar campos después:

En la próxima ventana introduces la información específica de los campos a crearse. En mi caso yo voy a crear 4 campos:

  1. id – el id de la tabla (integer, incremental).
  2. nombre – sevirá de título (varchar, allow null).
  3. descripción – descripción mas información (longtext, allow null)
  4. fecha – aquí se guardará la fecha en el que se hizo el insert (datime)

Una vez hecho puedes llegar a la tabla dando un click a la base de datos. Si le das click a icono de “Structure” se mostrarán los campos dentro de la tabla:

Ahora insertamos información en nuestra nueva tabla (Insert) para tener algo con qué trabajar. Vamos a la pestaña de “Insert” y agregamos información adecuada. En mi caso he puesto información genérica. También, en mi caso dejo los id en blanco ya que los he asignado como autoincremental:

Creación de un juego de registros (recordset) sencillo en Dreamweaver

Pasamos después a Dreamweaver y ahí podremos ver la nueva tabla en el panel de Base de Datos (Databases):

Para crear un un jugo de registros vamos al panel de Vinculaciones (Bindings) y escogemos Juego de Registros (Recordset):

En la ventana de Recordset defines el tipo de información que quieres extraer de la base de datos:

  1. Nombre (Name): Se especifica el nombre del recordset. Se puede dejar el que viene ya puesto pero lo mejor es que se ponga un nombre mas descriptivo, ‘usuarios1′ por ejemplo. Los nombres de los recorset tienen que ser únicos por páginas y sólo pueden ser letras, números, guión (-) y underscore (_). Nada de caracteres especiales ni empezar el nombre con número.
  2. Conexión (Conection): Se escoge la conexión
  3. Tabla (Table): Se escoge la tabla de la base de datos.
  4. Columnas (Columns): En el campo columna se escogen los campos que se van a estar utilizando en el script. También se pueden escoger todos, aunque siempre es mejor sólo utilizar los campos necesarios.
  5. Filtros (Fiters): Con el campo filtro hacecemos que la información sea más específica, por ejemplo, si quieres escoger la entrada donde el nombre del usuario sea “Juan” puedes fácilmente hacer que el campo nombre concuerde con el la valor entrado “Juan”. Puedes también utilizar valores como variables URL o variables enviadas de un formulario, variables de sesión, cookies y variables del ambiente (environment) del servidor.
  6. Ordenar (Sort): En el ‘sort’ se organiza el orden de los resultados, ascendente o descendente.

Este es un ejemplo de como escoger campos específicos y como usar los campos de filtro y sort. El la siguiente imagen se escogen sólo los campos “nombre” y “descripcion” de la tabla “tabla1″. Se le ha agregado un filtro para que la consulta solo devuelva los registros donde el valor del campo “id” sea igual a la variable de formulario “id” y también se ha especificado que el resultado se organice de forma descendente:

Consultas complejas (modo avanzado)

En el caso que se quiera hacer consultas complejas (más de un filtro y/o organizaciones de contenido complejas) se utiliza el modo avanzado (advanced). Para poder hacer este tipo de consultas es necesario tener claro como se construye una consulta SQL. Lo más recomendable es estudiar el lenguaje ya que el modo GUI del modo avanzado puede llegar a ser también bastante limitado a veces. Dicho esto, también puedo agregar que el modo avanzado resulta muy útil y es muy fácil de usar una vez se sabe usar. Para usarlo le damos al botón de “Avanzado” (Advanced):

Lo primero que vemos es que los dos primeros campos son iguales (nombre y conexión). Los otros campos ha sido removidos y ahora tenemos tres áreas nuevas:

  1. SQL: Área donde escribimos nuestra consulta SQL.
  2. Variables (Variables): Área donde creamos las variables que usaremos en los filtros.
  3. Elementos de base de datos (Database Items): Las tablas y los campos de la base de datos.

Lo importante es saber que el modo avanzado funciona igual que el sencillo. Los botones que están en el área de Elementos de la base de datos son los que agregan elementos a la consulta.

  • El botón SELECT tiene que ver con la selección de columnas o de la tabla completa.
  • Con el botón WHERE añades uno o múltiples filtros.
  • Por último, el botón ORDER BY especifica uno o más tipo de como organizar el resultado.

SELECT

Si queremos hacer una selección de todos los campos de una tabla escogemos la tabla y después le damos click al botón de Select. Por ejemplo,en la siguiente imagen he seleccionado todos los campos de “tabla1″ :

De igual forma, si queremos escoger campos individuales damos click al campo y luego al botón SELECT con cada uno de los campos deseados. En el próximo ejemplo he escogido los campos “id”, “nombre” y “fecha”:

WHERE

Para agregar un filtro lo más recomendable es crear una variable primero. NO es realmente necesario para que funcione el script pero, de esa forma, DW crea el código necesario para validar los valores antes de que estos ínter-actúen con la base de datos. Creamos una variable dándole click al símbolo de más que está en la sección de variables:

En la ventana de “Añadir variable” (Add Variable) DW te pide varios campos:

  1. Nombre (Name): Nombre de la variable. Es el nombre que usará DW cuando crea la variable. El nombre debe obedecer las reglas de una variable (en este caso, una variable PHP). Sólo letras de la “a” a la “z“, números del 0 al 9, guiones ( – ) y “underscores” ( _ ). No caracteres especiales (ñ, acentos, etcétera).  Por último, se debe comenzar el nombre con una letra.
  2. Tipo (Type): El tipo SQL del valor de la variable. DW los agrupa según el tipo de código que va a crear.
  3. Valor Defecto (Default Value): Es el valor de la variable en caso de que no se especifique o llegue vacía al momento de ejecutar el script. DW usa “-1″ cuando en código creado usando el modo sencillo. Este valor asegura que la consulta no devuelva ningún resultado. Si necesitas que tu variable tenga un valor defecto puedes cambiarlo a lo que necesitas.
  4. Valor de ejecución (Runtime Value): Es el valor que se usará al momento de ejecución del script. En el modo sencillo DW crea el código dependiendo del tipo de variable. En el modo avanzado se debe agregar el código PHP además del nombre de la variable. Los tipos son los siguiente. Están acompañados con sus respectivos ejemplos de códigos PHP:
    • Variable URL (URL VAriable) (GET). Variable pasada a través del “query string
      $_GET['nombre_de_la_variable']
    • Variable de formulario (Form Variable) (POST). Variable pasada a través de un formulario.
      $_POST['nombre_de_la_variable']
    • Cookie (Cookie). Variable pasada a través de una cookie.
      $_COOKIE['nombre_de_la_variable']
    • Variable de sesión (Session Variable). Variable pasada a través de una sesión.
      $_SESSION['nombre_de_la_variable']
    • Variable de servidor (Server Variable) . Variable tomada de una de las variables del servidor.
      $_SERVER['nombre_de_la_variable']
    • Variable arbitraria. También se puede usar una variable que ya ha sido creada anteriormente o función PHP que devuelva un valor.
      $pedro
      date('Y-m-d H:i:s')

En el siguiente ejemplo, la variable “variable1″ es de tipo “texto”, su valor defecto es “-1″ y la variable es enviada vía un formulario:

Una vez creada la variable podemos agregar un filtro. Seleccionamos el campo que usaremos en el filtro y le damos clic al botón de WHERE:

Esto agregará el nombre del campo que vamos a usar. La variable y la condición la tenemos que agregar manualmente. Aquí usaremos el operador o condición correspondiente dependiendo de los valores que se quieren obtener de la base de datos . En ese caso he usado igual que “=” para que la consulta devuelva los registros donde el valor del campo ‘nombre” sea igual a la variable de formulario “nombre”:

Para usar una constante no es necesario crear una variable ya que ésta no necesita ser validada. Sólo tenemos que agregarla manualmente. Por ejemplo, la siguiente consulta devuelve los registros donde el campo nombre es igual a la constante ‘Pedro’:

Lo bueno del modo avanzado es que podemos poner múltiples filtros. Sólo tenemos que seguir creando variables y agregando tablas y condiciones. El próximo ejemplo devuelve los registros donde el valor del campo nombre es igual a “pedro” y el valor del campo descripcion es igual a la variable de formulario “descripcion” (variable1):

DW sólo usa el operador lógico ”AND” (Y). Con este operador se tienen que cumplir todas las condiciones. En el último ejemplo se tienen que cumplir las dos condiciones (filtros). Para más información acerca de otros operadores lógicos visite la página de MySQL que trata ese tema.

*Nota: Por alguna razón no se pueden crear variables  que no se van a utilizar. DW lanzará un error si existe alguna que no se está usando en la consulta.

ORDER BY

Con el botón de ORDER BY se controla la organización del resultado de la consulta. Por ejemplo, para que el resultado se organice con respecto al campo nombre escogemos el campo le damos clic al botón de ORDER BY.  Por alguna razón, DW no incluye una opción para controlar el modo de organización (Ascendente/Descendente) como en el modo sencillo. Si no lo especificamos  la organización siempre será ascendente. Para que sea descendente agregamos “DESC” después del nombre del campo. Podemos también agregar organización múltiple de la misma forma que con los filtros. Estas se separan por comas:

Conclusión

Como mencioné antes, la mejor forma de construir consultas exitosas a una base de datos es entendiendo como se construye una consulta SQL. DW provee funciones sencillas que ayudan a la construcción de consultas básicas, pero estas sólo pueden ayudar en un limitado número de casos. Conocimiento de los lenguajes envueltos (MySQL y PHP en este caso) son necesarios para consultas y sistemas más complejos. Yo recomiendo el foro de Base de datos de Foros del Web para cualquier tipo de duda relacionada no solo a MySQL, sino también otros servidores de bases de datos.

Como instalar WampServer e integrar con Dreamweaver CS5

Jueves, agosto 5th, 2010
Nota*: Esta forma de conexión (paso 8 y paso 9 al final del tutorial), aunque pueda funcionar para otros tipos de paquetes tipo WAMP, sólo lo he probado para WampServer. No estaré seguro hasta que pruebe las otras dos que pienso cubrir.

Como ya había mencionado anteriormente, voy a estar trabajando en algunos artículos sencillos acerca de Dreamweaver los cuales preceden a otros más complicados que trabajaré en el futuro. Este artículo es el primero de una pequeña serie de como instalar tecnologías que nos permitan tener un ambiente local (o de desarrollo) donde trabajar nuestros websites. Yo personalmente trabajo con Apache, PHP y MySQL en Windows, así que pienso espero cubrir, además de WAMPServer, otros paquetes pre-copilados como easyPHP, XAMPP y, el método que siempre he usado, instalar estas tres tecnologías individualmente. También, aprovechando que estoy haciendo una serie de tutoriales acerca de Dreamweaver, explico como configurar esta instalación con DW para que podamos hacer uso de las funciones de Base de Datos de este editor. Vale la pena mencionar que estoy usando DWCS5 desde hace poco y me he dado cuenta que es bastante diferente en cuanto a configurar el servidor de prueba a la versión CS3, la cual usaba anteriormente.

Lo primero que vamos a hacer es descargar WAMPServer. Una vez descargado dar doble click al instalador. El instalador es bastante fácil de seguir, pero de todas formas aquí dejo algunas capturas de pantalla:

No creo que sea necesario, pero recomiendo que se le dé un “re-start” a la computadora después de la instalación. Yo en mi caso tuve que darlo porque tuve un pequeño conflicto con dropbox, pero después del re-start no tuve nigún problema. Una vez instalado podrán ver el icono de WampServer en la Barra de Tarreas. Si se le da click al icono el menú de opciones aparece.

Al escoger “Localhost” en el menú se abre el navegador defecto con la dirección: http://localhost mostrando la página index.php creada por el programa. En ella se desglosan la configuración de PHP así como también las herramientas disponibles.

Lo próximo es crear una base de datos y un usuario MySQL con el cual podamos conectar con DW. Para eso usamos phpMyAdmin. phpMyAdminn es una herramienta para trabajar con MySQL hecha en PHP, es por eso que trabajamos con el usando el navegador (Yo usualmente no uso phpMyAdmin para crear bases de datos y usuarios, pero ya que es el la aplicación incluida en este paquete la usaré como ejemplo). Podemos llegar a phpMyAdmin usando el enlace que estás en la imagen anterior o dando click al icono de WampServer y escoger phpMyAdmin:

La forma más fácil de crear una base de datos y un usuario es crear el usuario y escoger la opción de que phpMyAdmin cree la base de datos con el mismo nombre y con todos los permisos necesarios. Eso lo podemos hacer desde la pestaña o “tab” de “Privileges”.:

Una vez hecho esto estamos listos para crear una conexión.  Pasamos a DW y preparamos nuestro Sitio o “Site” y configuramos nuestro Servidor de Pruebas.  Hacemos lo siguente:

  1. Creamos una carpeta nueva dentro de la carpeta “www” que está dentro de la carpeta de instalación de WampServer (yo he llamando la mía “website1″ . Ésto lo hacemos para separar nuestros websites, así tendremos una carpeta por cada website. Recuerden no usar espacios, ni acentos, ni eñes (ñ) en ningún nombre de archivos. Carpetas incluidas.
  2. Creamos un nuevo Sitio:  Sitio -> Nuevo Sitio (Site -> New Site).
  3. En la primera ventana pestaña de Sitio (Site) agregamos el nombre del website. Puedes nombrarlo como quieras, es sólo para referencia. También especificas la carpeta que creaste en el paso 1. Como mencioné antes, esta carpeta va a contener todos los elementos de nuestro website.
  4. Vamos a la pestaña de Servidores (Servers). Esta parte, como mencioné anteriormente, es bastante diferente a DW CS3. Podemos asociar servidores de prueba y servidores FTP. Para configurar un servidor  le damos click al botón de más (+) :
  5. Le damos un nombre al servidor. Escogemos Local/Network. Agregamos la carpeta donde está nuestro website. Por último, como URL ponemos “http://localhost/nombre_de_la_carpeta_del_website” en mi caso “website1″.
  6. Vamos a la pestaña de Avanzado (Advanced) y escogemos la tecnología del lado del servidor que vamos a utilizar. En este caso, ya que estamos usando WampServer, escogemos PHP MySQl y le damos a guardar (Save):
  7. Una vez en la ventana de Servidores (Servers) especificamos que el servidor que creamos es un Servidor de Prueba (Testing) y le damos a Guardar (Save).
  8. Ahora creamos la conexión. Vamos al panel de Database y le damos símbolo de más (+) para añadir una conexión:
  9. Por último creamos la conexión. Le damos un nombre (DW hace un archivo PHP con este nombre, así que las reglas de como nombrar un archivo aplican aquí).Ahora agregamos la información que usamos para crear el usuario y la base de datos y le damos a OK:

Y eso es todo. Si no tienes ningún error podrás ver que DW ha creado una nueva carpeta llamada Conexiones (Connections). Dentro de ella podrás ver un archivo PHP con el nombre de tu conexión. Ahora podrán usar las funciones de bases de datos de DW para crear un sistema CRUD sencillo, algo que también estaré cubriendo próximamente.