Close

Angular JS: Login + PHP PDO + MySQL

Para aprender alguna tecnología nueva tenemos que irnos metiendo sobre ella y que más que un “Login” al menos al realizar este pequeño ejercicio me dejo mucho aprendizaje sobre como programar con Angular JS cambiando totalmente un paradigma de desarrollo que tenía sobre jQuery.
Hoy les voy a mostrar un ejemplo que hice sobre un Login que le implemente PHP  5, Bootstrap y Angular JS.

Mi Vista : index.html

Mi Controller : app.js

Mi Modelo : index.php

 Usuario            : diegolira
Constraseña : huevos1

En conclusión Angular JS nos da una forma de trabajar el MVC muy practico y se que para muchos se nos complica venir de una forma de programar y entrar al desarrollo MVC. Pero una vez que lo empiezas a conocer te das cuenta que es mucho más practico y más que nada ordenado.

Para descargar el código por favor de seguir este enlace

Pueden ver el ejemplo en vivo aqui

8 thoughts on “Angular JS: Login + PHP PDO + MySQL

  1. Solo seria de Poner lo siguiente :
    < ?php session_start() require 'connector.php'; // TOMAMOS NUESTRO JSON RECIBIDO DESDE LA PETICION DE ANGULAR JS Y LO LEEMOS $JSON = file_get_contents("php://input"); $request = json_decode($JSON); $usuario = $request->usuario;
    $contrasena = $request->contrasena;

    consultarLogin($usuario,$contrasena);

    function consultarLogin($usuario,$contrasena){
    $sql =”SELECT * FROM logindh WHERE USUARIO = ‘$usuario’ AND CONTRASENA = ‘$contrasena’ “;
    try {
    $db = getConnection();
    $stmt = $db->query($sql);
    $usuario = $stmt->fetchObject();
    $_SESSION[“usuario”] = $usuario->usuario;
    $_SESSION[“contrasena”] = $usuario->contrasena;
    $db = null;
    echo json_encode($usuario);
    } catch(PDOException $e) {
    echo ‘{“error”:{“text”:’. $e->getMessage() .’}}’;
    }
    }
    ?>

    Saludos.

  2. Hola, el proyecto que dejaste en github en este enlace es uno de productos y no el de login, espero puedas resubirlo, desde ya muchas gracias por el ejemplo.

Leave a Reply

Your email address will not be published. Required fields are marked *

*

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.