在wamp环境下,用PHP的session会话控制完成购物车的效果,数据存放在数组里练习,没有连接数据库,效果不错,简单易懂,以下是各部分的代码
common.php
<"content-type:text/html;charset=utf-8");
$arrPro = array(
array('id'=>1,'img'=>'img/1.jpg','title'=>'小米移动电源5000mAh','price'=>49),
array('id'=>2,'img'=>'img/2.jpg','title'=>'20000mAh小米移动电源2','price'=>149),
array('id'=>3,'img'=>'img/3.jpg','title'=>'小米圈铁耳机Pro','price'=>129),
array('id'=>4,'img'=>'img/4.jpg','title'=>'小米家电动滑板车','price'=>1999),
array('id'=>5,'img'=>'img/5.jpg','title'=>'小米笔记本','price'=>3499),
array('id'=>6,'img'=>'img/6.jpg','title'=>'米家LED智能台灯','price'=>169),
array('id'=>7,'img'=>'img/7.jpg','title'=>'小米体重秤','price'=>99),
array('id'=>8,'img'=>'img/8.png','title'=>'小米电视3s 48英寸','price'=>2599)
);
index.php
<"content-type:text/html;charset=utf-8");
require 'common.php';
session_start();
$sum = 0;
$class = "";
//判断左上角购物车的样式显示
if(!empty($_SESSION['shopcar'])){
$data = $_SESSION['shopcar'];
$sum = array_sum($data[4]);
$class = "on";
//右上角圆点
if(empty($data[0])){
$class = "";
}
}
"en">
<head>
<meta charset="UTF-8">
<title>商品展示</title>
<style type="text/css">
section{
width:1032px;
height: 700px;
margin: 40px auto;
}
.top{
float: right;
position: relative;
width: 190px;
height: 34px;
border: 1px solid #ccc;
margin-right: 32px;
text-align: center;
line-height: 34px;
border-radius: 4px;
transition: all .3s linear;
-moz-transition: all .3s linear;
-webkit-transition: all .3s linear;
}
.top a{
color: #d00;
}
.top:hover{
width: 210px;
color: #fff;
font-weight: bold;
background-color: #d00;
border-radius: 6px;
}
.top:hover a{
color: #fff;
}
.top:hover span{
background-color: #fff;
color: #d00;
}
.top:hover .star{
right:150px;
top: 0;
font-size: 14px;
color: #ff0;
transform: rotate(1080deg);
}
.top span{
position: absolute;
top:2px;
right: 40px;
width: 18px;
height: 18px;
font-weight: bold;
border-radius: 9px;
line-height: 18px;
text-align: center;
font-size: 12px;
font-weight: border;
color: #fff;
}
.star{
color: #fff;
font-size: 48px;
font-style: normal;
position: absolute;
right:530px;
top:186px;
transform: rotate(60deg);
transition: all .3s ease;
}
.on{
background-color: #e00;
}
.list{
margin: 20px 20px;
padding: 36px 0;
list-style: none;
}
a{
display: block;
color: #757575;
text-decoration: none;
}
.list li{
float: left;
height: 246px;
width: 234px;
padding: 10px 0 20px;
margin-right:12px;
margin-top: 20px;
border: 1px solid #ccc;
background: #fff;
-webkit-transition: all .2s linear;
transition: all .2s linear;
}
.list li:hover{
box-shadow: 2px 4px 5px #aaa;
}
.figure{
width: 150px;
height: 150px;
margin: 0 auto 18px;
}
.title{
color: #222;
font-size: 14px;
font-weight: normal;
text-align: center;
}
.price{
margin: 0 10px 10px;
text-align: center;
color: #ff6700;
}
.cart{
margin: 0 15px 5px;
text-align: center;
}
.cart a{
color: #a34;
width: 190px;
height: 24px;
border-radius: 4px;
margin: 0 8px 5px;
text-align: center;
}
.cart a:hover{
color: #eee;
box-shadow: 0 2px 1px #333,0 2px 1px #666;
background-color: #ccc;
background-image: linear-gradient(#33a6b8,#0089a7)
}
.num{
text-align: center;
color: #ff6700;
}
</style>
</head>
<body>
<section>
<div class='top'>
<a href="spcar.php" rel="external nofollow" >我的购物车</a><span class="<"><"list">
<"figure">
<a href=""><img src="/UploadFiles/2021-04-02/ rel=">
<"购物车没有商品!";
}
spcar.php
<"购物车没有商品!";
}
delete.php
<?php
session_start();
if(!empty($_GET['id'])){
$arrData = $_SESSION['shopcar'];
//判断对应的商品ID信息
if(in_array($_GET['id'],$arrData[0])){
unset($arrData[0][$_GET['id']]);
unset($arrData[1][$_GET['id']]);
unset($arrData[2][$_GET['id']]);
unset($arrData[3][$_GET['id']]);
unset($arrData[4][$_GET['id']]);
$_SESSION['shopcar'] = $arrData;
}
header('Location:spcar.php');
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
标签:
PHP,session,购物车
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
桃源资源网 Design By www.nqtax.com
暂无“PHP session实现购物车功能”评论...
《魔兽世界》大逃杀!60人新游玩模式《强袭风暴》3月21日上线
暴雪近日发布了《魔兽世界》10.2.6 更新内容,新游玩模式《强袭风暴》即将于3月21 日在亚服上线,届时玩家将前往阿拉希高地展开一场 60 人大逃杀对战。
艾泽拉斯的冒险者已经征服了艾泽拉斯的大地及遥远的彼岸。他们在对抗世界上最致命的敌人时展现出过人的手腕,并且成功阻止终结宇宙等级的威胁。当他们在为即将于《魔兽世界》资料片《地心之战》中来袭的萨拉塔斯势力做战斗准备时,他们还需要在熟悉的阿拉希高地面对一个全新的敌人──那就是彼此。在《巨龙崛起》10.2.6 更新的《强袭风暴》中,玩家将会进入一个全新的海盗主题大逃杀式限时活动,其中包含极高的风险和史诗级的奖励。
《强袭风暴》不是普通的战场,作为一个独立于主游戏之外的活动,玩家可以用大逃杀的风格来体验《魔兽世界》,不分职业、不分装备(除了你在赛局中捡到的),光是技巧和战略的强弱之分就能决定出谁才是能坚持到最后的赢家。本次活动将会开放单人和双人模式,玩家在加入海盗主题的预赛大厅区域前,可以从强袭风暴角色画面新增好友。游玩游戏将可以累计名望轨迹,《巨龙崛起》和《魔兽世界:巫妖王之怒 经典版》的玩家都可以获得奖励。