pedgarc
Primero que nada, ¿Qué significa CRUD?
CRUD es una aplicación que esta encargada de crear, leer, actualizar y eliminar registros en una base de datos, y de ahí CRUD (por sus siglas en Inglés).
Ahora supongamos que somos una empresa desarrolladora de software y un cliente necesita una pequeña aplicación para actualizar inventarios de los productos que vende, pero quiere poder hacerlo desde cualquier parte, o sea necesita una aplicación web.
Necesitamos algunas herramientas para poder desarrollar esta pequeña aplicación ¿pero qué necesitamos? simple, no lo pensé dos veces y decidí lo siguiente.
- PHP
- MySQL
- CodeIgniter
- Grocery CRUD
Como nota extra, yo en la elaboración de este tutorial utilice el editor Sublime Text, ya que me da la opción de abrir y gestionar proyectos.
Bien quiero suponer que tenemos instalado un servidor Apache y MySQL, si no pueden leer el siguiente Articulo.
Ahora necesitamos descargar la versión más actualizada de CodeIgniter (en este caso será 2.1.2)desde el siguiente enlace:
Una vez descargado copiamos el archivo al directorio htdocs y después lo descomprimimos; podemos observar que se extrae CodeIgniter y crea una carpeta, renombramos esa carpeta como crud.
Ahora tenemos CodeIgniter instalado y listo para utilizarse, podemos comprobar que hasta ahorita todo funciona correctamente yendo a la siguiente dirección: http://localhost/crud/.
Si muestra una pantalla como la siguiente, podemos seguir adelante.
Ahora tenemos que crear una base de datos y una tabla donde podremos guardar la información necesaria para la administración de inventarios.
Para hacer eso necesitamos realizar los siguientes pasos:
1. Ir a la direccion http://localhost/phpmyadmin.
2. Crear una nueva base de datos llamada crud_db.
3. Ingresamos a la base creada desde el panel de la izquierda.
4. Creamos una tabla llamda productos y agreamos 7 campos.
5. Empezamos a añadir los campos necesarios, en este ejemplo crearemos una pequeña tabla con lo siguiente:
- id tipo entero (debe ser llave primaria y autoincrementable)
- proveedor tipo varchar con una longitud de 50 caracteres.
- nombre tipo varchar con una longitud de 128 caracteres.
- descripcion tipo varchar con una longitud de 250 caracteres.
- precio_compra tipo float
- precio venta tipo float
- exitencia tipo int
Para hacer llave primaria y autoincrementable el campo id de la tabla es necesario seleccionar de la lista despegable la opción PRIMARY y activar el checkbox A_I.
6. Le damos clic en guardar y ya tendremos nuestra base de datos lista para comenzar a meterle información.
Bien, ya con esto podemos comenzar a configurar y preparar CodeIgniter para poder desarrollar nuestra aplicación.
Ahora abrimos nuestra carpeta crud y tendrá la siguiente estructura:
Nosotros tenemos que modificar dos archivos antes de continuar, primero abrimos el archivo /crud/application/config/config.php.
Y complementamos la información que falta para que quede así:
|
1 |
$config['base_url'] = 'http://localhost/crud'; |
De esta forma le decimos que la url base de nuestra aplicación sera http://localhost/crud/.
Una vez realizado esto, necesitamos conectar la base de datos, para ello abrimos el archivo /crud/application/config/database.php y complementamos lo siguiente.
|
1 2 3 4 |
$db['default']['hostname'] = 'localhost'; $db['default']['username'] = 'root'; $db['default']['password'] = 'root'; $db['default']['database'] = 'crud_db'; |
Aquí lo que hicimos fue conectar la base de datos previamente creada a nuestra aplicación.
Ahora vamos a definir una ruta principal, para ello editamos el archivo /crud/application/config/routes.php de tal forma que tiene que quedar así.
|
1 |
$route['default_controller'] = "productos"; |
Teniendo todo configurado ahora estamos listos para instalar Grocery Crud, tenemos que descargar la ultima versión del siguiente enlace:
http://www.grocerycrud.com/downloads
Una vez descargada descomprimimos el archivo y quedara algo como esto.
Y después haremos lo siguiente:
- Copiamos la carpeta /assets a nuestra carpeta /crud/.
- De la carpeta de grocery ingresamos /application/config y copiamos grocery_crud.php a la carpeta /crud/application/config/.
- De la carpeta /application/libraries copiamos los dos archivos a la carpeta /crud/application/libreries/.
- Y finalmente copiamos grocery_crud_model.php de la carpeta /application/models a la carpeta /crud/application/models/.
Ahora que hemos copiado los archivos necesarios, debemos de crear 2 archivos más para que la aplicación funcione.
- Controlador: se encargará de cargar la librería y generar las reglas necesarias para crear el CRUD.
- Vista: Dara el formato de salida necesario.
En la carpeta /crud/application/controllers/ necesitamos crear un archivo nuevo y llamarlo productos.php, a este le agregamos el siguiente código:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 |
<?php if ( ! defined('BASEPATH')) exit('No direct script access allowed'); /* Heredamos de la clase CI_Controller */ class Productos extends CI_Controller { function __construct() { parent::__construct(); /* Cargamos la base de datos */ $this->load->database(); /* Cargamos la libreria*/ $this->load->library('grocery_crud'); /* Añadimos el helper al controlador */ $this->load->helper('url'); } function index() { /* * Mandamos todo lo que llegue a la funcion * administracion(). **/ redirect('productos/administracion'); } /* * **/ function administracion() { try{ /* Creamos el objeto */ $crud = new grocery_CRUD(); /* Seleccionamos el tema */ $crud->set_theme('flexigrid'); /* Seleccionmos el nombre de la tabla de nuestra base de datos*/ $crud->set_table('productos'); /* Le asignamos un nombre */ $crud->set_subject('Productos'); /* Asignamos el idioma español */ $crud->set_language('spanish'); /* Aqui le decimos a grocery que estos campos son obligatorios */ $crud->required_fields( 'id', 'nombre', 'descripcion', 'precio_venta', 'existencia' ); /* Aqui le indicamos que campos deseamos mostrar */ $crud->columns( 'id', 'proveedor', 'nombre', 'descripcion', 'precio_compra', 'precio_venta', 'existencia' ); /* Generamos la tabla */ $output = $crud->render(); /* La cargamos en la vista situada en /applications/views/productos/administracion.php */ $this->load->view('productos/administracion', $output); }catch(Exception $e){ /* Si algo sale mal cachamos el error y lo mostramos */ show_error($e->getMessage().' --- '.$e->getTraceAsString()); } } } |
Después en la carpeta /crud/aplications/views/ creamos una carpeta llamada productos y allí creamos un archivo llamado administracion.php, la ruta final será /crud/aplications/views/productos/administracion.php y agregamos el siguiente código:
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 |
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Administracion Productos - Sourcezilla</title> <?php foreach($css_files as $file): ?> <link type="text/css" rel="stylesheet" href="<?php echo $file; ?>" /> <?php endforeach; ?> <?php foreach($js_files as $file): ?> <script src="<?php echo $file; ?>"></script> <?php endforeach; ?> <style type='text/css'> body { font-family: Arial; font-size: 14px; } a { color: blue; text-decoration: none; font-size: 14px; } a:hover { text-decoration: underline; } </style> </head> <body> <h1>Administración de Productos</h1> <div> <?php echo $output; ?> </div> </body> </html> |
Con esto ya tendremos una pequeña aplicación para el manejo de inventarios desde una plataforma web, aunque el proyecto es muy básico ustedes pueden complementarlo con muchas cosas más.
Dejo unas capturas finales.
Descarga los archivos del tutorial aquí
De un error de base de datos Ocurrido
No se puede seleccionar la base de datos especificada: crud_db
Nombre del archivo: C: \ xampp \ htdocs \ crud \ system \ database \ DB_driver.php
Número de línea: 140
kerido gustavo… eso kiere decir ke kizas no has especificado muy bien el nombre de la base de datos o el servidor localhost o la clave o contraseña… ese error me da a mi por muchas razones y kiere decir mas ke nada sobre la especificacion de la base de datos
:3
prueba buscando en el archivo database.php
Hermanos programadores… tengo una duda sobre 2 tablas en mi pekeño sistemita! esta productos y ventas, tengo la tabla productos y la tabla ventas! lo ke kiero eske al realizar una venta X pues se reste del campo existencias en la tabla productos, y que al haber 0 existencias no se permita realizar mas ventas… como puedo hacer eso con grocery crud?… gracias de ante mano y prometo compartirles mi sistema al tenerlo terminado… se ke a mas de alguna persona le servida de mucho:::
Genial el tutorial, me ha servido de gran ayuda, tengo una duda y no se si alguien podrá aclararme Si tengo una tabla de empleados ¿Cómo puedo hacer que Grocery Crud solo me liste aquellos empleados de una determinada provincia? No se como pasarle un identificador a la tabla ¿Es posible? Gracias por la ayuda
Hola perdac
He probado el ejemplo que publicas y em sale este error que me rompe la cabeza:
Warning: Invalid argument supplied for foreach() in C:\wamp2\www\crud\application\views\productos\administracion.php on line 7
Warning: Invalid argument supplied for foreach() in C:\wamp2\www\crud\application\views\productos\administracion.php on line 10
Administración de Productos
y lo demas todo blanco por fa, dame una mano
http://lpsenlinea.net/tienda
usuario es = a
contraseña es = a
es la misma libreria Grocery Crud con unos implementos de mas! :3
Hola me sale el listado con todos los datos pero cuando voy a guardar sea por editar como por agregar me da el error “Ocurrio un error guardando” ayudaaaa pleaseee
saludos, saben si funciona grocery con ms sql, he intentado y nada, con codeigniter si funciona bien puedo hacer llamadas a bases de datos ms sql pero al querer llamar a una tabla con grocery crud no funciona
Hola pedgarc muy buen tutorial y de verdad me ha gustado como funciona de rapido. Quisiera que me dieras una idea. Quiero hacer que la tabla aparezca a partir de los resultados de un buscador y no que vacie la tabla completa no se si me explico.
hola saludes desde colombia… mil gracias por compartir tu conocimiento…
podrias colaborarme con un problema me sale este error al ejecutar el wampserver
A Database Error Occurred
Unable to select the specified database: crud_db
Filename: C:\wamp\www\crud\system\database\DB_driver.php
Line Number: 140
Hola, antes que nada felicidades por tu dedicación y tu tiempo, muchas gracias por tu ayuda, tengo un problema espero puedas ayudarme por favor, he creado un Crud en el cual en un campo hay ocasiones en el cual se plasman muchos caracteres , en la vista no se muestran todos solo unos cuantos seguidos de puntos suspensivos, ejemplo (ejemplo….), ¿como podria hacerle para que en esa columna me muestre todo el texto?
De antemano muchas gracias
Excelente tutorial, muy claro, gracias!
disculpa pedgarc ya agregue mas campos pero quisiera que cuando yo quiero insertar no me aparecen los demás campos que agregue
HOla! excelente tutorial!! solo que me sale error 404 no se encontró la página. alguien me puede ayudar??? por que saldrá este error??
Excelente tutorial pedgarc, muy pocos recursos se explican de modo tan claro (y en español). He estado intentando usar dropdown’s “dependientes” pero no he logrado hacerlo.
Me podrias ayudar con eso?
Grx.
Buenas, quisiera saber como puedo hacer para que las selecciones sean con combos dinamicos y que no tengan que teclear el valor que quieran introducir ahi.
alquien sabe como agregar en el formulario la opcion subir imagen … por favor es urgente
http://www.grocerycrud.com/examples/set_upload_field_example
Buenos dias, increible su funcionalidad, perdon la pregunta
Tengo el crud como subformulario dentro de un frame
se pueden ver desde el comienzosin tener que realizar el filtro; solo los registros que yo le indique por medio de un parametro por ejemplo: de la tabla productos solo quiero ver los registros del proveedor XYZ
Muy buen tutorial excelente!!! lo hice paso a paso, tal como lo explicas y me aparece este error:
An Error Was Encountered
Unable to load the requested class: grocery_crud
pero yo hice todo tal cual lo explicas, no encuentro el error!!!
Hola que tal!
Tengo una duda. ¿Cómo puedo hacer para comparar datos de un formulario? Me explico, en una tabla, tengo 3 campos numéricos que son: precio, abono y saldo. Necesito ingresar el precio de un pedido, con un abono realizado por un cliente y con esos 2 datos calcular el saldo pendiente, obviamente validando que el abono no sea mayor al precio, y la diferencia del precio, guardarla en el saldo.
Eso, intente de muchas maneras, pero no logro dar con ello.
Espero me puedan ayudar.
Saludos!
Hola amigo, gracias por el ejemplo me ahorraste mucho tiempo, solo alguna duda ¿Como agregar el motor de búsqueda?
hola realice el ejemplo conectando la base de datos a mysql y me funciona muy bien, el problema es cuando lo conecto a una base de datos postgres, me sale este error:
rror Number:
ERROR: error de sintaxis en o cerca de «.» LINE 1: SELECT
productos.* ^SELECT
productos.* FROM “productos” LIMIT 10Filename: C:\xampp\htdocs\contratacion\system\database\DB_driver.php
Line Number: 331
agradeciria que me ayudaras gracias espero pronto tu respuesta.
hola, para invocarlo desde otro archivo php
use include y me bota el error:
“Your system folder path does not appear to be set correctly. Please open the following file and correct this: index.php”
alguna ayuda. gracias
hola veo que a varios les salio el error 404 despues de seguir los pasos, ya le busque por todo lado y nada, sigo en el mismo error, alguien pudo solucionarlo???
Buenas noches! Una consulta, soy muy nueva en todo eso, por eso la consulta!
No necesitamos crear ningún modelo de la tabla de la base de datos? o eso seria necesario de crar todo en forma manual si usar grocery crud
Desde ya muchas gracias
Excelente tutorial , funciona perfecto , gracias amigo , tengo una serie de preguntas espero que me puedas responder lo más pronto posible.
1. Las cabeceras de las tablas tienen el nombre del campo de la base de datos , cómo puedo personalizarlo, es decir ponerle un nombre diferente en lo que me muestra en pantalla y que se quede como yo deseo en mi base de datos , esto para que el usuario final pueda entender el nombre de campo que se muestra en la aplicación final.
¿Qué archivo tengo que editar?
2. ¿En qué parte edito el nombre de los botones?
no me sale error, pero me sale una pantalla en blanco… que puede ser?
Excelente aporte.
The Ventura Film Festival is an international film festival that raises awareness for environmental issues such as forest
and ocean preservation and restoration, through a yearly film festival and related events.
The Ventura Film Festival was founded in 2004 by Jordan Older and has screened hundreds of films, usually over 200
films each summer, and has attracted attention from the international film community.
Some of the highlights have been hosting award winning filmmaker Dylan O’Neil, the first ever
world champion surfers Peter “PT” Townend
and Ian Cairns, 4 time world champion Brazilian Jiu-Jitsu/MMA
fighter Fabio Leopoldo, and the 50th Anniversary of West Side Story, which included hosting the entire Academy Award winning cast of West Side Story, including Academy
Award winner/Golden Globe winner George Chakiris and Golden Globe winner/Academy Award nominee Russ Tamblyn.
Jordan Older, the Ventura Film Festival founder and executive director,
was selected to take part, along with many of Hollywood’s top stars, in the 50th
Anniversary of West Side Story and Hollywood’s footprint/handprint ceremony for Academy Award winners Rita Moreno, George Chakiris, and Golden Globe winner Russ Tamblyn at the Chinese Theater in Hollywood.
This event also doubled as the official BluRay release by Fox and MGM of West Side Story,
which is widely considered by critics and fans to be the best musical of
all time.
Find out more about the Ventura Film Festival at http://venturafilmfestival.org.
Hey there! I just wanted to ask if you ever have any
problems with hackers? My last blog (wordpress)
was hacked and I ended up losing several weeks of hard work due to no data backup.
Do you have any methods to stop hackers?
I like the valuable information you supply on your
articles. I’ll bookmark your blog and take a look at again right here regularly.
I’m moderately sure I’ll be informed many new stuff right here!
Best of luck for the following!