Upload
therockanlover-zoe
View
29
Download
2
Embed Size (px)
Citation preview
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
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
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.
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.
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
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
5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com
http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 7/25
6
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ú
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.
5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com
http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 10/25
9
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 .
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'];
}
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);
}
}
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í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>
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> </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){
?>
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)); ?>
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); ?>">Último</a>
<?php } // Show if not last page ?>
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> </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'];
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'];
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ítulo</title>
<!-- InstanceEndEditable -->
<!-- InstanceBeginEditable name="head" --><!-- InstanceEndEditable -->
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> </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>
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"> </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; ?>" />
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> </td>
<td> </td>
<td><strong>total:</strong></td>
<td align="right"><?
if(isset($_SESSION['carrito'])){
print $total;
}
?> Pesos </td>
5/17/2018 Documentacion Carrito 3ER UNIDAD - slidepdf.com
http://slidepdf.com/reader/full/documentacion-carrito-3er-unidad 24/25
23
<td align="right"> </td>
</tr>
<tr>
<td> </td>
<td> </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> </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.
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