25
  TECNOLOGICO DE ESTUDIOS SUPERIORES DE TIANGUISTENCO  INGENIERIA EN SISTEMAS COMPUTACIONALES DOCUMENTACION CARRITO MATERIA: PROGRAMACION WEB DOCENTE: LIC. VICTOR MANUEL VERONA ELABORO: VAZQUEZ ROSALES ELVER ISMAEL GRUPO: 3701 Feb-Ago. 2011 FEBRERO 2012

Documentacion Carrito 3ER UNIDAD

Embed Size (px)

Citation preview

Page 1: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 1/25

 

 

TECNOLOGICO DE ESTUDIOS SUPERIORES DE TIANGUISTENCO 

INGENIERIA EN SISTEMAS COMPUTACIONALES

DOCUMENTACION CARRITO

MATERIA:

PROGRAMACION WEB

DOCENTE:

LIC. VICTOR MANUEL VERONA

ELABORO:

VAZQUEZ ROSALES ELVER ISMAEL

GRUPO:

3701

Feb-Ago. 2011

FEBRERO 2012

Page 2: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 2/25

 

1

INDICE

INTRODUCCION. .................................................................................................................................. 2

CARRITO DE COMPRAS. ....................................................................................................................... 3

Código Index.php ............................................................................................................................. 11

Page 3: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 3/25

 

2

INTRODUCCION.

Dentro de los sitios web , actualmente , con los avances en tecnología y la posibilidad de darse a

conocer en la web , muchas de las empresas ofrecen algún producto o servico, el cual pueden

vender desde su sitio web atravez de una tienda en línea , donde se incluye una parte de código al

cual conocemos como carrito de compras, por medio del cual se pueden adquirir los productos y

servicios , las veces que sea necesario, ya que también nos muestra sus precios y cunato hemos

comprado.

Page 4: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 4/25

 

3

CARRITO DE COMPRAS.

Lo que realizamos en esta practica fue lo siguiente:

En este caso utilizamos el envio de datos por el método post

Manejo de variables

sesiones

1.-lo que realizamos primero fue poner a funcionar nuestro servidor web ya sea xampp owamp

2.-Una vez que ya tengamos nuestro servidor funcionando lo que realizaremos es crearnuestra base de datos llamada carrito y nuestras tablas de la base de datos.

Page 5: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 5/25

 

4

3.-Para crear nuestro diseño de nuestra pagina lo que realizaremos es irnos a

dreamweaver y después a archivo y nuevo nos saldrá una ventana que dice nuevodocumento y dice general y plantilla hay podremos seleccionar el diseño que nosotrosquerramos.

4.-en la carpeta de nuestro servidor colocaremos el nombre de carrito y dentro de ella secolocara las siguientes carpetas:

CSS

Page 6: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 6/25

 

5

FOTOS HTML IMÁGENES JS PHP

Dentro de estas carpetas llevara lo siguiente:

CSS: hojacerca.css FOTOS:GRANDES PEQUEÑAS HTML: antecedentes, misión, objetivo, políticas ,productos, promoción, visión,

principal, otros viajes.

En esta parte vincularemos cada parte de lo que se encuentra en nuestro menú que sonlos antecedentes y lo que mencione antes

Page 7: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 7/25

 

6

Page 8: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 8/25

 

7

Una vez que estén ligadas todas estas partes de lo que contiene nuestro menú

Page 9: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 9/25

 

8

Estas al dar en el menú nos llevara ligada a las imágenes que querramos ver en nuestrocarrito y colocarlas en el mismo.

Page 10: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 10/25

 

9

Page 11: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 11/25

 

10

Posteriormente creamos lo que ya es el carrito de compras como se muestra en la

imagen, en esta se mostraban los lugares .

Page 12: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 12/25

 

11

En esta otra se mostraba el carrito , donde muestra los detalles de las comprasrealizadas.

A continuación se muestra el código de la pagina principal.

Código Index.php

<?php require_once('../Connections/carrito.php'); ?>

<?php

$currentPage = $_SERVER["PHP_SELF"];

$maxRows_listado = 9;

$pageNum_listado = 0;

if (isset($_GET['pageNum_listado'])) {

$pageNum_listado = $_GET['pageNum_listado'];

}

Page 13: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 13/25

 

12

$startRow_listado = $pageNum_listado * $maxRows_listado;

mysql_select_db($database_carrito, $carrito);

$query_listado = "SELECT * FROM fotos_mias";

$query_limit_listado = sprintf("%s LIMIT %d, %d", $query_listado, $startRow_listado,$maxRows_listado);

$listado = mysql_query($query_limit_listado, $carrito) or die(mysql_error());

$row_listado = mysql_fetch_assoc($listado);

if (isset($_GET['totalRows_listado'])) {

$totalRows_listado = $_GET['totalRows_listado'];

} else {

$all_listado = mysql_query($query_listado);

$totalRows_listado = mysql_num_rows($all_listado);

}

$totalPages_listado = ceil($totalRows_listado/$maxRows_listado)-1;

$queryString_listado = "";

if (!empty($_SERVER['QUERY_STRING'])) {

$params = explode("&", $_SERVER['QUERY_STRING']);

$newParams = array();

foreach ($params as $param) {

if (stristr($param, "pageNum_listado") == false &&stristr($param, "totalRows_listado") == false) {

array_push($newParams, $param);

}

}

Page 14: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 14/25

 

13

if (count($newParams) != 0) {

$queryString_listado = "&" . htmlentities(implode("&", $newParams));

}

}

$queryString_listado = sprintf("&totalRows_listado=%d%s", $totalRows_listado,$queryString_listado);

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegintemplate="Templates/carrito.dwt.php" codeOutsideHTMLIsLocked="false" -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- InstanceBeginEditable name="doctitle" -->

<title>Documento sin t&iacute;tulo</title>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->

<style type="text/css">

<!--

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

-->

</style></head>

Page 15: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 15/25

 

14

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td><table width="100%" border="0" cellpadding="0" cellspacing="0"bgcolor="#94A9AA">

<tr>

<td width="23%" align="center"><a href="index.php">inicio</a></td>

<td width="33%" align="center"><a href="carrito_compra.php">carrito decompra</a> </td>

<td width="27%" align="center">upload</td>

<td width="17%" align="center">contacto</td>

</tr>

</table></td>

</tr>

<tr>

<td><!-- InstanceBeginEditable name="edicion" -->

<h2 align="center">Listado de fotos</h2>

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<?php

$cuantos=0;

do {

if($cuantos==0){

?>

Page 16: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 16/25

 

15

<tr>

<?php

}

$cuantos ++;

?>

<td align="center"><a href="detalle.php?foto_id=<?php echo$row_listado['foto_id']; ?>"><img src="fotos/peques/<?php echo $row_listado['lugar']; ?>"border="0" /></a><strong><br />

<?php echo $row_listado['lugar']; ?></strong><br />

<?php echo $row_listado['precio']; ?>Pesos<br />

<form id="form1" name="form1" method="post" action="carrito_compra.php">

<input name="cantidad" type="hidden" id="cantidad" value="1" />

<input name="precio" type="hidden" id="precio" value="<?php echo$row_listado['precio']; ?>" />

<input name="lugar" type="hidden" id="lugar" value="<?php echo$row_listado['lugar']; ?>" />

<input type="image" name="imageField" src="imagenes/carrito.gif" />

</form> </td><?php

if($cuantos==3){

$cuantos=0;

?>

</tr>

<?php

}

?>

<?php } while ($row_listado = mysql_fetch_assoc($listado)); ?>

Page 17: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 17/25

 

16

</table>

<p>

<table border="0" width="50%" align="center">

<tr>

<td width="23%" align="center"><?php if ($pageNum_listado > 0) { // Show if notfirst page ?>

<a href="<?php printf("%s?pageNum_listado=%d%s", $currentPage, 0,$queryString_listado); ?>">Primero</a>

<?php } // Show if not first page ?>

</td>

<td width="31%" align="center"><?php if ($pageNum_listado > 0) { // Show if notfirst page ?>

<a href="<?php printf("%s?pageNum_listado=%d%s", $currentPage, max(0,$pageNum_listado - 1), $queryString_listado); ?>">Anterior</a>

<?php } // Show if not first page ?>

</td><td width="23%" align="center"><?php if ($pageNum_listado <

$totalPages_listado) { // Show if not last page ?>

<a href="<?php printf("%s?pageNum_listado=%d%s", $currentPage,min($totalPages_listado, $pageNum_listado + 1), $queryString_listado);?>">Siguiente</a>

<?php } // Show if not last page ?>

</td>

<td width="23%" align="center"><?php if ($pageNum_listado <$totalPages_listado) { // Show if not last page ?>

<a href="<?php printf("%s?pageNum_listado=%d%s", $currentPage,$totalPages_listado, $queryString_listado); ?>">&Uacute;ltimo</a>

<?php } // Show if not last page ?>

Page 18: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 18/25

 

17

</td>

</tr>

</table>

</p>

<p>&nbsp; </p>

<!-- InstanceEndEditable --></td>

</tr>

</table>

</body>

<!-- InstanceEnd --></html>

<?php

mysql_free_result($listado);

?>

Código carrito.php

<?php

session_start();

if(isset($_SESSION['carrito']) || isset($_POST['lugar'])){

if(isset($_SESSION['carrito'])){

$carrito_mio=$_SESSION['carrito'];

if(isset($_POST['lugar'])){

$lugar=$_POST['lugar'];

$precio=$_POST['precio'];

Page 19: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 19/25

 

18

$cantidad=$_POST['cantidad'];

$donde=-1;

for($i=0;$i<=count($carrito_mio)-1;$i ++){

if($lugar==$carrito_mio[$i]['lugar']){

$donde=$i;

}

}

if($donde != -1){

$cuanto=$carrito_mio[$donde]['cantidad'] + $cantidad;

$carrito_mio[$donde]=array("lugar"=>$lugar,"precio"=>$precio,"cantidad"=>$cuanto);

}else{

$carrito_mio[]=array("lugar"=>$lugar,"precio"=>$precio,"cantidad"=>$cantidad);

}

}}else{

$lugar=$_POST['lugar'];

$precio=$_POST['precio'];

$cantidad=$_POST['cantidad'];

$carrito_mio[]=array("lugar"=>$lugar,"precio"=>$precio,"cantidad"=>$c

antidad);}

if(isset($_POST['cantidad2'])){

$id=$_POST['id'];

$cuantos=$_POST['cantidad2'];

Page 20: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 20/25

 

19

if($cuantos<1){

$carrito_mio[$id]=NULL;

}else{

$carrito_mio[$id]['cantidad']=$cuantos;

}

}

if(isset($_POST['id2'])){

$id=$_POST['id2'];

$carrito_mio[$id]=NULL;

}

$_SESSION['carrito']=$carrito_mio;

}

?>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"><!-- InstanceBegintemplate="Templates/carrito.dwt.php" codeOutsideHTMLIsLocked="false" -->

<head>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<!-- InstanceBeginEditable name="doctitle" -->

<title>Documento sin t&iacute;tulo</title>

<!-- InstanceEndEditable -->

<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->

Page 21: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 21/25

 

20

<style type="text/css">

<!--

body {

margin-left: 0px;

margin-top: 0px;

margin-right: 0px;

margin-bottom: 0px;

}

-->

</style></head>

<body>

<table width="100%" border="0" cellspacing="0" cellpadding="0">

<tr>

<td>&nbsp;</td>

</tr>

<tr>

<td><table width="100%" border="0" cellpadding="0" cellspacing="0"bgcolor="#94A9AA">

<tr>

<td width="23%" align="center"><a href="index.php">inicio</a></td>

<td width="33%" align="center"><a href="carrito_compra.php">carrito decompra</a> </td>

<td width="27%" align="center">upload</td>

<td width="17%" align="center">contacto</td>

</tr>

</table></td>

Page 22: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 22/25

 

21

</tr>

<tr>

<td><!-- InstanceBeginEditable name="edicion" -->

<p><a href="javascript:history.back(1)">Volver atras</a></p>

<h2 align="center">carrito compra</h2>

<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr>

<td width="48%" bgcolor="#7CA09E"><strong>nombre</strong></td>

<td width="24%" align="right" bgcolor="#7CA09E"><strong>precio</strong></td>

<td width="9%" align="center" bgcolor="#7CA09E"><strong>cantidad</strong></td>

<td width="14%" align="right" bgcolor="#7CA09E"><strong>total</strong></td>

<td width="5%" align="right" bgcolor="#7CA09E">&nbsp;</td>

</tr>

<?

if(isset($_SESSION['carrito'])){

$total=0;

for($i=0;$i<=count($carrito_mio)-1;$i ++){

if($carrito_mio[$i]!=NULL){

?>

<tr>

<td valign="top" bgcolor="#E6EAED"><? print $carrito_mio[$i]['lugar']; ?></td>

<td align="right" valign="top" bgcolor="#E6EAED"><? print $carrito_mio[$i]['precio'];?></td>

<td align="center" valign="top" bgcolor="#E6EAED">

<form id="form1" name="form1" method="post" action="">

<input name="id" type="hidden" id="id" value="<? print $i; ?>" />

Page 23: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 23/25

 

22

<input name="cantidad2" type="text" id="cantidad2" value="<? print$carrito_mio[$i]['cantidad']; ?>" size="2" />

<input type="image" name="imageField" src="imagenes/actualizar.gif" />

</form> </td>

<td align="right" valign="top" bgcolor="#E6EAED"><? print $carrito_mio[$i]['precio']* $carrito_mio[$i]['cantidad']; ?></td>

<td align="right" valign="top" bgcolor="#E6EAED"><form id="form2" name="form2"method="post" action="">

<input name="id2" type="hidden" id="id2" value="<? print $i; ?>" />

<input type="image" name="imageField2" src="imagenes/papelera.gif" />

</form> </td>

</tr>

<?

$total=$total + ($carrito_mio[$i]['precio'] *$carrito_mio[$i]['cantidad']);

}

}

}?>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td><strong>total:</strong></td>

<td align="right"><?

if(isset($_SESSION['carrito'])){

print $total;

}

?> Pesos </td>

Page 24: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 24/25

 

23

<td align="right">&nbsp;</td>

</tr>

<tr>

<td>&nbsp;</td>

<td>&nbsp;</td>

<td colspan="3"><form id="form3" name="form3" method="post"action="resumen.php">

<input type="submit" name="Submit" value="Enviar pedido" />

</form> </td>

</tr>

</table>

<p>&nbsp; </p>

<!-- InstanceEndEditable --></td>

</tr>

</table>

</body>

<!-- InstanceEnd --></html>

CONCLUSIONES.

Actualmente , todas la empresas , se están cambiando mas a la web , donde pueden ofrecer los

productos o servicios , para que puedan ser adquiridos por sus clientes y además evitan la perdida

de tiempo y algunos ofrecen entrega a domicilio y pago con tarjetas bancarias y efectivo.

Page 25: Documentacion Carrito 3ER UNIDAD

5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com

http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 25/25

 

24

BIBLIOGRAFIA.

http://www.desarrolloweb.com/articulos/235.php 

http://php.net/manual/es/features.sessions.php