目录
摘要 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系统用户介绍
本系统主要分成了三级权限:普通用户、管理员、超级管理员。以下是角色的详细介绍。
<!--游客购物车操作,不能添加购物商品-->
<?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="" width="400" height="400" />
<img src="" width="400" height="400" />
<img src="" 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=""/></li>
<li><img src=""/></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=""/></li>
<!-- <li><img src="-->
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>







