Subir imágenes y datos con el mismo formulario html

Read More
Actualizar foto de perfil
Actualizar foto de perfil

¡Hola Kumbieros! Hoy les traigo un tutorial básico para quienes deseen conocer como subir imágenes y datos con el mismo formulario. Es una pregunta recurrente que hemos tenido en nuestro chat de Slack y no es sencilla de responder por ese medio, por eso les presentaré un ejemplo práctico de la creación y actualización de usuario con foto de perfil.

Crearemos un modelo, un controlador y tres vistas, usaremos la librería Upload incluida en KumbiaPHP para gestionar la subida del archivo. Al final dejo el enlace con el código fuente en un repositorio en Github para que puedan ver el ejemplo completo, incluso descargarlo y ponerlo a funcionar.

Base de datos

Lo primero es la tabla en la base de datos:


CREATE TABLE IF NOT EXISTS `user` (
  `id` int(11) NOT NULL AUTO_INCREMENT,
  `name` varchar(255) NOT NULL,
  `age` int(11) NOT NULL DEFAULT '0',
  `email` varchar(255) NOT NULL,
  `photo` varchar(255) DEFAULT 'default.png',
  PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=1 DEFAULT CHARSET=utf8;

Modelo

Ahora el modelo que hereda de ActiveRecord para que nos de la capacidad de operaciones con la tabla de la base de datos:

Archivo: app/models/user.php


<?php

/**
* Clase para manejar los datos del usuario, tabla 'user'
*/
class User extends ActiveRecord 
{

}

Controlador

Ahora el controlador que nos permitirá pasar y recibir datos de las vistas. Arrancaremos con el listado de usuarios y para esto creamos la función index.

Archivo: app/controllers/user_controller.php


<?php
/**
 * Controlador para las acciones y vistas con el usuario
 */
class UserController extends AppController
{

    public function index()
    {
        $this->data = (new User)->find();
    }
}

Vistas

Y su respectiva vista.

Archivo: app/views/user/index.phtml


<h1>Lista de usuarios</h1>
<?= Html::linkAction('create', 'Crear', 'class="button"') ?>
<?php View::content() ?>
<?php if (count($data)) { ?>
    <table class="u-full-width">
        <thead>
            <tr>            
                <th>Nombre</th>
                <th>Edad</th>
                <th>Correo</th>
                <th>Foto</th>
                <th>Acciones</th>
            </tr>
        </thead>
        <tbody>
            <?php foreach ($data as $item) { ?>
                <tr>
                    <td><?= $item->name ?></td>
                    <td><?= $item->age ?></td>
                    <td><?= $item->email ?></td>
                    <td><?= $item->photo ?></td>
                    <td><?= Html::linkAction("edit/$item->id", 'Editar') ?> | <?= Html::linkAction("update_photo/$item->id", 'Actualizar foto') ?></td>
                </tr> 
            <?php } ?>        
        </tbody>
    </table>
<?php } else { ?>
    <h2>No hay ningún registro</h2>
<?php } ?>

Continue reading “Subir imágenes y datos con el mismo formulario html”

Preguntas resueltas en Slack 2

Read More

En estas semanas las dudas que hemos resuelto han sido bastante específicas y la mayoría no eran aptas para ser incluidas en este artículo, por ello he tardado más en reunir el material suficiente para realizar un nuevo post.

A pesar de lo anterior, el texto está listo y ha quedado bastante jugoso, así que no los haré esperar más y los dejaré con el compendio de  preguntas resueltas:

¿Cómo hacer un confirm alert? Pregunta ycaicedo

Este ejemplo es con javascript usando el helper Html::link() o Html::linkAction() que permite mostrar primero un diálogo de confirmación al usuario, aunque es fácil de saltar, por ejemplo si el usuario desactiva javascript en el navegador:

<?= Html::linkAction("borrar/$item->id", 'Borrar', 'onclick="return confirm(\'¿Está seguro?\')"') ?>

¿KumbiaPHP soporta CamelCase en el nombre de tablas? Pregunta abriceno

Con el atributo $source de la clase ActiveRecord se le puede indicar a que tabla consultar, pero el desarrollador debe acordarse de hacer el cambio.Ejemplo:


<?php

class MateriaPrima extends ActiveRecord {

    //Tabla utilizada para realizar el mapeo
    protected $source = 'MateriaPrima';
}

¿Cómo le inserto una clase a un select generado con Form::dbSelect()? Pregunta jerson.fuentes

El helper Form::dbSelect() tiene los siguientes argumentos:

Form::dbSelect(campo_id, campoAMostrar,array(modelo,metodo),"Seleccione",atributos)

Ejemplo:


Form::dbSelect("lotes.lotes_categorias_id","nombrecategoria",null,"Seleccione",'class="form-control"');

Saben como después de actualizar un dato, redirigirme a la vista anterior

Para redireccionar en KumbiaPHP existe la clase Redirect

Ejemplo de uso de REdirect::to()
Ejemplo de uso de REdirect::to()

La redirección se puede hacer con Redirect::to() antecedido con un return para que sea lo último que ejecute.

Recomendaciones de joanhey

Mitos sobre el rendimiento de PHP

Busted! 10 Performance Myths you should avoid. Es una presentación muy recomendable de Thomas Lohner de SysEleven GmbH que en 2015 en una charla menciona los 10 mitos sobre mejorar el rendimiento que se deben evitar.

Lo más importante es usar bien las herramientas.

HTTPie un buen sustituto de Curl

HTTPie es una app que funciona en Linux, MacOs y Windows. Es muy útil como sustituto de Curl.

Nos permite fácilmente probar nuestros servidores, API RESTful y web services.

NetBeans IDE y PHP, los mejores amigos

Read More

Desde tiempos inmemorables, mentiras no hace mucho, desde hace 13 años aproximadamente con mis inicios en el desarrollo de software con el lenguaje java y php, llevo usando NetBeans IDE, amado por muchos y odiado por otros tantos.

La primer característica que se le asigna por quienes no lo quieren tanto es que es pesado y lento, pueden tener razón pero esto se ve compensado por sus muchas caracteríscas y ya no viene a ser tan lento cuando solo descargas la versión que necesitas, es decir solo con los plugins para tus desarrollos, y en el caso de KumbiaPHP te recomiendo la versión NetBeans IDE PHP, pesa solo 142 MB y es gratuita. Recordemos también que es un proyecto de código libre aunque este detrás Oracle y múltiplataforma, funciona decentemente en Windows, Linux y macOS.

Descargas de NetBeans IDE

Es el mejor amigo de KumbiaPHP y de PHP en general porque:

Netbeans poderoso editor de código PHP

El editor de NetBeans PHP proporciona plantillas de código y herramientas de generación de código, como generación de “getter y setter”, refactorización, tales como “renombrar instantáneamente”, sugerencias de parámetros, sugerencias y arreglos rápidos, y completado de código inteligente.

Autocompletado de código y visualización de la documentación. Ctrl + Espacio

Proyectos PHP

 NetBeans ofrece una versión del IDE hecha a medida para el desarrollo de sitios y aplicaciones web de PHP que comprenden una variedad de lenguajes de scripting y mark-up. El editor de PHP está dinámicamente integrado con HTML, JavaScript y funciones de edición CSS. También se integra son sistemas de control de versiones como Git, Mercurial y Subversion.

Navegación en los proyectos
El navegador permite ir rápidamente a atributos y funciones solo dando doble clic

No importa el IDE que uses, lo importante es que uses alguno, con el que te sientas cómodo y te ayude a trabajar más rápido. Mi elección hasta ahora ha sido NetBeans.

Este artículo hace parte de la serie iniciada por Nelson Rojas: Programar código PHP ¿IDE o editor de Texto?

Páginas hechas con kumbia: geotronics.es y mtgsearch.it

Hola !!

En este post quiero enseñaros lo que he sido capaz de hacer hasta ahora con KumbiaPHP, os presento un par de páginas webs monolíticas, pero que gracias a la ayuda del framework me ha resultado fácil y rápido.

1) Geotronics es una WEB de GPSs industriales para obra y agricultura.
El diseño corre de la mano de Dadú estudio. Geotronics es una WEB 2.0 y como tal expone su contenido de eventos, ofertas e información de productos para que los usuarios y clientes puedan compartir su opinión.
La WEB actualiza su contenido con un CMS también logrado con KumbiaPHP y Bootstrap para el acabado.
Subida de archivos, gestión de usuarios, control en árbol de todas las secciones con pestañas y formularios vistosos que agilizan la actualización de todo.

GEOTRONICS SCREENSHOT

2) MTGSEARCH es una WEB del juego coleccionable llamado Magic: The Gathering o Magic: el encuentro.
Los usuarios aquí están informados de todo lo relacionado con este mundillo y todo gracias al uso de KumbiaPHP y MaterializeCSS para el acabado.
Buscadores rápidos, zona privada bien segura, acceso a las secciones a una velocidad sorprendente, manejo ágil de la base de datos.
En resumen, es todo lo que Google quiere para posicionarte bien; que la WEB sea rápida con diseño responsive para que se vea bien en todas las pantallas y el contenido sea usable.

MTGSEARCH SCREENSHOT

Saludos !!

Preguntas resueltas en Slack 1

Read More

¡Hola Kumbieros!

Como algunos sabrán, va en aumento las personas que nos empiezan a contactar a través del chat de KumbiaPHP en Slack. Donde de manera voluntaria y altruista Kumbieros con más experiencia dedicando algo de su tiempo ayudan a novatos y no tan novatos a resolver sus dudas sobre el framework y otros menesteres propios del diseño e implementación de software. Si aun no has ingresado puedes pedir tu ingreso en esta dirección: http://slack.kumbiaphp.com/

Slack es muy bueno para dar soporte, pero con el transcurrir del tiempo los mensajes se van perdiendo y se escurre por el desagüe ese gran contenido que nos podría ayudar a todos. Por eso hemos decidido crear esta sección para mantener de manera permanente y pública esta valiosa información. Sin más introducción les dejo la siguiente colección de preguntas y respuestas:

¿Cómo hacer enlaces en KumbiaPHP que registre en donde estoy o mejor dicho el enlace activo?

Pregunta jerson.fuentes
Pregunta relacionada de josher1601

¿De alguna forma se puede obtener el controlador que estoy viendo y la acción?

En el controlador y la vista disponemos de variables para obtener está información:
$module_name;
$controller_name;
$action_name;

Ejemplo de uso en un controlador:


<?php
class AppController extends Controller
{
  final protected function initialize()
  {
    Flash::info("El módulo es $this->module_name"); //Si hay módulo retorna el nombre del módulo
    Flash::info("El controlador es $this->controller_name"); //Retorna el nombre del controlador
    Flash::info("La acción es $this->action_name");  //Retorna el nombre de la acción
  }

  final protected function finalize()
  {
  }
}

Ejemplo de uso en una vista:

Usted está en el controlador <?= $controller_name ?> y la acción <?= $action_name ?>

 

¿Para que funcione Flass::success() había que activar algo?

Pregunta marcelok. Pregunta relacionada de yecaicedo:

Acabé de realizar un CRUD sencillo pero cuando guarda no me muestra el Flash::valid()

Para mostrar los mensajes Flash y solo si hay redirección de URL (usando por ejemplo Redirect::to()) se debe poner antes de ninguna salida, la función session_start() con ponerlo en el controlador que lo necesita es suficiente.

¿Cuando realizo el save() hay algún método que retorne el last_insert_id? Pregunta xavi92

Si haces un save() el objeto ya tiene el valor en el campo id

Ejemplo:


<?php

//Si guarda correctamente
if($album->save()){
  $album->id; //Retorna el id con el cual ha sido guardado
}

¿En Skeleton puedo usar al 100% el ancho de la pantalla? Leí que el grid tiene un ancho de 960px Pregunta marcelok

Es igual para todos los frameworks css, los row siempre son fluidos, si no se usa container será del máximo siempre, si se usa container el máximo será 960 que se puede cambiar si se quiere. Hay que tener cuidado con usar el máximo de la pantalla ya que hay pantallas muy anchas y por usabilidad esto podría ser un fallo.

¿Me gustaría saber utilizar librerías propias? Hace tiempo utilicé la de Captchar… Pero si son algo mas complejas no tengo idea. Pregunta viclomu

La idea general es la siguiente. Van en la carpeta vendor si es para PSR0 y PSR4 lib, las que no lo son cada una tiene una forma, lo mejor es crear un fichero php en libs y poner la carpeta dentro de libs con la librería. Si la librería es un fichero solo en libs. Si es mas completa va en una carpeta y un fichero nombre_clase.php que tendrá que llamar a lo que necesite, algunas traen autoload otras has de llamar al fichero principal, hay que hacerle un puente en los casos necesarios ya que no hay una forma única.

Tip para usuarios de Atom:

Se puede lanzar fácilmente un servidor de PHP con el siguiente paquete: https://atom.io/packages/php-server recuerda lanzarlo desde la carpeta public como muestra la siguiente imagen:

Esto ha sido parte de todo lo que se aprende en Slack y los Kumbieros ¡Hasta la próxima!