Tienes que instalar un servidor de php mysql y apache para windows te recomiendo el appserv 2.5.9
la ruta de instalación es c:/appserv
dentro de esta hay una carpeta www en esta creas carpetas o archivos,de preferencia crea una carpeta
y en el iexplorer colocas localhost/mi_proyect/
y te mostrará el archivo que creaste.
tu creas un archivo html y dentro de este puedes utilizar script de php
o crear un archivo php y utilizar la estructura de html.
tienes que utilizar las funciones en php para conectar que son las siguentes:
$conect=mysql_pconnect($servidor,$root,$clave);
en:
$servidor=nombre del serbidor mysql ejm: $sevidor='localhost';
$root=nombre del usuario mysql por defecto root ejm: $root='root';
$clave=la clave que esta colocada en el servidor de mysql ejm: $clave='123456';
mysql_select_db($BDD,$conect); con esta seleccionas la base de datos con la que trabajaras
para trabajar con tablas:
SELECT * FROM categoria ORDER BY categorias
aqui te pongo un formulario echo con html y php, que trabaja con cajas de texto un table que actua de grid botones, etc.
$op_nombre=array(); $op_valor=array();
$op=$_POST['bt']; $id_au=$_POST['id_au'];
$id_usu=$_POST['id_usu']; $menu_selec=$_POST['menu'];
$usuarios=$_POST['txt_user']; $claves=$_POST['txt_clave'];
$id_aux=$id_au;
$buscar_ultimo=mysql_query("SELECT max(id) as id FROM usuario",$conect);
$row_ultimo=mysql_num_rows($buscar_ultimo);
if($row_ultimo>0)
{
$id_usu=mysql_result($buscar_ultimo,0,"id");
}
$buscar=mysql_query($query_usuario,$conect);
$row=mysql_num_rows($buscar);
///////////////// COLOCAR LOS DATOS DEL USUARIO AL ESCOJER EL ID
if(!empty($id_aux) and ($id_aux!=""))
{
// print'<br/>';
// echo $query_users.$id_aux;
$busc=mysql_query($query_users.$id_aux,$conect);
$rows=mysql_num_rows($busc);
if($rows>0)
{
$txt_nombre=mysql_result($busc,0,"nombre");
$txt_apellido=mysql_result($busc,0,"apellido");
$txt_user=mysql_result($busc,0,"usuario");
$clave=mysql_result($busc,0,"clave");
$txt_clave=base64_decode($clave);
}
}
///////////////////////////////////////////////////// OPERACION NUEVO
if((!empty($bt)) and ($bt=="Nuevo"))
{
$password=""; $txt_clave="";
$txt_user=""; $txt_nombre="";
$txt_apellido="";
}
///////////////////////////////////////////////////// OPERACION GUARDAR
if((!empty($bt)) and ($bt=="Grabar"))
{
$id_usu++;
$password=base64_encode($claves);
mysql_query($qinsert_user."($id_usu,$sl_rol,'$txt_nombre','$txt_apellido','$usuarios','$password')",$conect);
//mysql_query($QInsert_Us_Rol."(0,$sl_rol,$id_usu)");
refrescar($query_usuario,$conect);
$password=""; $txt_clave="";
$txt_user=""; $txt_nombre="";
$txt_apellido="";
}
///////////////////////////////////////////////////// OPERACION MODIFICAR
if((!empty($bt)) and ($bt=="Editar"))
{
$password=base64_encode($claves);
mysql_query($qupdate_user."nombre='$txt_nombre',apellido='$txt_apellido',usuario='$usuarios', clave='$password' WHERE id=$id_aux");
if($sl_rol!=0)
{
mysql_query($qupdate_user."rol_id=$sl_rol WHERE id=$id_aux");
echo $qupdate_user."rol_id=$sl_rol WHERE id=$id_aux";
}
refrescar($query_usuario,$conect);
$password=""; $txt_clave="";
$txt_user=""; $txt_nombre="";
$txt_apellido="";
}
///////////////////////////////////////////////////// OPERACION BORRAR
if((!empty($bt)) and ($bt=="Borrar"))
{
//mysql_query($QDel_Us_Rol."usuario_id=$id_aux");
mysql_query($qdelete_user.$id_aux);
refrescar($query_usuario,$conect);
$password=""; $txt_clave="";
$txt_user=""; $txt_nombre="";
$txt_apellido="";
}
////////////////////////// BUSCAR USUAIOS Y MOTRAR EN TABLA/////////////
$buscar=mysql_query($query_usuario,$conect);
$row=mysql_num_rows($buscar);
function refrescar($query_usuario,$conect)
{
if($row>0)
{
$tid_us=mysql_result($buscar,0,"id_user");
$tnombres=mysql_result($buscar,0,"nombre");
$tapellidos=mysql_result($buscar,0,"apellido");
$trol=mysql_result($buscar,0,"roles");
$tuser=mysql_result($buscar,0,"usuario");
$tclave=mysql_result($buscar,0,"clave");
if(empty($tuser))
$tuser="-----";
if((empty($tclave)) or (!empty($tclave)))
$tclave="***************";
}
}
////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////
$BRol=mysql_query($QRoles." ORDER BY id");
$rowsRol=mysql_num_rows($BRol);
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link type="text/css" rel="stylesheet" href="style.css"/>//llama a diseño css
<script type="text/javascript" src="java.js"></script>//llama a funcion js
<script type="text/javascript" src="funsiones java/funciones2.js"></script> //llama a funcion js
<script type="text/javascript">
function archivo(ruta)
{
var result = ruta;
document.ingresar.txt_user.value=result;
}
</script>
<style type="text/css">
<!--
#Layer1 {
position:absolute;
left:483px;
top:12px;
width:41px;
height:15px;
z-index:1;
}
#Layer2 {
position:absolute;
left:340px;
top:17px;
width:40px;
height:22px;
z-index:1;
}
-->
</style>
</head>
<body>
<form method="post" name="frm">
<input type="hidden" name="id_usu" value="<? echo $id_usu;?>"/>
<input type="hidden" name="id_au" value="<? echo $id_au;?>" />
<div id="contenedor">
<div align="center">
<table width="200" border="0">
<tr>
<td><table width="200" border="0">
<tr>
<td>
<div align="left">Nombre:</div>
</td>
<td>
<input type="text" name="txt_nombre" class="entrada" value="<? echo $txt_nombre;?>" onKeyUp="mayus_primer_caracter('txt_nombre',document.frm.txt_nombre.value.length,document.frm.txt_nombre.value);" />
</td>
</tr>
<tr>
<td>
<div align="left">Apellido:</div>
</td>
<td>
<input type="text" name="txt_apellido" class="entrada" value="<? echo $txt_apellido;?>" onKeyUp="mayus_primer_caracter('txt_apellido',document.frm.txt_apellido.value.length,document.frm.txt_apellido.value);" />
</td>
</tr>
<tr>
<td><div align="left">Usuario:</div></td>
<td><input type="text" name="txt_user" class="entrada" value="<? echo $txt_user;?>" /></td>
</tr>
<tr>
<td><div align="left">Clave:</div></td>
<td><input type="password" name="txt_clave" class="entrada" value="<? echo $txt_clave;?>" /></td>
</tr>
<tr>
<td><div align="left"><? //Permisos:?></div></td>
<td>
<label>
</label>
</td>
</tr>
<tr>
<td><div align="left">Roles:</div></td>
<td>
<div >
<select class="select" name="sl_rol">
<option value="0" selected="selected">Seleccione</option>
<?
if($rowsRol>0)
{
for($i=1;$i<$rowsRol;$i++)
{
print'<option value="'.mysql_result($BRol,$i,"id").'">'.mysql_result($BRol,$i,"roles").'</option>';
}
}
?>
</select>
</div>
</td>
</tr>
<tr>
<td><div align="left"><? //Clave:?></div></td>
<td><? //<input type="button" value="Dialogo" onclick="archivo(this.form)"/> ?></td>
</tr>
<tr>
<td></td>
</tr>
</table></td>
</tr>
</table>
<table width="200" border="0">
<tr>
<td>
<div align="center">
<input type="submit" name="bt" class="boton" value="Nuevo" />
</div>
</td>
<td>
<div align="center">
<input type="submit" name="bt" class="boton" value="Grabar" />
</div>
</td>
<td>
<div align="center">
<input type="submit" name="bt" class="boton" value="Editar" />
</div>
</td>
<td>
<div align="center">
<input type="submit" name="bt" class="boton" value="Borrar" />
</div>
</td>
</tr>
</table>
<br/>
<table width="300" border="1" bordercolor="#000000">
<tr>
<td>
<div align="center">
<label class="titulo">ID</label>
</div>
</td>
<td>
<div align="center">
<label class="titulo">NOMBRE</label>
</div>
</td>
<td>
<div align="center">
<label class="titulo">APELLIDO</label>
</div>
</td>
<td>
<div align="center">
<label class="titulo">USUARIO</label>
</div>
</td>
<td>
<div align="center">
<label class="titulo">CLAVE</label>
</div>
</td>
<td>
<div align="center">
<label class="titulo">ROL</label>
</div>
</td>
</tr>
<?
if($row>0)
{
for($i=1;$i<$row;$i++)
{
$tid_us=mysql_result($buscar,$i,"id_user");
$tuser=mysql_result($buscar,$i,"usuario");
$tclave=mysql_result($buscar,$i,"clave");
$tnombres=mysql_result($buscar,$i,"nombre");
$tapellidos=mysql_result($buscar,$i,"apellido");
$trol=mysql_result($buscar,$i,"roles");
if(empty($tuser))
$tuser="-----";
if((empty($tclave)) or (!empty($tclave)))
$tclave="***************";
print'<tr>';
//print'<td><div align="center"><a href="?b=1&id='.$menu_id.'&id_au='.$tid_m.'">'.$tid_m.'</a></div></td>';
if(!empty($tid_us))
{
print'<td><div align="center" ><input type="submit" class="boton" name="id_au" value="'.$tid_us.'"/></div></td>';
}
else
{
print'<td><div align="center">-----</div></td>';
}
print'<td><div align="center">'.utf8_encode($tnombres).'</div></td>';
print'<td><div align="center">'.utf8_encode($tapellidos).'</div></td>';
print'<td><div align="center">'.utf8_encode($tuser).'</div></td>';
print'<td><div align="center">'.utf8_encode($tclave).'</div></td>';
print'<td><div align="center">'.utf8_encode($trol).'</div></td>';
print'</tr>';
}
}
?>
</table>
</div>
</div>
<br/>
<div class="linea"></div>
<br/>
<?
if(!empty($bt) and $bt!='Nuevo' and $bt!='Borrar')
{
?>
<a href="?b=<? echo $b;?>&id=<? echo $id;?>&sub_menu=Permisos"><input type="submit" class="boton" value="Continuar" /></a>
<?
}
?>
</form>
</body>
</html>
Cabecera de pagina web html