11/10/2015

[Programando]MenconPHPyMySQLTaringa!

Posts

MiT!

Hazlotmismo | 2aos

Comunidades

Juegos
Megusta

Tops

469581

INGRESAR

REGISTRARTE

juliangorge

Seguir

[Programando]Mencon
PHPyMySQL

52Seguidores
1.451Puntos
11Posts

Experto

Anuncios

Descarga Antivirus Gratis

360 Total Security Protege y acelera tu PC

Compartir

Twittear

HOLAGENTE!cmova?Enestaocacinempezarahacertutorialessobre
comohacerunapginawebconPHP,Mysql,Javascript,etc..parteporparte.
HoyempezaremosconunMenysubsmensconbaseaunawebdecompra

PostsRelacionados

yventadeartculos.
RECUERDENCHEKEARALGUNTUTOBASICODEPHPYMYSQLCOMO
TAMBINDEHTML/CSS
Lesdejounomo
Necesitasunahostsinotenes,conesteprogramapodstenertupropio
localhost.
Unavezdescargadoeinstalado,loiniciamos(RECUERDENDONDELO
INSTALARON):

Sistemadeusuariosconperfil
[PHPMYSQLCSS]v.2.0

Insertar,eliminarymodificar
registrosconPHPyMYSQL.

SeleccionamosenSTARTenMYSQLYAPACHE.Siquierenquesiempreest
funcionandosulocalhost(sinnecesidaddeabrirelprogramita),tienenque
instalarMYSQLYAPACHEhaciendoclickenelcheckbox
Sedirigenalacarpetadondeloinstalaron:(enmicasodiscoC)
C:/xampp/htdocsycreamosunacarpetaparaluegoiranuestronavegadory
poderentrarconhttp://localhost/nuestranombrecarpeta
Dondenotendrnnadatodava,obviamente.

PuntodeVentaenPHP,HTML5,
MySQL,Javascript,AJAX

Dirijmonosahttp://localhost/phpmyadminqueesnuestraBASEDEDATOS

Misistemadegestin

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

1/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!
Anuncio

ProgramasEspecializados
EnlaEscueladePosgradoUPC.Conocenuestros
programasaqu.
postgrado.upc.edu.pe/Programas

Hacemosclickenbasededatos(arribaenelmen)yponemoselnombrea
nuestradb,porahora:miweb.
Loqueestlacostado,llamadocotejamientoestaenlenguajeespaolpara
quepermitasubirinformacionalabasededatoscomotildes,etc.

SistemadeRegistroyLogin
SencilloconPHPyMySQL

SistemaDeFarmaciaWEBPHP
MYSQLBootstrapJqueryAjax

NosdirigimosalaseccinSQLparacrearunatablayponemoslosiguiente:
CREATETABLEIFNOTEXISTS`menu`(
`id`int(11)NOTNULLAUTO_INCREMENT,
`nombre`varchar(20)COLLATEutf8_spanish_ciNOTNULL,
PRIMARYKEY(`id`)
)ENGINE=InnoDBDEFAULTCHARSET=utf8COLLATE=utf8_spanish_ci
INSERTINTO`menu`(`id`,`nombre`)VALUES

Niode8aossecasa...

(1,'Hogar/Oficina'),
(2,'Empleos'),
(3,'Electr&oacutenica'),
(4,'Indumentaria'),
(5,'Automotores'),
(6,'Inmobiliaria'),
(7,'M&uacutesica'),
(8,'Servicios'),
(9,'Mascotas'),
(10,'Otros')

ElladooscurodeIsaacNewton

Esofueconrespectoalmenu,ahoravamosconloslistadosdelmismo
ID:identificadordelsubmenu.
Nombre:titulodelsubmenu
Menu_id:menualquepertenece(usandoID:identificador)
Cont_item:paracontarlacantidaddepublicacionesvinculadasael.(Opcional)

CREATETABLEIFNOTEXISTS`submenu`(
`id`int(11)NOTNULLAUTO_INCREMENT,
`nombre`varchar(40)COLLATEutf8_spanish_ciNOTNULL,
`menu_id`int(11)NOTNULL,
`cont_item`int(11)NOTNULL,
PRIMARYKEY(`id`)

EncuentranAnimalmuyextrao
enPlayadefrica

)ENGINE=InnoDBDEFAULTCHARSET=utf8COLLATE=utf8_spanish_ci

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

2/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!
INSERTINTO`submenu`(`id`,`nombre`,`menu_id`,`cont_item`)VALUES
(1,'Limpieza',1,0),
(2,'Decoraci&oacuten',1,0),
(3,'Muebles',1,0),
(4,'Ba&ntildeo',1,0),
(5,'Cocina',1,0),
(6,'Saladeestar',1,0),
(7,'Dormitorio',1,0),
(8,'Seguridad',1,0),
(9,'Jard&iacutenyexteriores',1,0),

Cmodarleunmejorusoaestos
neumaticos

(10,'Pisos,paredesyaberturas',1,0),
(11,'Audio/Video',3,0),
(12,'Computaci&oacuten',3,0),
(13,'Electrodom&eacutesticos',3,0),
(14,'Autom&oacuteviles',5,0),
(15,'Camionetas',5,0),
(16,'Bicicletas',5,0),
(17,'Motosycuatriciclos',5,0),
(18,'Departamentos',6,0),
(19,'Casas',6,0),
(20,'Fondosdecomercio',6,0),
(21,'Instrumentosmusicales',7,0),

Coloreelflashdesutelfono
mvil.Increbleefecto!

(22,'Microfon&iacutea',7,0),
(23,'SonidoeIluminaci&oacuten',7,0),
(24,'Instrumentosdecuerda',7,0),
(25,'Instrumentosdepercusi&oacuten',7,0),
(26,'Teclados/pianos',7,0),
(27,'Cursosyclases',8,0),
(28,'Ciudadpersonal',8,0),
(29,'Arte,m&uacutesicaycine',8,0),
(30,'Delivery',8,0),
(31,'Construcci&oacuten/mantenimiento',8,0),

Quenoteroben,trucosy
consejos

(32,'Veh&iacuteculos',8,0),
(33,'Profesionales',8,0),
(34,'Serviciot&eacutecnico',8,0),
(35,'Servicioparamascotas',8,0),
(36,'Transporte',8,0),
(37,'Viajes/turismo',8,0)

Ahorairemosalphp:
MYSQL.PHP

10CosasQueTenesQueHacer
AntesdeMorir

Nosconectaremosalabasededatos:

<?php
$bd_host="localhost"//localhostXD
$bd_usuario="root"//usuario
$bd_password=""//contrasea
$bd_base="miweb"//Nombredeladb
$con=mysql_connect($bd_host,$bd_usuario,$bd_password)
mysql_select_db($bd_base,$con)
?>

HaceunPadiluminadoconeste
Post

MENU.PHP

<divid="menu">
<?php
include("mysql.php")//Incluimoslosdatosdelaconexiondebasededatos
$menu_sql=mysql_query("SELECTid,nombreFROMmenu")//Seleccionalostitulosdelmenu
Photoshop|Entrayteenseoa
while($menu=mysql_fetch_row($menu_sql))//Entregaralosdatosenformade$menu[numero],empezandoconel0

realizarunbuendesenfoque
{//Repetiraelsiguienteechocontodoslosdatosdelaconsulta
echo'<ul>
<li>
<ahref="'.$menu[0].'">'.$menu[1].'</a>'//Seusael'..'para"pausar"elechoymostrarunavariableacompaadasiempreporpuntos.
$submenu_sql=mysql_query("SELECTid,nombre,menu_id,cont_itemFROMsubmenuWHEREmenu_id='"

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

3/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!
if(mysql_num_rows($submenu_sql)>0)//Silacantidaddefilasquemuestralaconsultaesmayora0imprimirialosiguiente(echo)
{
echo'
<div>
<ul>'
while($submenu=mysql_fetch_row($submenu_sql))
{
echo'
<li><ahref="'.$submenu[0].'">'.$submenu[1].'('.$submenu[3].')
</a></li>'
}

AumentatuSealWifiSinGastar
unPeso

mysql_free_result($submenu_sql)//Liberamosmemoriaparanosaturarelservidor,siesmuyvisitado,perosiempreesmejortomarprecauciones:)
echo'
</ul>
</div>'
}
echo'
</li>
</ul>
'
}

Pasate:MegaPostCmoOrdenar
LosCablesEnTuVirgocueva!

mysql_free_result($menu_sql)//Aquitambienliberamoslamemoriaenlaconsultadelmenu
mysql_close()//Cerramoslaconexionaladb
?>
</div>

BuscateunLaburohonesto?
Parte2.Detalles,planos,etc

EXPLICACINGENERAL:
Hemostomadolosnombresdelosmenusylaslistasdirectamentedenuestra
basededatos,habilitandoel<div>siestemenutenaalgunalista.

Y...deyapa:
STYLE.CSS

LosmejorestrucosparaquelaPC
rindams

#menu{
background:#585858
borderbottom:1pxsolid#000000
height:37px
marginbottom:15px
webkitborderradius:5px5px5px5px
mozborderradius:5px5px5px5px
khtmlborderradius:5px5px5px5px
borderradius:5px5px5px5px

Losproblemasquehacenlentaa
lapcyresuelvelos

webkitboxshadow:0px2px2px#DDDDDD
mozboxshadow:0px2px2px#DDDDDD
boxshadow:0px2px2px#DDDDDD
padding:0px5px
}
#menuul{
liststyle:none
margin:0
padding:0
}
#menu>ul>li{

Construimipropioasador,ytelo
muestro!

position:relative
float:left
zindex:20
padding:6px5px5px0px

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

4/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!
}
#menu>ul>li:hover{
}
#menu>ul>li>a{
fontsize:13px
color:#FFF
lineheight:14px
textdecoration:none
display:block

ComoCrearCarteldeBienvenidos
ParatusPosts,Facil

padding:6px10px6px10px
marginbottom:5px
zindex:6
position:relative
}
#menu>ul>li:hover>a{
background:#000000
}
#menu>ul>li>div{
display:none

Hiceloslentes"Dealwithit"
(Envidiaasegurada)

position:absolute
zindex:5
padding:5px
border:1pxsolid#000000
webkitborderradius:0px0px5px5px
mozborderradius:0px0px5px5px
khtmlborderradius:0px0px5px5px
borderradius:0px0px5px5px
background:url('../img/menu.png')
}
#menu>ul>li:hover>div{

Aprendeinglesrpidoyfcil
[MEGAPOST]

display:table
}
#menu>ul>li>div>ul{
display:tablecell
}
#menu>ul>liul+ul{
paddingleft:20px
}
#menu>ul>liul>li>a{
textdecoration:none
padding:4px
color:#FFFFFF
display:block

LamparajaponesacolganteKumo
Kanji

whitespace:nowrap
minwidth:120px
}
#menu>ul>liul>li>a:hover{
background:#000000
}
#menu>ul>li>div>ul>li>a{
color:#FFFFFF
}

ComoCrearElEfectodePopArt
(SinProgramas)

GRACIASPORELVERELPOST
Anuncios

Descarga Plantillas
Plantillas Personalizadas en PDF, Word, y Ms con YourTemplateFinder!
ApagarWindows10conCortana

Compartir

Twittear

FuentesdeInformacin[Programando]MenconPHPyMySQL

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

5/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!
Elcontenidodelpostesdemiautora,y/o,esunrecopilacindedistintasfuentes.
Tags: Programacion | PHP | menu | html | css | Javascript | MySQL | tutorial

Darpuntos

+10

118 PUNTOS

TeenseoaguardarlosBitcoin
enunpendrive100%seguros

SEGUIR

DENUNCIAR

0Votos
3.340Visitas
26Favoritos
1Seguidores

Tambintepuedeinteresar...

Entrayteenseoahaceruna
CocinadeBarroPasoaPaso

hazlotumismo

cienciaeducacion

noticias

Sistemade
Registroy
LoginSencillo

SistemaDe
FarmaciaWEB
PHPMYSQL

Niode8aos
secasa...

TuPcsecalientademasiado?
pasatedoylasolucion

cienciaeducacion

cienciaeducacion

hazlotumismo

Elladooscuro
deIsaac
Newton

Encuentran
Animalmuy
extraoen

Cmodarleun
mejorusoa
estos
15sencillosejerciciosparala
memoria

hazlotumismo

hazlotumismo

Coloreel
flashdesu
telfonomvil.

Quenote
10CosasQue
roben,trucosy TenesQue
consejos
HacerAntesde

hazlotumismo

Algotansencilloytilquenolo
sabashacer

13comentarios[Programando]MenconPHPyMySQL
Intel_Nvidia Hace1ao +2
desplopruebo.Gracias

juliangorge Hace1ao
cualquierdudaalprivado!

el_usuario_comun Hace1ao +3

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

Repara,RestaurayDiagnosticatu
PCconesteSoftware!!

6/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!

Cuandoveasestonovolversa
comprarpapasenpaquete.

Devdeoaflashenpocospasos...
+Yapa

mstblind Hace1ao +1
Buenpost!!

juliangorge Hace1ao

HicemidisfrazdePacManylos
fantasmasytelomuestro

Graciasgenio!

Budoka Hace1ao +1
talindo,buenpost

KingSpardock Hace1ao +1
Graciasporcompartir,Esperocontenidodeestetipoparaaprenderun
poco.+10

juliangorge Hace1ao

Romplachanchitaytelomuestro

Empezarasubirms!seguime!

angelozluiko Hace1ao
Dirijmonosahttp://localhost/phpmyadminqueesnuestraBASEDE
DATOS (ESUNMANEJADORDONDEESTANLASBASESDE
DATOSnoesunabasesdedatoscomotalaunquetambientienela
suya)

juliangorge Hace1ao
Tenesrazn,sip.
Esperoqueseaparaayudarynopararefregarlo

15cosasmolestasdeWindows(y
cmosolucionarlas)

angelozluiko Hace1ao +1
esparaayudaralosusuariosquenoconocennadaalrespecto,
siyofueranuevoenestoconfundiralasdoscosas,buenpost..

BuitreCordobes Hace1ao +1
Graciasmaestro!!+10

Mariano_1224 Hace1ao

ShadowFiendescultura!!

Afavoritosy10+!

patitonegro Hace1ao +1
buenisimo

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

7/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!
NekitoBlackPY Hace1ao 1
Paraqucrearunmenusandobasededatos??digoo...enqueser
mejorquehacerloescribiendoencdigos?:v

juliangorge Hace1ao
Lamayoradelossitiostienentodoensusbasesdedatos,
haciendomsordenadoslosarchivos.

RecuperalosbotonesdeN/Cy
borratodatuactividaddeT!

juliangorge Hace1ao +1
PD:eldelunlikenofueyoxD

Daniel_v_ Hace1ao +1
Buenaporte

stavgraff Hace1ao +1
holabrobuenaporteperotengounadudacomolepuedoinsertarel
menuacadapestaaunURL///paranavegarentrepaginasaludos(Y)
Cargar1ms

stavgraff Hace1ao +1
@juliangorgesibroaversimefuncionagraciasxlarespuesta
gracias

stavgraff Hace1ao
@juliangorgesibroaversimefuncionagraciasxlarespuesta
gracias

stavgraff Hace1ao +1
@juliangorgegraciasmuchasgraciassimesalioeresgrandebro
!!!!saludos

Patsurishio Hace10meses +1
excelente,ycomosepuedehaceresemismomenuperoenvertical?

juliangorge Hace10meses
Cambiel"display:inline"

Anuncios

hazlotumismo

hazlotumismo

hazlotumismo

hazlotumismo

hazlotumismo

hazlotumismo

HaceunPad
iluminadocon
estePost

Photoshop|
Entrayte
enseoa

Aumentatu
SealWifiSin
GastarunPeso

Pasate:
MegaPost
CmoOrdenar

Buscateun
Laburo
honesto?Parte

Losmejores
trucosparaque
laPCrindams

AnuncieenTaringa! | Ayuda | ReglasdelaComunidad | Desarrolladores | Trabajaconnosotros! | Reportarbug | Enciclopedia

Argentina | Chile | Colombia | Mxico | Per | Uruguay | Venezuela | Restodelmundo
Denuncias | ReportarAbusoDMCA | TrminosyCondiciones | Privacidaddedatos

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

8/9

11/10/2015

[Programando]MenconPHPyMySQLTaringa!

http://www.taringa.net/post/hazlotumismo/17544472/ProgramandoMenuconPHPyMySQL.html

9/9