Bem, sem saber mais informação é difícil perceber o que pretende.
Como guardar vários valores em uma variável?
Usando uma array(matriz) ou um objecto.
$array = array('a', 'b', 'c'); //Array
//Objecto
$obj = new StdClass();
$obj->foo = 'bar';
$obj->baz = 'bazinga';
Estou criando um sistema com vários produtos,(...)
Minha dúvida é: como guardar esse valor em uma variável, pois vai ter vários produtos, e ao clicar neles vai ter que guardar o valor e somar eles no final...
Parece estar a querer fazer um carrinho de compras.
Pelo que mostra, se não existe nenhum javascript por trás, o seu link vai provocar um redireccionamento da página. Para evitar isto tem de usar AJAX (Asynchronous Javascript and XML) em PT -> "Javascript Assíncrono e XML"
Código Exemplo
Uma forma relativamente simples de fazer um carrinho compras numa única página pode ser a seguinte:
carrinho.php
<?php
class Producto {
public $id;
public $nome;
public $preco;
public $quantidade = 0;
public function __construct($id, $preco, $nome, $quantidade = 0) {
$this->id = $id;
$this->preco = $preco;
$this->nome = $nome;
$this->quantidade = $quantidade;
}
public function adicionar($quantidade = 1) {
$this->quantidade = $this->quantidade + $quantidade;
}
public function remover($quantidade = 1) {
$this->quantidade = $this->quantidade - $quantidade;
if ($this->quantidade < 0)
$this->quantidade = 0;
}
}
class Carrinho implements IteratorAggregate {
public $productosNoCarrinho = array();
public function __construct ($listaDeProductos){
$this->productosNoCarrinho = $listaDeProductos;
}
public function adicionar($id, $quantidade = 1) {
if (!isset($this->productosNoCarrinho[$id]))
return false;
$this->productosNoCarrinho[$id]->adicionar($quantidade);
return true;
}
public function remover($id, $quantidade = 1) {
if (!isset($this->productosNoCarrinho[$id]))
return false;
$this->productosNoCarrinho[$id]->remover($quantidade);
return true;
}
public function total() {
$total = 0;
foreach ($this->productosNoCarrinho as $prod) {
$total += $prod->preco * $prod->quantidade;
}
return $total;
}
public function getIterator() {
return new ArrayIterator($this->productosNoCarrinho);
}
public function mostrar() {
$html = "<table><tr><td>#</td><td>Producto</td><td>Preco</td></tr>";
foreach ($this->productosNoCarrinho as $producto) {
if ($producto->quantidade > 0) {
$html .= "<tr><td>{$producto->quantidade}</td>".
"<td>{$producto->nome}</td>".
"<td>".$producto->preco * $producto->quantidade."</td></tr>";
}
}
$html .= "<tr><td></td><td></td><td>".$this->total()."</td></tr>";
$html .= "</table>";
return $html;
}
public function __toString() {
return $this->mostrar();
}
}
$listaDeProductos = array(
'A1' => new Producto('A1', 499, 'iPad air'),
'A2' => new Producto('A2', 600, 'iPhone 5S'),
'A3' => new Producto('A3', 1200, 'MacBook pro'),
'A4' => new Producto('A4', 1100, 'iMac')
);
session_start();
if(!isset($_SESSION['carrinho'])) {
$_SESSION['carrinho'] = new Carrinho($listaDeProductos);
}
$carrinho = $_SESSION['carrinho'];
if (isset($_GET['action'])) {
if ($_GET['action'] == 'add' && isset($_GET['id'])) {
$carrinho->adicionar($_GET['id']);
} else if ($_GET['action'] == 'remove' && isset($_GET['id'])) {
$carrinho->remover($_GET['id']);
}
//print $carrinho->mostrar();
}
?>
<!DOCTYPE HTML>
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
</head>
<body>
<div id="lista-de-productos">
<h1>Productos</h1>
<ul>
<?php foreach ($listaDeProductos as $prod) { ?>
<li class="producto"
data-id="<?=$prod->id?>"
data-preco="<?=$prod->preco?>"
data-nome="<?=$prod->nome?>"
>
<?=$prod->nome?> [<?=$prod->preco?>€]
<button class="adicionar">+</button>
<button class="remover">-</button>
</li>
<?php } ?>
</ul>
</div>
<hr>
<h1>Carrinho</h1>
<div id="carrinho">
<?=$carrinho?>
</div>
<script>
$(document).ready( function() {
var carrinhoID = $(this).attr("data-carrinhoID");
$(document).on("click", ".producto .adicionar", function() {
var prodID = $(this).parent().attr("data-id");
$("#carrinho").load("carrinho.php?action=add&id=" +prodID +" #carrinho", function(responseText, textStatus, XMLHttpRequest) {
//Sucesso
});
});
$(document).on("click", ".producto .remover", function() {
var prodID = $(this).parent().attr("data-id");
$("#carrinho").load("carrinho.php?action=remove&id=" +prodID +" #carrinho", function(responseText, textStatus, XMLHttpRequest) {
//Sucesso
});
});
});
</script>
</body>
</html>
Explicando o código...
O que este código faz é criar um Carrinho (object da classe Carrinho) na sessão. O controlo do carrinho (e do preço e total a pagar) é feito pelo servidor mas a acção de adicionar e remover é feita pelo cliente (browser) por intermédio de AJAX.
Em termos de lógica, o que acontece é o seguinte:
- O utilizador entra na página http://exemplo.com/carrinho.php(o Browser manda um pedido GET para o servidor)
- O Servidor recebe o pedido e vê que, nos headers, não foi passado nenhum Cookie de sessão.
- O Servidor cria uma sessão para o utilizador e manda-lhe um SetCookie nos headers
- O Browser recebe e guarda o Cookie.
- O utilizador adiciona um producto ao carrinho
- O Browser envia um pedido GET Assincrono (AJAX) ao servidor, para a mesma página, mas com parâmetros no URL ((http://exemplo.com/carrinho.php?action=add&id=XX) com a accao a realizar e o id do producto. Também envia o Cookie que recebeu da primeira ves que o utilizador acedeu à página
- O Servidor carrega o carrinho guardado na sessão, lê o pedido e percebe que tem de adicionar +1 na quantidade do producto XX no carrinho
- O Servidor envia a página toda de volta
- O Browser recebe o pedido mas em vez de mostrar a página toda, retira só a parte que está dentro da div id="carrinho"
10 ...
O VERBO HTTP usado é o GET, mas podia ser o POST (aliás, fazia mais sentido). No entanto, assim é mais simples de visualizar.
ATENÇÃO: Este código é só para fins de demonstração. NÃO DEVE SER USADO EM PRODUÇÃO pois é INSEGURO.
form
que é submetida com todos os valores?verificar.php