基于PHP+MySQL手机销售商城设计与实现
目录
摘要 I
Abstract II
第一章 绪论 1
1.1 项目背景 1
1.2项目的目的与意义 1
1.2.1 项目的目的 1
1.2.2 项目的意义 1
1.3
第二章 系统需求分析 2
2.1 可行性分析 2
2.2系统用户介绍 2
2.3系统非功能行性需求 2
2.4 本章小结 2
第三章 系统概要设计 3
3.1 系统设计原则 3
3.2 系统总体架构设计 3
3.3系统数据库设计 3
3.4 用户界面设计 4
3.4.1 登录UI界面设计 4
3.4.2 注册UI界面设计 5
3.4.3 首页UI界面设计 5
3.4.4 温湿度折线图 5
3.5 本章小结 6
第四章 系统详细设计与实现 7
4.1 系统登录的详细设计与实现 7
4.1.1 登录时序图 7
4.1.2 登录算法描述 7
4.2 本章小结 8
第五章 系统软件测试 9
5.1 系统测试的目的 9
5.2 功能模块测试 9
5.3 系统综合测试 9
5.4 本章小结 10
结论 11
参考文献 12
致谢 13
第二章 系统需求分析
系统需求分析，是研发人员经过对业务方需求的理解从而准确分析项目划分的功能、需要的资源、可行性分析以及可能出现的问题等。完善用户的具体需求定义，从而顺利的开始研发的过程。本章是从手机销售系统的可行性角度出发，对系统具体的功能性需求、非功能需求和其他非重点需求展开分析[1]。
2.1 可行性分析
可行性分析是通过对系统的主要内容和相应的条件如资源、规模、技术、环境等情况从技术和经济等方面进行研究调查和分析比较，并对系统未来的情况进行预测[2]。
2.2系统用户介绍
本系统主要分成了三级权限：普通用户、管理员、超级管理员。以下是角色的详细介绍。
- 普通用户。普通用户通过登录使用自身信息管理、商品检索、购物车功能。
- 管理员。管理员通过在管理端登录后可以有信息管理、商品检索、用户管理、商品管理、购物车管理功能
- 超级管理员。管理员是本系统中权限最高的角色，可以对所有角色的用户新增、删除、修改，同时拥有信息管理、用户管理、管理员管理、商品管理、购物车管理功能
2.3 系统非功能性需求：
在当代社会，手机是每人必备的工具，随着科技行业的迅速发展，人民生活水平、消费能力的提高，手机的更新换代的速度也在不断提高，对于不懂手机的群体而言，一个手机购买辅助系统显得尤为重要，用户的职业、硬性需求、性别都会在推荐手机的考虑范围之内，当然用户也可以自由选择品牌，还可录入对某款手机的用户体验，以让新用户有一个更好的体验。
<!--游客购物车操作，不能添加购物商品-->
<?php
/**
* Created by PhpStorm.
* User: 一杯热水
* Date: 2019/5/13
* Time: 20:49
*/
session_start();
$phone_id = $_GET['phone_id'];
$con=mysqli_connect("localhost","root","","zxy");
if(!$con){
die("连接失败!".mysqli_error());
}
$result=mysqli_query($con,"SELECT * FROM phone WHERE phone_id='$phone_id'");
//获取结果数组
$result_arr=mysqli_fetch_assoc($result);
?>
<!DOCTYPE html>
<html >
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>商品详情页</title>
<meta name="keywords" content="首页" />
<meta name="description" content="首页" />
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" type="text/css" href="css1/normalize.css"/>
<script type="text/javascript" src="js/jquery-1.9.1.min.js"></script>
<script src="js/common.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).ready(function(){
var showproduct = {
"boxid":"showbox",
"sumid":"showsum",
"boxw":400,//宽度,该版本中请把宽高填写成一样
"boxh":400,//高度,该版本中请把宽高填写成一样
"sumw":60,//列表每个宽度,该版本中请把宽高填写成一样
"sumh":60,//列表每个高度,该版本中请把宽高填写成一样
"sumi":7,//列表间隔
"sums":5,//列表显示个数
"sumsel":"sel",
"sumborder":1,//列表边框，没有边框填写0，边框在css中修改
"lastid":"showlast",
"nextid":"shownext"
};//参数定义
$.ljsGlasses.pcGlasses(showproduct);//方法调用，务必在加载完后执行
});
</script>
</head>
<body>
<div id="header">
<div class="wrapper">
<P id="login-contain">
嗨，欢迎来到正阳手机销售
<a href="homepage.html">请登录</a>
<a href="register2.html">免费注册</a>
<a href="firstmain.php">首页</a>
</P>
<ul id="header-menu">
<li class="menu menu-hd">
<a href="">我的商城</a>
</li>
<li class="menu menu-hd" >
<a href="" id="noshop">购物车</a>
</li>
<li class="menu menu-hd">
<a href="">用户选择</a>
<ul class="sub-menu">
<li>
<a href="">用户选择1</a>
</li>
<li>
<a href="">用户选择2</a>
</li>
</ul>
</li>
</ul>
</div>
</div>
<div class="showall">
<!--left -->
<div class="showbot">
<div id="showbox">
<img src="<?php echo $phone_img=$result_arr['phone_img1'];?>" width="400" height="400" />
<img src="<?php echo $phone_img=$result_arr['phone_img2'];?>" width="400" height="400" />
<img src="<?php echo $phone_img=$result_arr['phone_img3'];?>" width="400" height="400" />
</div><!--展示图片盒子-->
<div id="showsum">
<!--展示图片里边-->
</div>
<p class="showpage">
<a href="javascript:void(0);" id="showlast"> < </a>
<a href="javascript:void(0);" id="shownext"> > </a>
</p>
</div>
<!--conet -->
<div class="tb-property">
<div class="tr-nobdr">
<h3><?php echo $phone_text=$result_arr['phone_text'];?></h3>
</div>
<div class="txt">
<span class="nowprice">￥<a href=""><?php echo $phone_price=$result_arr['phone_price'];?></a></span>
<div class="cumulative">
<span class="number ty1">累计售出<br /><em ><?php echo $phone_sell=$result_arr['phone_sell'];?></em></span>
<!-- <span class="number tyu">累计评价<br /><em >25</em></span>-->
</div>
</div>
<div class="txt-h">
<span class="tex-o">配置</span>
<ul class="glist" id="glist" data-monitor="goodsdetails_fenlei_click">
<li><a title="" href=""><?php echo $phone_RAM=$result_arr['phone_RAM'];?></a></li>
<!-- <li><a title="蓝色16g" href="">红色36g</a></li>-->
</ul>
</div>
<script>
$(document).ready(function(){
var t = $("#text_box");
$('#min').attr('disabled',true);
$("#add").click(function(){
t.val(parseInt(t.val())+1)
if (parseInt(t.val())!=1){
$('#min').attr('disabled',false);
}
})
$("#min").click(function(){
t.val(parseInt(t.val())-1);
if (parseInt(t.val())==1){
$('#min').attr('disabled',true);
}
})
});
</script>
<div class="gcIpt">
<span class="guT">数量</span>
<input id="min" name="" type="button" value="-" />
<input id="text_box" name="" type="text" value="1" style="width:30px; text-align: center; color: #0F0F0F;"/>
<input id="add" name="" type="button" value="+" />
<span class="Hgt">库存（<?php echo $phone_stock=$result_arr['phone_stock'];?>）</span>
</div>
<div class="nobdr-btns">
<button class="addcart hu" id="shopcar"><img src="images/shop.png" width="25" height="25"/>加入购物车</button>
<button class="addcart yh" id="buy"><img src="images/ht.png" width="25" height="25"/>立即购买</button>
</div>
<div class="guarantee">
<span>邮费：包邮 支持货到付款 <a href=""><img src="images/me.png"/></a></span>
</div>
</div>
<script>
var detail = document.querySelector('.detail');
var origOffsetY = detail.offsetTop;
function onScroll(e) {
window.scrollY >= origOffsetY ? detail.classList.add('sticky') :
detail.classList.remove('sticky');
}
document.addEventListener('scroll', onScroll);
</script>
<div class="detail">
<div class="active_tab" id="outer">
<ul class="act_title_left" id="tab">
<li class="act_active">
<a href="#">规格参数</a>
</li>
<li>
<a href="#">商品介绍</a>
</li>
<!--<li>-->
<!--<a href="#">商品评价</a>-->
<!--</li>-->
<li>
<a href="#">售后保障</a>
</li>
</ul>
<ul class="act_title_right">
<li class="mui-ac" >
<a>欢迎选购</a>
</li>
</ul>
<div class="clear"></div>
</div>
<div id="content" class="active_list">
<!--0-->
<div id="ui-a" class="ui-a">
<ul style="display:block;">
<li>手机名称：<?php echo $phone_name=$result_arr['phone_name'];?></li>
<li>手机描述：<?php echo $phone_text=$result_arr['phone_text'];?></li>
<li>套餐类型：<?php echo $phone_style=$result_arr['phone_style'];?></li>
<li>分辨率：<?php echo $phone_screen=$result_arr['phone_screen'];?></li>
<li>手机cpu型号：<?php echo $phone_cpu=$result_arr['phone_cpu'];?></li>
<li>手机运行内存：<?php echo $phone_RAM=$result_arr['phone_RAM'];?></li>
<li>存储容量：<?php echo $phone_save=$result_arr['phone_save'];?></li>
<li><img src="<?php echo $phone_img=$result_arr['phone_img2'];?>"/></li>
<li><img src="<?php echo $phone_img=$result_arr['phone_img1'];?>"/></li>
<!-- <li><img src="img/b2.webp"/></li>-->
<!-- <li><img src="img/b2.webp"/></li>-->
</ul>
</div>
<!--商品规格-->
<div id="bit" class="bit">
<ul style="display:none;">
<li><img src="<?php echo $phone_img=$result_arr['phone_img1'];?>"/></li>
<!-- <li><img src="--><?php //echo $phone_img=$result_arr['phone_img'];?><!--"/></li>-->
<!-- <li><img src="img/b2.webp"/></li>-->
<!-- <li><img src="img/b2.webp"/></li>-->
<!-- <li><img src="img/b2.webp"/></li>-->
</ul>
</div>
<!--售后保障-->
<div id="uic" class="uic">
<ul style="display:none;">
<p>服务介绍</p>
<p>您购买带有“全国联保”标识商品后，，即可按照《中华人民共和国产品质量法》，《中华人民共和国消费者权益保护法》，享受商家提供的修理，更换，退货服务。</p>
<p>您可通过登录系统就您已购买的带有“全国联保”标识的商品进行在线咨询，对故障机器一键报修，或可以查询品牌商售后信息。</p>
<p>若您发起报修则：</p>
<p>报修途径:</p>
<p>拨打品牌商服务页面的400报修热线进行报修</p>
<p>可点击品牌售后服务中心取得直接联系，并在线咨询售后相关问题。</p>
<p>我们承诺：</p>
<p>您将在报修之时起24小时之内得到相应；如需邮寄给品牌商或第三方，品牌商或第三方收到商品且接受保修后，则品牌商或第三方将在接受保修之日起30天内向消费者反馈相应售后信息。</p>
<p>投诉途径</p>
<p>拨打服务热线10086</p>
<p>通过服务子订单中的“我要投诉”发起投诉；</p>
<p>正阳系统会在24小时内，对您的服务投诉进行查实并做出回应，若查实为品牌未履行其全国联保义务的，系统将对对应品牌进行处罚。</p>
<p> 赔付说明</p>
<p> 如判定您的投诉成立，经确认需要赔付的订单，您将获得100元/单的违约金，该违约金以积分的形式支付。</p>
<p>商家向您支付违约金后，不再属于正阳规则的违背承诺投诉受理范围。</p>
<!-- <p>商品编号：ECS001983</p>-->
<!-- <p>品牌:威力马哈国产</p>-->
<!-- <p>上架时间：2016-05-24</p>-->
<!-- <span><img src="--><?php //echo $phone_img=$result_arr['phone_img'];?><!--"/></span>-->
<!-- <span><img src="images/ko-2.jpg"/></span>-->
</ul>
</div>
</div>
<script>
$(function(){
window.onload = function()
{
var $li = $('#tab li');
var $ul = $('#content ul');
$li.mouseover(function(){
var $this = $(this);
var $t = $this.index();
$li.removeClass();
$this.addClass('act_active');
$ul.css('display','none');
$ul.eq($t).css('display','block');
})
}
});
var Btn=document.getElementById('shopcar');
Btn.onclick=function () {
alert('亲爱的用户，请先登陆！');
}
var buy=document.getElementById('buy');
buy.onclick=function () {
alert('亲爱的用户，请先登陆！');
}
var noshop=document.getElementById('noshop');
noshop.onclick=function () {
alert('亲爱的用户，请先登陆！');
}
</script>
</div>
</div>
</div>
</body>
</html>
上一篇： JavaScript
下一篇： 前端基础01 --