Aplicación de Una Agenda Básica Con PHP MySQL
8
Aplicación de u na agenda básica con PHP MySQL U n a m a n er a s e n cill a d e d e s a rr o ll a r u n a a p li c a c i ó n s e n c ill a : un a ag end a b ási ca. La ag en dabásica desarr ol l ad a se ace r ca a un a ne cesi d adr ea l: l a m i sm a q ue o f r e ceun d esarr o l l o se n ci l l o e ex p l i ca t i vo co n co m e n t ar i o s e n ca d a f r a g m e n to d e có di g o e n e l archi vo fuen t e . H em osesc og i dot r abaj ar conP HP yM yS Q L po r qu e e s e l l e n g u a j e pe r f ecto p a r a p e q u e ña s y g r a nd e s a p li ca ci o n e s w e b . P o r el m o men t o n o t i e n e i n se rt a d a l i b r e r í a s p a ra u na m ejor in t e r f a z, p e r o e s d e gr a n u t ili d ad a la h o ra d e p r e se n t arl o . N ot a: pa ra ver un a mej or i nterf az d e l a apli ca ción po de mos hac er usode p lu g ins u h o j a s d e est i l o ( sn i p p e t s de có di go C S S ) . A co nti nu ac i ón les de j o los en lac es. w w w. j qu erypl ugi ns . co m ( p l u g i n s J q u e r y ) . cs s-tri ck s.co m / sni p p e t s( f r ag m en t os de có di go ) . 1.-Planteamiento del problema E n l a ag e n d a q u e d e sarro l l aremos ne ce si t a m o s a gr e g a r, e l i m i n a r y e d it a r u n a ci t a , a sí co mo t a m b i é n la se lecci ó n d e la h o r a de dich a ci t a, y có m o pa ra m ove r la cita a otro d í a, se g ú n sea l a n ece si d a d d e l usu a rio. 2.- Lógica de la aplicación agenda V a m o s a p r e se n t ar e n d o s g r á fi co s el f u n ci ona m i e n to d e n u estra a p licaci ó n, lo cu a l no s d ar á un m ej or en t en d i m i e nt o de l o qu e l o gr ar em os ha cer.
-
Upload
anabel-iriarte -
Category
Documents
-
view
230 -
download
0
Transcript of Aplicación de Una Agenda Básica Con PHP MySQL
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 1/8
Aplicación de una agenda básica con PHP MySQLUna manera sencilla de desarrollar una aplicación sencilla:
una agenda básica.
La agenda básica desarrollada se acerca a una necesidad real: la misma que
ofrece un desarrollo sencillo e explicativo con comentarios en cada fragmento de
código en el archivo fuente.Hemos escogido trabajar con PHP y MySQL porque
es el lenguaje perfecto para pequeñas y grandes aplicaciones web. Por el
momento no tiene insertada librerías para una mejor interfaz, pero es de gran
utilidad a la hora de presentarlo.
Nota: para ver una mejor interfaz de la aplicación podemos hacer uso de plugins u hojas de estilo
(snippets de código CSS). A continuación les dejo los enlaces.
www.jqueryplugins.com ( plugins Jquery).
css-tricks.com/snippets(fragmentos de código).
1.-Planteamiento del problema
En la agenda que desarrollaremos necesitamos agregar, eliminar y editar una cita,
así como también la selección de la hora de dicha cita, y cómo para mover la cita a
otro día, según sea la necesidad del usuario.
2.- Lógica de la aplicación agenda
Vamos a presentar en dos gráficos el funcionamiento de nuestra aplicación, lo cual
nos dará un mejor entendimiento de lo que lograremos hacer.
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 2/8
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 3/8
3.-Diseñamos la base de datos
Después de haber planteado nuestro problema ya tenemos una idea de cómo
seria nuestra base de datos, así pues manos a la obra, necesitaremos lo siguiente:
Nombre de la base de datos – agendaNombre de la tabla - citas
idcita – para incrementar el número de registros de las citas
horacita – para almacenar la hora en que se va a realizar la cita
diacita – el dia en se haga la cita
asuntocita – y el asunto de la cita, en tal caso la descripción de la misma.
Nota: la base creada la tengo en un archivo .sql para que sea de facilidad para que el que la quiera
emplear, las ajuste a sus necesidades.
Estructura de nuestra agendaEs importante conocer la estructura de nuestra aplicación para saber cuáles son
los archivos que van a intervenir y cuáles son las hojas de estilo que utilizaremos,
los plugins etc. En nuestro caso, tenemos un directorio sencillo, el cual podremos
ver en el siguiente gráfico:
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 4/8
4.- Creación del index
El siguiente paso es empezar a crear el "index" de nuestra agenda. Primero
incluimos el código que nos llevará a las otras páginas, según las acciones que
realicemos en dichos botones.
<head>
<script language="javascript" type="text/javascript">
/* Las siguiente función de JavaScript envía el fr!ulari a la pgina
#ue crrespnda al $tón pulsad% */
functin saltar&pagina'(
dcu!ent%fr!ulari)itasrincipal%actin=pagina+
dcu!ent%fr!ulari)itasrincipal%su$!it&'+
,
/* -#uí ter!ina la función de enví del fr!ulari% */
</script>
<title>.iniagenda</title>
<!eta httpe#uiv=")ntent0ype" cntent="text/ht!l+ charset=is11234">
</head>
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 5/8
En el siguiente fragmento incluimos las librerías, como la fecha y la conexión a
nuestra base de datos, así como nuestra primera consulta.
El archivoinc es el que contendrá la codificación para mostrar la fecha actualizada
en nuestra aplicación, quiero decir la hora en que se edite, modifique o elimine una
cita. Y otro archivo que es el que indicamos qué base de datos usamos.
<$dy>
<5php
// Se incluye el !iniscript #ue a$re la $ase de dats%
include &"inc/fechas%php"'+
// Se incluye el !iniscript de trata!ient de fechas
include &"inc/usar67%php"'+
/* Se crea una cnsulta para recuperar tds ls dats de las citas cn
fecha del día en curs%
La cnsulta de selección se crea de tal !d #ue rdene las citas pr la
hra% */
8cnsulta="S9L9)0 * :;. citas 9;9 diacita=?"%8fecha9n)urs%"? ;79; 6@
hracita+"+
/* Se ejecuta la cnsulta de selección%*/
8hacer)nsulta=!ys#lA#uery&8cnsultaB 8cnexin'+
/* Se deter!ina el nC!er de registrs recuperads pr el cursrB pr#ue
si es D el
diseE de la pgina &parte 0.L' es diferente #ue si hay registrs% */
8nu!er7e)itas7el7ia=!ys#lAnu!ArFs&8hacer)nsulta'+
ech &")itas del díaG "%8nu!er7e)itas7el7ia%salt'+
5>
-H9I7- 79L 7-G
<5php
/* Se !uestra la fecha del día% */
ech &8dia-ctual%" del "%8!es-ctual%" de "%8anni-ctual'+
5>
Creamos el campo de entrada de objetos un "texarea" donde digitaremos la
descripción de nuestra de la cita para nuestra agenda.
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 6/8
<K 9l fr!ulari n tiene valr en el par!etr actin pr#ue se le
asigna pr una función javascript antes de enviarl% La función #ue se
ejecute
yB pr tantB el valr de este par!etrB depende del $tón pulsad pr
el usuari%>
<fr! actin="" !ethd="pst" na!e="fr!ulari)itasrincipal"
id="fr!ulari)itasrincipal">
<K 9l siguiente ca!p cult al!acena la fecha en cursB $tenida desde
%
9ste dat se enviar a trs fr!ularis yB a su veB se rcuperar desde
la
pgina de ca!$i de fecha actual% >
<input type="hidden" na!e="fecha9n)urs" id="fecha9n)urs" value="<5php
ech&8fecha9n)urs'+ 5>">
<ta$le Fidth="2DD" $rder="D" cellspacing="D" cellpadding="D">
<tr><th>)M0-S</th></tr>
</ta$le>
Por último, comprobaremos en una tabla el número de consulta que ha hecho el
usuario y así poderlo mostrar OCN su respectiva fecha y hora de realización. Los
botones que se crean como por ejemplo:
Eliminar cita
Agregar cita
Modificar cita
El siguiente fragmento de código lo explica fácilmente:
/* Se c!prue$a si hay citas en el cursr% Si es asíB se di$ujar una
ta$la en la #ue se !strarn las citas y uns $tnes de selección% */
if &8nu!er7e)itas7el7ia>D'(
ech &"<ta$le Fidth=?2DD? $rder=?D? cellspacing=?D? cellpadding=?D?>"'+
Fhile &8cita = !ys#lAfetchAarray&8hacer)nsultaB .@SNLA-SS)'' (
ech &"<tr><td>"%8citaO"hracita"P%"</td>"'+
ech &"<td>"%8citaO"asuntcita"P%"</td>"'+
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 7/8
/* )ada cita tiene asciad un $tón de selección para si el usuari
#uiere
!dificarla $rrarla% 9l valr del $tón es el identificativ de la
citaB
de !d #ue se usar en las crrespndientes cnsultas de actualiación
eli!inación en las pginas #ue prceda%*/
ech &"<td><input type=?radi? id=?citaSeleccinada?
na!e=?citaSeleccinada? value=?"%8citaO"idcita"P%"?>"'+
ech &"</td></tr>"'+
,
ech &"</ta$le>"'+
/* Si existen citas se !strarn ls $tnes de $rrar y !dificar% */
ech &"<input na!e=?$rrar)ita? type=?$uttn? id=?$rrar)ita?
value=?9li!inar )ita?
n)licQ=?javascriptGsaltar&"eli!inar)ita%php"'+?>"%salt'+
ech &"<input na!e=?ca!$iar)ita? type=?$uttn? id=?ca!$iar)ita?
value=?.dificar cita?
n)licQ=?javascriptGsaltar&"ca!$iar)ita%php"'+?>"%salt'+
,
/* 9n td cas se !strarn ls $tnes de agregar cita y ca!$iar la
fecha en curs% */
ech &"<input na!e=?nueva)ita? type=?$uttn? id=?nueva)ita?
value=?-gregar cita?
n)licQ=?javascriptGsaltar&"agregar)ita%php"'+?>"%salt'+
ech &"<input na!e=?ca!$iar:echa? type=?$uttn? id=?ca!$iar:echa?
value=?tr día?
n)licQ=?javascriptGsaltar&"ca!$iar:echa%php"'+?>"%salt'+
5>
</fr!>
</$dy>
</ht!l>
Eso es todo por el momento en cuanto a nuestro index en los siguientes archivos
como "eliminarcita.php" y demás explica línea por línea el código.
7/25/2019 Aplicación de Una Agenda Básica Con PHP MySQL
http://slidepdf.com/reader/full/aplicacion-de-una-agenda-basica-con-php-mysql 8/8
En estelink vamos a ver los archivos del código fuente donde está alojada nuestra
agenda:
Archivo de descarga
