Mostrando entradas con la etiqueta Login. Mostrar todas las entradas
Mostrando entradas con la etiqueta Login. Mostrar todas las entradas

jueves, 20 de octubre de 2016

Código para Login con PHP.

<?php

    $login = $password = "";
   
    if($_SERVER["REQUEST_METHOD"] == "POST"){
        $login = test_input($_POST["l"]);
        $password = test_input($_POST["p"]);
       
        //Conecion a la base de datos
       
        $servername = "localhost";
        $username = "usuariom";
        $password_db = "aXb4xefrEpdCtR2F";
        $dbname = "musicaviva_db";
       
        $conn = new mysqli($servername,$username,$password_db,$dbname);
       
        if($conn->connect_error){
            die("La conexion fallo ".$conn->connect_error);
        }else{
            //echo "Lista la conexion!";
            $sql = "SELECT nombre, tipo FROM usuarios WHERE login = '".$login."' AND password = '".$password."'";
            $result = $conn->query($sql);
           
            if($result->num_rows > 0){
                //echo "Concuerda la informacion.";
                //iniciamos session
               
                session_start();
               
               
                while($row = $result->fetch_assoc()){
                   
                    //Guardamos en variables de session el nombre y el tipo.
                   
                    $_SESSION["nombre"] = $row["nombre"];
                    $_SESSION["tipo"] = $row["tipo"];
                   
                }
               
            }else{
                echo $sql;
            }
        }
       
        //Cerramos la conexion a la Base de Datos
        $conn->close();
       
    }
   
    function test_input($data){
        $data = trim($data);
        $data = stripcslashes($data);
        $data = htmlspecialchars($data);
        return $data;
    }
   
   
?>
<!DOCTYPE html>
<html>
    <head>
        <meta charset="x-windows-874">
        <meta name="viewport" content="width-device-width, initial-scale=1.0">
      <title>MusicaViva.mus</title>
     
      <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" media="screen">
   
      </head>
    <body>
        <div id="logo" style="background-image: url('images/background.jpg')">
            <table>
                <tr>
                    <td><img class="img-responsive" src="images/logo.png" alt="logo" /></td>
                    <td><h2 style="color: white">MusicaViva.net</h2></td>
                </tr>
            </table>
        </div>
        <div id="menu">
            <nav class="navbar navbar-default">
 <div class="container-fluid">
                   
                    <ul class="nav navbar-nav">
                        <li> <a href="index.php">Inicio</a></li>
                        <li><a href="estilos.php">Estilos Musicales</a></li>
                        <li><a href="artistas.php">Artistas</a></li>
                        <li><a href="registro.php">Registro</a></li>
                        <li><a href="eventos.php">Eventos</a></li>
                    </ul>
            <?php
                if(!isset($_SESSION["nombre"])){
            ?>
                    <form action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" method="post" class="navbar-form navbar-right" id="formulario">
                        <div class="form-group">
                            <input type="text" placeholder="login" name="l" id="itLogin" />
                            <input type="password" placeholder="password" name="p" id="itPassword" />
                        </div>
                    <input type="submit" value="Ingresar" class="btn-default" id="btnEnviar" />
            </form>
            <?php
                }else{
                    echo "<H5 class='navbar-form navbar-right'>Usuario: ". $_SESSION["nombre"]."</H5>";
                }
            ?>
                </div>
            </nav>
        </div>
       
        <div id="contenido" class="container">
           
            <!--- Carrusel ----------------->
            <div id="myCarousel" class="carousel slide" data-ride="carousel">
  <!-- Indicators -->
  <ol class="carousel-indicators">
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
    <li data-target="#myCarousel" data-slide-to="1"></li>
    <li data-target="#myCarousel" data-slide-to="2"></li>
   
    <!--<li data-target="#myCarousel" data-slide-to="3"></li> -->
  </ol>

  <!-- Wrapper for slides -->
  <div class="carousel-inner" role="listbox">
    <div class="item active">
        <img src="images/foto1.jpg" alt="Eventos" class="img-responsive" >
    </div>

    <div class="item">
      <img src="images/foto2.jpg" alt="Estilos" class="img-responsive">
    </div>

    <div class="item">
      <img src="images/foto3.jpg" alt="Artistas" class="img-responsive">
    </div>
<!--
    <div class="item">
      <img src="img_flower2.jpg" alt="Flower">
    </div>
-->
  </div>

  <!-- Left and right controls -->
  <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
    <span class="sr-only">Previous</span>
  </a>
  <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
    <span class="sr-only">Next</span>
  </a>
</div>
            <!--- fin Carrusel -------------->
            <hr/>
            <div class="row">
           
                <div id="columna1" class="col-sm-4">
                <p>
                    <img src="images/foto1.jpg" alt="Eventos" style="width: 100%; height: 100%">
                <h3>Eventos</h3>
                Proximo concierto de JuanGabriel desde Ultratumba. No se lo pierdan. Esta de infarto.
                Precio: 1000 bitcoints.
                </p>
               
                </div>
                <div id="columna2" class="col-sm-4">
                <p>
                    <img src="images/foto2.jpg" alt="Estilos" style="width: 100%; height: 100%">
                <h3>Estilos</h3>
                    El Country es un estilo de musica 100% Gringo. Disfrutalo con nuestros Artistas
                    Internacionales.
                </p>
               
            </div>
                <div class="col-sm-4">
                    <p>
                        <img src="images/foto3.jpg" alt="Artistas" style="width: 100%; height: 100%">
                    <h3>Artistas</h3>
                    News: La Banda del Recodo decide hacer un encuentro con la Banda Militar de Inglaterra. No
                    se pierda esta guerra de bandas. No Cover. Damas 2x1 en Kawasakys. Riguroso chaleco antibalas.
                    </p>
                </div>
            </div>
           
            <!--- otro renglon -->
            <div class="row">
           
                <div id="columna1" class="col-sm-4">
                <p>
                    Esta es la informaci&Oacute;n de la primera columna.
                </p>
               
                </div><div id="columna2" class="col-sm-4">
                <p>
                    Esta es la informaci&Oacute;n de la Segunda columna.
                </p>
               
            </div>
                <div class="col-sm-4">
                    <p>
                    Tercera columna.
                    </p>
                </div>
            </div>
        <!--     fin del container -->
        </div>
        <footer>
        <div id="footer" class="panel-body">
            <!-- info referente a otras paginas o links redes sociales -->
            <ul class="list-group">
                <li class="list-group-item"><a href="informacion.html">Informacion</a></li>
                <li class="list-group-item"><a href="nosotros.html">Nosotros</a></li>
                <li class="list-group-item"><a href="mapa_sitio.html">Mapa del sitio</a></li>
                <li class="list-group-item"><a href="https://www.facebook.com">Facebook</a></li>
                <li class="list-group-item"><a href="https://www.twitter.com">Twitter</a></li>
            </ul>
           
        </div>
            </footer>
        <!-- Seccion de bootstrap y jquery -->
        <script src="js/jquery.min.js"></script>
        <script src="js/bootstrap.min.js"></script>
        <script>
            $(document).ready(function(){
               
                $("#btnEnviar").click(function(){
                   
                    var login = $("#itLogin").val();
                    var pass = $("#itPassword").val();
                   
                    if(login == ""){
                        alert("Ponga su login!");
                        return false;
                    } else {
                       
                        if(pass == ""){
                            alert("Ingrese el password!");
                            return false;
                        }
                    }
                });
            });
        </script>
       
        <!--
        <script>
            $(document).ready(function(){
                $("#bEnviar").click(function(){
                    var login = $("#itLogin").val();
                    var pass = $("#itPassword").val();gymboy
                   
                    if(login == ""){
                        alert("Ingresa el Login!")
                        return false;
                    }else{
                       
                        if(pass == ""){
                            alert("Ingresa el password!");
                            return false;
                        }
                    }
                }); 
            });
        </script>
        -->
    </body >
</html>