Ejemplo miTiendita Elaborado en PHP con Conexion a Mysql

 

@Autor: Prof. Luis Mitre

para iniciar trabajando con PHP necesitaremos de la ayuda de un software editor de código y un servidor WEB que explico a continuación:

Software SublimeText, este software lo podrás descargar desde AQUI el cual cuenta con 2 versiones una Instalable y otra Portable tu Decide cual.

Ahora que ya instalaste el Software, procederemos a descargar e instalar nuestro servidor web el cual usaremos XAMPP el cual puedes descargar desde AQUI,  cuando los descargues considera lo siguiente, este programa cuenta con la instalación de MARIADB o MYSQL dependiendo de la version que instales, pero si tu ya cuentas con MYSQL instalado. en el estilo de instalación de XAMPP elige que no se instale.

 

 

Una vez instalado el Sofware verifica que el panel de control de XAMPP que esta en la barra de notificacion de tu computadora donde esta el reloj, al abrirlo veaz lo siguiente:

 

Ana vez instalados los programas procedemos a trabajar con PHP

Paso 1:

Crearemos una carpeta llamada miTiendita dentro de la carpeta htdocs de xampp ubicada en c:>xampp

Paso 2:

ahora dentro de la carpeta creada anteriormente crearemos las siguientes carpetas:

• paginas           «En esta Carpeta pondremos todas las subPaginas»
• servidor          «En esta carpeta crearemos todos los archivos PHP para comunicar las aplicaciones tanto JAVA como Android»
• styles               «En esta carpeta pondremos nuestras hojas de estilo que en este caso usaremos un framework llamado BootStrap»

Paso 3:

ahora descargaremos las hojas de estilo de BootStrap desde su pagina dando un clic AQUI  :

una vez descargado el archivo lo descomprimiremos en la carpeta styles quedando de la siguiente manera:

Ahora que ya tenemos los estilos abriremos nuestro programa SublimeText, y abriremos nuestra carpeta de proyecto web miTiendita en: FILE>OPEN FOLDER y ubicas la carpeta quedando Asi:

  Paso 4:

Crearemos 4 nuevos archivos dando clic en menu File>NEW FILE y los grabaremos con extencion .PHP con los nombres:

• index.php
• principal.php
• salir.php
• seguridad.php

quedaría de la siguiente manera:

Paso 5:

Ahora en en el Archivo index.php pondremos lo siguiente:

<?php 
session_start();           
?> 

<style> 
        *{ 
            font-size: 14px; 
            font-family: sans-serif; 
        } 
        form.registro{ 
            background: none repeat scroll 0 0 #F1F1F1; 
            border: 1px solid #DDDDDD; 
            margin: 0 auto; 
            padding: 20px; 
            width: 278px; 
            box-shadow:0px 0px 20px black;  
            border-radius:10px;  
            position:relative; 
            top:30px; 
        } 
        form.registro div { 
            margin-bottom: 15px; 
            overflow: hidden; 
        } 
        form.registro div label { 
            display: block; 
            float: left; 
            line-height: 25px; 
        } 
        form.registro div input[type="text"], form.registro div input[type="password"] { 
            border: 1px solid #DCDCDC; 
            float: right; 
            padding: 4px; 
        } 
        form.registro div input[type="submit"] { 
            background: none repeat scroll 0 0 #DEDEDE; 
            border: 1px solid #C6C6C6; 
            float: right; 
            font-weight: bold; 
            padding: 4px 20px; 
        } 
        .error{ 
            color: red; 
            font-weight: bold; 
            margin: 10px; 
            text-align: center; 
        } 
</style> 

<form action="" method="post" class="registro"> 
    <h1 align="center">Mi Tiendita</h1>
<div><label>Usuario:</label> 
<input type="text" name="usuario"></div> 
<div><label>Clave:</label> 
<input type="password" name="password"></div> 
<div> 
<input type="submit" name="enviar" value="Acceso"></div> 
<br>
<p align="center">Hecho por @LuisMitre</p>
</form> 
             
<?php 
include("paginas/conexion.php");  
if(isset($_POST['enviar'])) 
{ 
    $usuario;
    if($_POST['usuario'] == '' or $_POST['password'] == '') 
    { 
        echo 'Por favor llene todos los campos.'; 
    } 
    else 
    { 
        $sql = 'SELECT * FROM usuarios'; 
        $rec = mysql_query($sql); 
        
        $verificar_usuario = 0; 
  
        while($row = mysql_fetch_row($rec)) 
        { 
            if($row[0] == $_POST['usuario'] and $row[1] == $_POST['password'] ) 
            { 
                $verificar_usuario = 1;
                if(!isset($_SESSION)) 
                    { 
                    session_start(); 
                    } 
                 $_SESSION["autentica"] = "SIP"; 
                 $_SESSION["usuarioactual"] = $row[2];
                
            } 
        } 
  
        if($verificar_usuario ==1) 
        { 
            echo '<script language="javascript">                
                window.location.href="principal.php";
                </script>';
       } else 
        { 
            echo '<script language="javascript">
                alert("Acceso denegado");
                window.location.href="#";
                </script>'; 
        }
    } 
} 
?>

en esta pagina php que es nuestro inicio de sesion nos pedira usuario y contraseña que buscara en la base de datos.

PASO 6:

Agregamos el siguiente codifo al archivo principal.php

<?php
 include("seguridad.php");
 $usuario=$_SESSION['usuarioactual'];
$pagina=isset($_GET['p']) ? strtolower($_GET['p']) : 'portada';
if($usuario=="Administrador"){
	require_once 'paginas/headerP.php';
}else if($usuario=="Encargado"){
require_once 'paginas/headerV.php';
}else if($usuario=="Vendedor"){
		require_once 'paginas/headerE.php';
}

require_once 'paginas/'.$pagina.'.php';

require_once 'paginas/footer.php';

este archivo es el que arma nuestra pagina en tres secciones, Cabecera, Cuerpo y Pie de Pagina.

PASO 7:

Agregamos el código de los Archivos Salir.php y Seguridad.ph los cuales son los que no permitirán abrir ninguna pagina si no hemos iniciado sesión..

Salir.php

<? 
//Reanudamos la sesión 
session_start(); 
//Literalmente la destruimos 
session_destroy(); 
//Redireccionamos a index.php (al inicio de sesión) 
header("Location: index.php"); 
?>

Seguridad.php

<? 
//Reanudamos la sesión 
@session_start(); 
//Validamos si existe realmente una sesión activa o no 
if($_SESSION["autentica"] != "SIP")
{ 
  //Si no hay sesión activa, lo direccionamos al index.php (inicio de sesión) 
  header("Location: index.php"); 
  exit(); 
} 
?>

PASO 8:

Ahora en la carpeta paginas crearemos los siguientes archivos con sus respectivos códigos:

• agregarprod.php
  

  <h1 class="page-header" align="center">Agregar Producto</h1>
  <div class="container">     
      <nav class="navbar navbar-default" >
      <form action="" method="post">
       <div class="form-group">     
           <label for="inputName">Codigo</label>
           <input type="text" name="codigo" class="form-control"  placeholder="Codigo" >
       </div>
       <div class="form-group" align="center">
       <button type="reset" class="btn btn-primary">Cancelar</button>
       <button type="submit" name="btnBuscar" value="1" class="btn btn-primary">Buscar</button>
       </div>
      </form>
      </nav>
      </div>
  <?php
  if($_POST){  
  include("conexion.php");
  if(isset($_POST["btnBuscar"])){
  $codigo=$_POST['codigo'];
    $sentencia="select *from productos where codigo like '".$codigo."';";
  $respuesta=mysql_query($sentencia);
  echo "  <div class='container'>
          <nav class='navbar navbar-default'>
          <form action='' method='post'>";
  while($row=mysql_fetch_row($respuesta)){
      echo "              
          <div class='form-group'>     
            <input type='hidden' name='codigoModificar' value='".$row[0]."'>
  
           <label for='inputName'>Codigo</label>
           <input type='text' value='".$row[0]."' name='txtcodigo' class='form-control'  placeholder='Codigo' disabled>
          </div>
          <div class='form-group'>     
           <label for='inputName'>Descripción</label>
           <input type='text' value='".$row[1]."' name='txtDescripcion' class='form-control'  placeholder='Descripcion' disabled>
          </div>
          <div class='form-group'>     
           <label for='inputName'>Cantidad</label>
           <input type='text' value='".$row[2]."' name='txtCantidad' class='form-control'  placeholder='Cantidad' >
          </div>
          <div class='form-group'>     
           <label for='inputName'>Precio</label>
           <input type='text' value='".$row[3]."' name='txtPrecio' class='form-control'  placeholder='Precio' disabled>
          </div>";
         
  
  }        
     echo "<div class='form-group' align='center'>
          <button type='reset' class='btn btn-primary'>Cancelar</button>
          <button type='submit' name='btnGrabar' value='1' class='btn btn-primary'>Grabar</button>
          </div></form> </nav></div>"; 
  
  }else if(isset($_POST["btnGrabar"])){
    $codigo=$_POST['codigoModificar'];
    $cantidad=$_POST['txtCantidad'];
    $sentencia="update productos set cantidad='".$cantidad."' where codigo='".$codigo."'";
    $respuesta=mysql_query($sentencia);
  }
  
  }
  
  
  ?>

  
  

   

  
  
• conexion.php
  

  <?php
  $servidor="localhost";
  $usuario="root";
  $password="123";
  $baseDatos="miTiendita";
  $conexion=mysql_connect($servidor,$usuario,$password)or die("Error en la conexion");
  mysql_select_db($baseDatos);
  ?>

  
  

   

  
  
• consultas.php
  

  <h1 class="page-header" align="center">Consultar Producto</h1>
  <div class="container">     
      <nav class="navbar navbar-default" >
      <form action="" method="post">
       <div class="form-group" align="center">
       <button  type="submit" name="btnBuscarCod" value="1" class="btn btn-primary">Buscar Por Codigo</button>
       <button  type="submit" name="btnBuscarDes" value="1" class="btn btn-primary">Buscar Por Descripcion</button>
       </div>
   	</form>
      </nav>
      </div>
  <?php
  include("conexion.php");
  if($_POST){
  	if(isset($_POST["btnBuscarCod"])){
  		echo "<div class='container'>     
      			<nav class='navbar navbar-default' >
      <form action='' method='post'>
       <div class='form-group'>     
           <label for='inputName'>Codigo</label>
           <input type='text' name='codigo' class='form-control'  placeholder='Codigo' >
       </div>
       <div class='form-group' align='center'>
       <button type='reset' class='btn btn-primary'>Cancelar</button>
       <button type='submit' name='btnBusCod' value='1' class='btn btn-primary'>Buscar</button>
       </div>
      </form>
      </nav>
      </div>";
  	}else if(isset($_POST["btnBuscarDes"])){
  	echo "<div class='container'>     
      			<nav class='navbar navbar-default' >
      <form action='' method='post'>
       <div class='form-group'>     
           <label for='inputName'>Descripcion</label>
           <input type='text' name='descripcion' class='form-control'  placeholder='Descripcion' >
       </div>
       <div class='form-group' align='center'>
       <button type='reset' class='btn btn-primary'>Cancelar</button>
       <button type='submit' name='btnBusDes' value='1' class='btn btn-primary'>Buscar</button>
       </div>
      </form>
      </nav>
      </div>";
  	}else if(isset($_POST["btnBusCod"])){
  		$codigo=$_POST['codigo'];
   		$sentencia="select *from productos where codigo like '".$codigo."';";
  		$respuesta=mysql_query($sentencia);
  		echo "
  			<div class='container'>
  			<table class='table table-bordered'>
  			<thead>
  				<tr>
  				<th>Codigo</th>
  				<th>Descripción</th>
  				<th>Cantidad</th>
  				<th>Precio</th>
  				</tr>
  			</thead>
  			<tbody>";
  		while($row=mysql_fetch_row($respuesta)){
  			echo"
  				<tr>
  					<td>".$row[0]."</td>
  					<td>".$row[1]."</td>
  					<td>".$row[2]."</td>
  					<td>".$row[3]."</td>
  				</tr>";
  		}
  		echo "</tbody></table></div>";
  
  	}else if(isset($_POST["btnBusDes"])){
  		$descripcion=$_POST['descripcion'];
   		$sentencia="select *from productos where descripcion like '".$descripcion."%';";
  		$respuesta=mysql_query($sentencia);
  		echo "
  			<div class='container'>
  			<table class='table table-bordered'>
  			<thead>
  				<tr>
  				<th>Codigo</th>
  				<th>Descripción</th>
  				<th>Cantidad</th>
  				<th>Precio</th>
  				</tr>
  			</thead>
  			<tbody>";
  		while($row=mysql_fetch_row($respuesta)){
  			echo"
  				<tr>
  					<td>".$row[0]."</td>
  					<td>".$row[1]."</td>
  					<td>".$row[2]."</td>
  					<td>".$row[3]."</td>
  				</tr>";
  		}
  		echo "</tbody></table></div>";
  	}
  
  }
  ?>

  
  

   

  
  
• footer.php
  

  <footer class="well well-sm text-center" >
  		<h5>Ejemplo miTiendita</h5>
  		<h6>Hecha Por 
  		<br>
  		Profesor Luis Mitre @2018</h6>
  	</footer>
  	</div>
    </body>
  </html>

  
  

   

  
  
• headerE.php
  

  <!DOCTYPE html>
  <html>
  <head>
  	<title>Mi Tiendita</title>
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
  	<meta charset="utf-8"/>
  	<link rel="stylesheet" type="text/css" href="styles/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  	 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    	 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  	<style>
  		body{
  			padding-top: 30px;
  		}
  	</style>
  </head>
  <body>
  	
  	<div class="container">
  	<nav class="navbar navbar-default">
  	<div class="container-fluid">
  	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  	<table class="table">
  		<th><!--inicia el botonPortada -->
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=portada" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Portada
  			</a>	
  			</div>
  			</td>
  			<!--Finaliza el boton Portada -->			
  			<!--Inicia el boton Consultar-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=consultas" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Consultar
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton Consultar-->
  			<!--Inicia el boton Inventario-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=Inventario" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Inventario
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton Inventario-->
  			<!--Inicia el boton NuevoUser-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="salir.php" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Cerrar Sesion
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton NuevoUser-->		
  
  		</th>
  		
  	</table>
  	</div>
  	</div>		
  	</nav>
  

  
  

   

  
  
• headerP.php
  

  <!DOCTYPE html>
  <html>
  <head>
  	<title>Mi Tiendita</title>
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
  	<meta charset="utf-8"/>
  	<link rel="stylesheet" type="text/css" href="styles/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  	 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    	 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  	<style>
  		body{
  			padding-top: 30px;
  		}
  	</style>
  </head>
  <body>
  	
  	<div class="container">
  	<nav class="navbar navbar-default">
  	<div class="container-fluid">
  	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  	<table class="table">
  		<th><!--inicia el botonPortada -->
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=portada" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Portada
  			</a>	
  			</div>
  			</td>
  			<!--Finaliza el boton Portada -->
  			<!--Inicia el boton Registrar-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=registrar" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Registrar
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton Registrar-->
  			<!--Inicia el boton Consultar-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=consultas" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Consultar
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton Consultar-->
  			<!--Inicia el boton Inventario-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=Inventario" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Inventario
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton Inventario-->
  			<!--Inicia el boton AgregarProd-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=agregarprod" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Agregar Producto
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton AgregarProd-->
  			<!--Inicia el boton NuevoUser-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=nuevousuario" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Nuevo Usuario
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton NuevoUser-->	
  			<!--Inicia el boton NuevoUser-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="salir.php" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Cerrar Sesion
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton NuevoUser-->		
  
  		</th>
  		
  	</table>
  	</div>
  	</div>		
  	</nav>
  

  
  

   

  
  
• headerV.php
  

  <!DOCTYPE html>
  <html>
  <head>
  	<title>Mi Tiendita</title>
  	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
  	<meta charset="utf-8"/>
  	<link rel="stylesheet" type="text/css" href="styles/bootstrap-3.3.7-dist/css/bootstrap.min.css">
  	 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
    	 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
  	<style>
  		body{
  			padding-top: 30px;
  		}
  	</style>
  </head>
  <body>
  	
  	<div class="container">
  	<nav class="navbar navbar-default">
  	<div class="container-fluid">
  	<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
  	<table class="table">
  		<th><!--inicia el botonPortada -->
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=portada" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Portada
  			</a>	
  			</div>
  			</td>
  			<!--Finaliza el boton Portada -->
  			<!--Inicia el boton Inventario-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="?p=Inventario" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Inventario
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton Inventario-->
  			<!--Inicia el boton NuevoUser-->	
  			<td>
  			<div class="btn-group" role="group">
  			<a href="salir.php" class="btn btn-default btn-sm">
  			<span class="glyphicon glyphicon-thumbs-up"></span>Cerrar Sesion
  			</a>	
  			</div>
  			</td>	
  			<!--fin del boton NuevoUser-->		
  
  		</th>
  		
  	</table>
  	</div>
  	</div>		
  	</nav>
  

  
  

   

  
  
• inventario.php
  

  <h1 class="page-header" align="center">Cambios</h1>
  <?php
  include("conexion.php");
  $consultaSQL="Select *from productos;";
  $resultado=mysql_query($consultaSQL);
  echo "
    <div class='container'>
    <table class='table table-bordered'>
    <thead>
      <tr>
      <th>Codigo</th>
      <th>Descripción</th>
      <th>Cantidad</th>
      <th>Precio</th>
      </tr>
    </thead>
    <tbody>";
  while($row=mysql_fetch_row($resultado)){
    echo"
      <tr>
        <td>".$row[0]."</td>
        <td>".$row[1]."</td>
        <td>".$row[2]."</td>
        <td>".$row[3]."</td>
      </tr>";
  }
  echo "</tbody></table></div>";
  
  ?>

  
  

   

  
  
• nuevousuario.php
  

  <h2 class="page-header" align="center">Agregar Usuarios</h2>
  <div class="container">
      <nav class="navbar navbar-default" >
      <form action="" method="post">
       <div class="form-group">
           <label for="inputName">Usuario</label>
           <input type="text" name="usuario" class="form-control"  placeholder="Usuario" >
       </div>
       <div class="form-group">
           <label for="inputName">Contraseña</label>
           <input type="password" name="pass" class="form-control" placeholder="Contraseña">
       </div>
       <div class="form-group">
           <label for="inputName">Confirmar Contraseña</label>
           <input type="password" name="confPass" class="form-control" placeholder="Confirmar Contraseña">
       </div>
       <div class="form-group">
           <label for="inputName">Nombre del Usuario</label>
           <input type="text" name="nombre" class="form-control" placeholder="Nombre del Usuario">
       </div>
       <div class="form-group">
           <label for="inputName">Apellido del Usuario</label>
           <input type="text" name="apellido" class="form-control" placeholder="Apellido del Usuario">
       </div> 
  
       <div class="form-group">
        <label for="sel1">Tipo de Usuario:</label>
        <select class="form-control" id="sel1" name="tipo" required>
          <option value="vendedor">Vendedor</option>
          <option value="encargado">Encargado</option>
          <option value="administrador">Administrador</option>
        </select>
  </div>	
               
       <div class="form-group" align="center">
       <button type="reset" class="btn btn-primary">Cancelar</button>
       <button type="submit" name="enviar" class="btn btn-primary">Enviar</button>
       </div>
      </form>
      </nav>
  </div>
  <?php
  include("conexion.php");
  if($_POST){
      if(isset($_POST["enviar"])){
          $usuario=$_POST['usuario'];
          $pass=$_POST['pass'];
          $confPass=$_POST['confPass'];
          $nombre=$_POST['nombre'];
          $apellido=$_POST['apellido'];
          $tipo=$_POST['tipo'];
          if($pass==$confPass){
          $sentenciaSQL="insert into usuarios values('"
                  .$usuario."','"
                  .$pass."','"
                  .$tipo."','"
                  .$nombre."','"
                  .$apellido."');";
          mysql_query($sentenciaSQL);
          }else{
          	echo "<script>alert('No se Registro el Usuario ya que las Contraseñas no Fueron Iguales')</script>";
          }
      }
  }
  ?>

  
  

   

  
  
• portada.php
  

  <h1 align="center">PORTADA</h1>
  <br><br>
  <h2 align="center">Ejemplo miTiendita</h2>
  <br>
  <h4 align="center">Conectada con una Aplicación Android y Escritorio(JAVA)</h4>
  

  
  

   

  
  
• registrar.php
  

  <h2 class="page-header" align="center">Registrar Producto</h2>
  <div class="container">
      <nav class="navbar navbar-default" >
      <form action="" method="post">
       <div class="form-group">
           <label for="inputName">Codigo de Producto</label>
           <input type="text" name="codigo" class="form-control"  placeholder="Codigo" >
       </div>
       <div class="form-group">
           <label for="inputName">Descripción del Producto</label>
           <input type="text" name="descripcion" class="form-control" placeholder="Descripción">
       </div>
       <div class="form-group">
           <label for="inputName">Cantidad de Productos</label>
           <input type="text" name="cantidad" class="form-control" placeholder="Cantidad">
       </div>
       <div class="form-group">
           <label for="inputName">Precio de Venta</label>
           <input type="text" name="precio" class="form-control" placeholder="Precio">
       </div>       
               
       <div class="form-group" align="center">
       <button type="reset" class="btn btn-primary">Cancelar</button>
       <button type="submit" name="enviar" class="btn btn-primary">Enviar</button>
       </div>
      </form>
      </nav>
  </div>
  <?php
  include("conexion.php");
  if($_POST){
      if(isset($_POST["enviar"])){
          $codigo=$_POST['codigo'];
          $descripcion=$_POST['descripcion'];
          $cantidad=$_POST['cantidad'];
          $precio=$_POST['precio'];
          $sentenciaSQL="insert into productos values('"
                  .$codigo."','"
                  .$descripcion."','"
                  .$cantidad."','"
                  .$precio."');";
          mysql_query($sentenciaSQL);
          
      }
  }
  ?>

  
  

   

  
  

todo.php

<?php
include("conexion.php");
$sentencia="select * from contactos";
$respuesta=mysql_query($sentencia);
$json=array();
if(mysql_num_rows($respuesta)){
	while($row=mysql_fetch_row($respuesta)){
		$json['contactos'][]=$row;
	}

}
echo json_encode($json);
?>