28/10/13

[ES] Translation The newbies grocery CRUD Tutorial - Extra coding / Plugins - grocery CRUD forum
Age Download this free white paper to learn how to dev elop a rich web app experience
v ia A d Pa ck s

g r ocer y CRUD w ebsit e

g r ocer y CRUD for u m Dev elopm en t Ex t r a codin g / Plu g in s

[ES] Translation The newbies grocery CRUD Tutorial

Started by fantas, Dec 3 1 2 01 1 08:3 4 AM

fantas
Tutorial de grocery CRUD para novatos. Tu primer CRUD con grocery Crud.

Post ed 3 1 Decem ber 2 0 1 1 - 0 8 :3 4 A M

Si no tienes experiencia en Codeigniter y todavia no puedes entender como crear tu propio CRUD, este tutorial de codeigniter CRUD es justo para ti, abajo podras encontrar los pasos a seguir para hacer funcionar grocery CRUD e instalarlo en cualquier proyecto. Todos los ejemplos aqui mencionados son basados en Codeigniter 2.x Paso 1. Primero que todo descarga codeigniter y asegurate que tu proyecto de la pantalla de bienvenida. Si tu proyecto se muestra como la siguiente imagen has instalado codeigniter correctamente!

Paso 2. Ahora estas listo para configurar tu codeigniter con tu base de datos. El archivo de configuracion para conexion se encuentra en application/config/database.php El archivo se debe de encontrar de la siguiente manera:
<?ph p i f ( ! d e f i n e d ('BA SEPA T H')) e x i t ('No dir ect scr ipt a ccess a llow ed'); /** * CodeIg n it er * * A n open sou r ce a pplica t ion dev elopm en t fr a m ew or k for PHP 5 .1 .6 or n ew er ... m pla m pla m pla */ $a ct iv e_g r ou p = 'defa u lt '; $a ct iv e_r ecor d = T RUE; $db['defa u lt ']['h ost n a m e'] = 'loca lh ost '; $db['defa u lt ']['u ser n a m e'] = ''; $db['defa u lt ']['pa ssw or d'] = ''; $db['defa u lt ']['da t a ba se'] = ''; $db['defa u lt ']['dbdr iv er '] = 'm y sql'; $db['defa u lt ']['dbpr efix '] = '';

www.grocerycrud.com/forums/topic/66-es-translation-the-newbies-grocery-crud-tutorial/

1/6

28/10/13

[ES] Translation The newbies grocery CRUD Tutorial - Extra coding / Plugins - grocery CRUD forum
$db['defa u lt ']['pcon n ect '] = T RUE; $db['defa u lt ']['db_debu g '] = T RUE; $db['defa u lt ']['ca ch e_on '] = FA LSE; $db['defa u lt ']['ca ch edir '] = ''; $db['defa u lt ']['ch a r _set '] = 'u t f8 '; $db['defa u lt ']['dbcolla t '] = 'u t f8 _g en er a l_ci'; $db['defa u lt ']['sw a p_pr e'] = ''; $db['defa u lt ']['a u t oin it '] = T RUE; $db['defa u lt ']['st r ict on '] = FA LSE; $db['defa u lt ']['fa ilov er '] = a r r a y (); /* En d of file da t a ba se.ph p */ /* Loca t ion : ./a pplica t ion /con fig /da t a ba se.ph p */

Asegurate que has introducido los parametros de tu base de datos correctamente por ejemplo:
$db['defa u lt ']['h ost n a m e'] = 'HOST '; $db['defa u lt ']['u ser n a m e'] = 'USUA RIO'; $db['defa u lt ']['pa ssw or d'] = 'CONT RA SEA '; $db['defa u lt ']['da t a ba se'] = 'NOMBRE_DE_LA _BA SE_DE_DA T OS';

Paso 3. Vamos a crear nuestro primer controlador. Lo llamaremos "Main. para hacer esto debes de ir a tu carpeta application/controllers y aadir un archivo llamado main.php, debe de quedar asi:
<?ph p i f ( ! d e f i n e d ('BA SEPA T H')) e x i t ('No dir ect scr ipt a ccess a llow ed'); c l a s s Ma i n e x t e n d s CI_Con t r oller { f u n c t i on __con st r u ct () { pa r en t ::__con st r u ct (); $t h is->loa d->da t a ba se(); } p u b l i c f u n c t i on in dex () { ech o "<h 1 >Bien v en ido a l m u n do de Codeig n it er </h 1 >"; //Solo u n ejem plo! d i e (); } } /* En d of file m a in .ph p */ /* Loca t ion : ./a pplica t ion /con t r oller s/m a in .ph p */

Asegurate que todo trabaje correctamente, dirigete a tu-proyecto /index.php/main y ves el mensaje "Bienvenido al mundo de Codeigniter" exelente vamos bien!. Si ves la siguiente imagen, ups! algo salio mal regresa al paso 2 y asegurate que estableciste tus datos de la base de datos correctamente.

Paso 4: Crear una tabla en tu base de datos por ejemplo "employees", el codigo Sql que debes de insertar es:
CREA T E T A BLE IF NOT EX IST S `em ploy ees` ( `em ploy eeNu m ber ` i n t (1 1 ) NOT NULL A UT O_INCREMENT , `la st Na m e` v a r ch a r (5 0 ) NOT NULL, `fir st Na m e` v a r ch a r (5 0 ) NOT NULL, `ex t en sion ` v a r ch a r (1 0 ) NOT NULL, `em a il` v a r ch a r (1 0 0 ) NOT NULL, `officeCode` v a r ch a r (1 0 ) NOT NULL, `file_u r l` v a r ch a r (2 5 0 ) CHA RA CT ER SET u t f8 NOT NULL, `jobT it le` v a r ch a r (5 0 ) NOT NULL, PRIMA RY KEY (`em ploy eeNu m ber `) ) ENGINE=My IS A M DEFA ULT CHA RSET =la t in 1 A UT O_INCREMENT =1 7 0 3 ;

INSERT INT O `em ploy ees` (`em ploy eeNu m ber `, `la st Na m e`, `fir st Na m e`, `ex t en sion `, `em a il`, `officeCode`, `file_u r l`, `jobT it le` (1 0 0 2 , 'Mu r ph y ', 'Dia n e', 'x 5 8 0 0 ', 'dm u r ph y @cla ssicm odelca r s.com ', '1 ', '', 'Pr esiden t '), (1 0 5 6 , 'Pa t t er son ', 'Ma r y ', 'x 4 6 1 1 ', 'm pa t t er so@cla ssicm odelca r s.com ', '1 ', '', 'V P Sa les'), (1 0 7 6 , 'Fir r elli', 'Jeff', 'x 9 2 7 3 ', 'jfir r elli@cla ssicm odelca r s.com ', '1 ', '', 'V P Ma r k et in g '),

www.grocerycrud.com/forums/topic/66-es-translation-the-newbies-grocery-crud-tutorial/

2/6

28/10/13

[ES] Translation The newbies grocery CRUD Tutorial - Extra coding / Plugins - grocery CRUD forum
(1 0 8 8 , 'Pa t t er son ', 'W illia m ', 'x 4 8 7 1 ', 'w pa t t er son @cla ssicm odelca r s.com ', '6 ', '', 'Sa les Ma n a g er (A PA C)'), (1 1 0 2 , 'Bon du r ', 'Ger a r d', 'x 5 4 0 8 ', 'g bon du r @cla ssicm odelca r s.com ', '4 ', 'pdft est .pdf', 'Sa le Ma n a g er (EMEA )'), (1 1 4 3 , 'Bow ', 'A n t h on y ', 'x 5 4 2 8 ', 'a bow @cla ssicm odelca r s.com ', '1 ', '', 'Sa les Ma n a g er (NA )'), (1 1 6 5 , 'Jen n in g s', 'Leslie', 'x 3 2 9 1 ', 'ljen n in g s@cla ssicm odelca r s.com ', '1 ', '', 'Sa les Rep'), (1 1 6 6 , 'T h om pson ', 'Leslie', 'x 4 0 6 5 ', 'lt h om pson @cla ssicm odelca r s.com ', '1 ', '', 'Sa les Rep'), (1 1 8 8 , 'Fir r elli', 'Ju lie', 'x 2 1 7 3 ', 'jfir r elli@cla ssicm odelca r s.com ', '2 ', 't est -2 .pdf', 'Sa les Rep'), (1 2 1 6 , 'Pa t t er son ', 'St ev e', 'x 4 3 3 4 ', 'spa t t er son @cla ssicm odelca r s.com ', '2 ', '', 'Sa les Rep'), (1 2 8 6 , 'T sen g ', 'Foon Y u e', 'x 2 2 4 8 ', 'ft sen g @cla ssicm odelca r s.com ', '3 ', '', 'Sa les Rep'), (1 3 2 3 , 'V a n a u f', 'Geor g e', 'x 4 1 0 2 ', 'g v a n a u f@cla ssicm odelca r s.com ', '3 ', '', 'Sa les Rep'), (1 3 3 7 , 'Bon du r ', 'Lou i', 'x 6 4 9 3 ', 'lbon du r @cla ssicm odelca r s.com ', '4 ', '', 'Sa les Rep'), (1 3 7 0 , 'Her n a n dez', 'Ger a r d', 'x 2 0 2 8 ', 'g h er n a n de@cla ssicm odelca r s.com ', '4 ', '', 'Sa les Rep'), (1 4 0 1 , 'Ca st illo', 'Pa m ela ', 'x 2 7 5 9 ', 'pca st illo@cla ssicm odelca r s.com ', '4 ', '', 'Sa les Rep'), (1 5 0 1 , 'Bot t ', 'La r r y ', 'x 2 3 1 1 ', 'lbot t @cla ssicm odelca r s.com ', '7 ', '', 'Sa les Rep'), (1 5 0 4 , 'Jon es', 'Ba r r y ', 'x 1 0 2 ', 'bjon es@cla ssicm odelca r s.com ', '7 ', '', 'Sa les Rep'), (1 6 1 1 , 'Fix t er ', 'A n dy ', 'x 1 0 1 ', 'a fix t er @cla ssicm odelca r s.com ', '6 ', '', 'Sa les Rep'), (1 6 1 2 , 'Ma r sh ', 'Pet er ', 'x 1 0 2 ', 'pm a r sh @cla ssicm odelca r s.com ', '6 ', '', 'Sa les Rep'), (1 6 1 9 , 'Kin g ', 'T om ', 'x 1 0 3 ', 't k in g @cla ssicm odelca r s.com ', '6 ', '', 'Sa les Rep'), (1 6 2 1 , 'Nish i', 'Ma m i', 'x 1 0 1 ', 'm n ish i@cla ssicm odelca r s.com ', '5 ', '', 'Sa les Rep'), (1 6 2 5 , 'Ka t o', 'Y osh im i', 'x 1 0 2 ', 'y k a t o@cla ssicm odelca r s.com ', '5 ', '', 'Sa les Rep'), (1 7 0 2 , 'Ger a r d', 'Ma r t in ', 'x 2 3 1 2 ', 'm g er a r d@cla ssicm odelca r s.com ', '4 ', '', 'Sa les Rep');

Ahora que insertaste el codigo sin ningun error, vamos al siguiente paso. Paso 5: Vamos a nuestro controlador y agregemos algunas cosas para hacer funcionar a grocery CRUD. Primero asegurate que instalaste grocery CRUD correctamente copiando TODOS los archivos y carpetas en tu proyecto. Para mas informacion visita ->Instalar grocery CRUD (http://www.grocerycrud.com/crud/view/codeigniter_installation) . Si todo marcha bien y no tienes ningun error o exepcion puedes dirigirte a tu-proyecto/index.php/main/employees y veras el resultado abajo, entonces todo funciona correctamente:

st dCla ss O b j e c t ( [ou t pu t ] => Y ou r ou t pu t w ill a ppea r h er e.... [js_files] => A r r a y ( [7 6 3 b4 d2 7 2 e1 5 8 bdb8 ed5 a 1 2 a 1 8 2 4 c9 4 f4 9 4 9 5 4 bd] => h t t p: //g r ocer y _cr u d/pu blic/g r ocer y _cr u d/t h em es/da t a t a bles/js/jqu er [0 b6 7 7 f3 fc6 fb2 5 b4 ba f3 9 eb1 4 4 2 2 2 1 1 6 c5 b6 0 2 5 4 ] => h t t p: //g r ocer y _cr u d/pu blic/g r ocer y _cr u d/t h em es/flex ig r id/js/cook ies.j [ec3 a e6 2 b8 d5 8 3 8 9 7 2 e8 5 8 fe5 4 4 4 7 bd4 bd8 d7 9 f8 8 ] => h t t p: //g r ocer y _cr u d/pu blic/g r ocer y _cr u d/t h em es/flex ig r id/js/flex ig r i [2 c0 ff5 6 d0 cbc6 f8 0 a 5 ef9 c7 7 0 d4 7 8 f0 e0 0 c3 1 7 0 d] => h t t p: //g r ocer y _cr u d/pu blic/g r ocer y _cr u d/t h em es/flex ig r id/js/jqu er y .for [4 7 4 4 9 5 ff1 e8 9 5 ea b8 1 fb8 a fba 4 db9 b0 6 c1 5 b1 9 a f] => h t t p: //g r ocer y _cr u d/pu blic/g r ocer y _cr u d/t h em es/flex ig r id/js/jqu er y .n u )

[css_files] => A r r a y ( [7 3 2 b0 3 a a 5 4 d1 2 4 f0 6 2 7 5 7 b7 1 e5 5 6 0 a cdc5 6 3 2 ba 6 ] => h t t p: //g r ocer y _cr u d/pu blic/g r ocer y _cr u d/t h em es/flex ig r id/css/flex ig ) )

Paso 6: Crear una vista, si recibimos este resultado todo marcha bien solo falta crear una vista para hacerlo funcionar. Para crear una vista tenemos que crear un archivo y tiene que quedar asi:
<!DOCT Y PE h t m l> <h t m l la n g ="en "> <h e a d > <m e t a ch a r set ="u t f-8 " /> <?ph p f or e a c h ($css_files a s $file): ?> <lin k t y pe="t ex t /css" r el="st y lesh eet " h r ef="<?ph p ech o $file; ?>" /> <?ph p en dfor ea ch ; ?> <?ph p f or e a c h ($js_files a s $file): ?> <scr ipt sr c="<?ph p ech o $file; ?>"></s c r i p t > <?ph p en dfor ea ch ; ?> <s t y l e t y pe='t ex t /css'> body { fon t -fa m ily : A r i a l ; fon t -size: 1 4 px ; } a { color : blu e; t ex t -decor a t ion : n on e; fon t -size: 1 4 px ; } a :h ov er {

www.grocerycrud.com/forums/topic/66-es-translation-the-newbies-grocery-crud-tutorial/

3/6

28/10/13

[ES] Translation The newbies grocery CRUD Tutorial - Extra coding / Plugins - grocery CRUD forum
t ex t -decor a t ion : u n der lin e; } </s t y l e > </h e a d > <b od y > <!-- Beg in n in g h ea der --> <d i v > <a h r ef='<?ph p ech o sit e_u r l('ex a m ples/offices_m a n a g em en t ')?>'>Offices</a > | <a h r ef='<?ph p ech o sit e_u r l('ex a m ples/em ploy ees_m a n a g em en t ')?>'>Em ploy ees</a > | <a h r ef='<?ph p ech o sit e_u r l('ex a m ples/cu st om er s_m a n a g em en t ')?>'>Cu st om er s</a > | <a h r ef='<?ph p ech o sit e_u r l('ex a m ples/or der s_m a n a g em en t ')?>'>Or der s</a > | <a h r ef='<?ph p ech o sit e_u r l('ex a m ples/pr odu ct s_m a n a g em en t ')?>'>Pr odu ct s</a > | <a h r ef='<?ph p ech o sit e_u r l('ex a m ples/film _m a n a g em en t ')?>'>Film s</a > </d i v > <!-- En d of h ea der --> <d i v st y le='h eig h t :2 0 px ;'></d i v > <d i v > <?ph p ech o $ou t pu t ; ?> </d i v > <!-- Beg in n in g foot er --> <d i v > Foot er </d i v > <!-- En d of Foot er --> </b od y > </h t m l >

y lo guardamos en application/views/tu_vista.php, ahora vamos a nuestro controlador para aadir mas cosas.
<?ph p i f ( ! d e f i n e d ('BA SEPA T H')) e x i t ('No dir ect scr ipt a ccess a llow ed'); c l a s s Ma i n e x t e n d s CI_Con t r oller { f u n c t i on __con st r u ct () { pa r en t ::__con st r u ct (); /* St a n da r d Libr a r ies of codeig n it er a r e r equ ir ed */ $t h is->loa d->da t a ba se(); $t h is->loa d->h elper ('u r l'); /* ------------------ */ } p u b l i c f u n c t i on in dex () { ech o "<h 1 >W elcom e t o t h e w or ld of Codeig n it er </h 1 >"; //Ju st a n ex a m ple t o en su r e t h a t w e g et in t o t h e fu n ct ion d i e (); } p u b l i c f u n c t i on em ploy ees() { $t h is->g r ocer y _cr u d->set _t a ble('em ploy ees'); $ou t pu t = $t h is->g r ocer y _cr u d->r en der (); $t h is->_ex a m ple_ou t pu t ($ou t pu t ); } f u n c t i on _ex a m ple_ou t pu t ($ou t pu t = n u l l ) { $t h is->loa d->v iew ('t u _v ist a .ph p',$ou t pu t ); } } /* En d of file m a in .ph p */ /* Loca t ion : ./a pplica t ion /con t r oller s/m a in .ph p */

Ahora visita http://tu-Url/tu-pro.../main/employees (http://tu-Url/tu-proyecto/index.php/main/employees) y tienes que visualizar una pantalla asi:

www.grocerycrud.com/forums/topic/66-es-translation-the-newbies-grocery-crud-tutorial/

4/6

28/10/13

[ES] Translation The newbies grocery CRUD Tutorial - Extra coding / Plugins - grocery CRUD forum
Eso es! ahora vamos a la cocina y prepara una bebida puede ser un caf un t o una cerveza ( Depende la hora del dia!) y disfruta del poder de grocery CRUD en tu proyecto. Despues puedes continuar leyendo los ejemplos (http://www.grocerycrud.com/crud/view/examples) o ir directo a los metodos y funciones (http://www.grocerycrud.com/crud/view/options_functions) de la libreria grocery CRUD. NOTA: Este tutorial solo muestra como instalar grocery CRUD en tu proyecto. Si tienes cualquier duda acerca de codeigniter, por ejemplo como usar las vistas, por favor visita la guia de usuario de codeigniter (http://codeigniter.com/user_guide/) o publica tu pregunta en el foro de codeigniter (http://codeigniter.com/forums/) . grocery CRUD, no funciona?. Puedes ver los problemas conocidos (http://www.grocerycrud.com/crud/view/known-issues) o puedes buscar una respuesta en nuestros foros (http://www.grocerycrud.com/forums/) . Todavia no puedes instalarlo? Mandanos un mensaje en nuestro formulario de ayuda (http://www.grocerycrud.com/crud/view/support) y respoderemos tan pronto como podamos. _________________________ T ranslatio n by @Hek to rc (http:/ / twitter.c o m/ hek to rc )

web-johnny

Post ed 0 1 Ja n u a r y 2 0 1 2 - 1 0 :3 3 PM

Thats awesome :-) Thanks a lot. I think this will attract more people to use and understand grocery crud
Post ed 0 5 Ja n u a r y 2 0 1 2 - 1 0 :0 5 PM

fantas
.

twister88888

Post ed 0 5 Ju ly 2 0 1 2 - 1 1 :5 2 A M

Hola me gustara saber de que manera se puede ocultar el parmetro id cuando se aade, edita o elimina. Una solucin sera pasarlo por $_POST en vez de $_GET. Gracias!! NO: http://localhost/web...s/index/edit/88 (http://localhost/webreservas/es/hoteles/index/edit/88) YES: http://localhost/web...eles/index/edit (http://localhost/webreservas/es/hoteles/index/edit/88)
Post ed 2 0 Oct ober 2 0 1 2 - 1 0 :2 4 PM

Jos Snchez Crdoba

Saludos en el paso 5 cuando pongo main/employees me dice que nada. Pienso si en el controlador no existe es lgico. Que puedo hacer mal para no ver el volcado que toca salir? por lo dems si continuo el ejercicio todo va perfecto. Incluso trabajo bin con grocery. Saludos excelente gracias.
Post ed 0 2 Ju ly 2 0 1 3 - 0 5 :0 5 PM

Vicoysito

Muchas gracias por el aporte! solo un pequeo detalle dentro del paso 5 al parecer falta la creacin del mtodo employees dentro del controller Main de otra forma nunca se desplegar la pantalla que se menciona despues de la creacin de la tabla en la base de datos, y es por eso que a muchos al entrar al url "tu-proyecto/index.php/main/employees" les genera error de primera instancia. S esto sucede asegurense de que se encuentre importada la librera de "grocery_CRUD" dentro del constructor y el mtodo employees dentro del controlador Main
f u n c t i on __con st r u ct () { pa r en t ::__con st r u ct ();

www.grocerycrud.com/forums/topic/66-es-translation-the-newbies-grocery-crud-tutorial/

5/6

28/10/13

[ES] Translation The newbies grocery CRUD Tutorial - Extra coding / Plugins - grocery CRUD forum
/* St a n da r d Libr a r ies of codeig n it er a r e r equ ir ed */ $t h is->loa d->da t a ba se(); $t h is->loa d->h elper ('u r l'); /* ------------------ */ $t h is->loa d->libr a r y ('g r ocer y _CRUD'); } p u b l i c f u n c t i on em ploy ees() { $t h is->g r ocer y _cr u d->set _t a ble('em ploy ees'); $ou t pu t = $t h is->g r ocer y _cr u d->r en der (); ech o "<pr e>"; pr in t _r ($ou t pu t ); ech o "</pr e>"; d i e (); }

un saludo y muchas gracias por el tutorial esta excelente!

Back to Extra coding / Plugins

g r ocer y CRUD for u m Dev elopm en t Ex t r a codin g / Plu g in s

www.grocerycrud.com/forums/topic/66-es-translation-the-newbies-grocery-crud-tutorial/

6/6