基于PHP+MySQL手机销售商城设计与实现

深碍√TFBOYSˉ_ 2024-02-21 10:53 53阅读 0赞

目录  
摘要 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系统用户介绍  
本系统主要分成了三级权限：普通用户、管理员、超级管理员。以下是角色的详细介绍。

1.  普通用户。普通用户通过登录使用自身信息管理、商品检索、购物车功能。
2.  管理员。管理员通过在管理端登录后可以有信息管理、商品检索、用户管理、商品管理、购物车管理功能
3.  超级管理员。管理员是本系统中权限最高的角色，可以对所有角色的用户新增、删除、修改，同时拥有信息管理、用户管理、管理员管理、商品管理、购物车管理功能  
    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">
        
        <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>
        
        <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>
    
                </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>
    
                </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>
                    </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">
                    
                    <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>
    
    
                        </ul>
                    </div>
                    
                    <div id="bit" class="bit">
                        <ul style="display:none;">
                            <li><img src="<?php echo $phone_img=$result_arr['phone_img1'];?>"/></li>
    <?php //echo $phone_img=$result_arr['phone_img'];?>
    
    
    
    
                        </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>
    
    
    
    <?php //echo $phone_img=$result_arr['phone_img'];?>
    
                        </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>

![在这里插入图片描述][6c718e592053489da97932bbdfb8bf71.png_pic_center]  
![在这里插入图片描述][78c0502ef6fb4f06a077de1a21ebf2d5.png_pic_center]  
![在这里插入图片描述][f04093bc2c2343309904ee2d47b28b04.png_pic_center]  
![在这里插入图片描述][c0ad1d8c73ce46739ab293002e218722.png_pic_center]  
![在这里插入图片描述][5cd8454e8bd24e9dae83956923f6d0f6.png_pic_center]  
![在这里插入图片描述][8db6766d5d4b4c7a98e32262a09ceac0.png_pic_center]  
![在这里插入图片描述][3a2733c0f89e48ebb2c93600dd0db73a.png_pic_center]  
![在这里插入图片描述][38aa1f4bd21e4db2a84af21927a040e1.png_pic_center]  
![在这里插入图片描述][51038ff0a55640539ab97d57b54cab7f.png_pic_center]  
![在这里插入图片描述][1488a99aeaa146f9860b463f6480f623.png_pic_center]  
![在这里插入图片描述][c6f59ffea4924900ac3a95ec5b6a7285.png_pic_center]  
![在这里插入图片描述][bf861452874a46059ffa14d16ba29159.png_pic_center]

[6c718e592053489da97932bbdfb8bf71.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/3ca9842564344e528fd275ce2da77952.png
[78c0502ef6fb4f06a077de1a21ebf2d5.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/a711dfb03b604bf6b7c50172f0efe515.png
[f04093bc2c2343309904ee2d47b28b04.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/a44dd91fccdd4a19af6270bdccee2846.png
[c0ad1d8c73ce46739ab293002e218722.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/c316b39403a34647902f2733fb86b5d0.png
[5cd8454e8bd24e9dae83956923f6d0f6.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/bebfeff9f1764d0f90a03b6df7a2c513.png
[8db6766d5d4b4c7a98e32262a09ceac0.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/43d0875b91884f5881212759a24008c4.png
[3a2733c0f89e48ebb2c93600dd0db73a.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/8a1a44824feb4e9a945eba5b06032c82.png
[38aa1f4bd21e4db2a84af21927a040e1.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/b0c7e23b58ac41fe87a18275db02c4e4.png
[51038ff0a55640539ab97d57b54cab7f.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/04c80c695b2346f3b0342dda109ebf52.png
[1488a99aeaa146f9860b463f6480f623.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/ce2bddae639e4ad5b350c3069aea4e25.png
[c6f59ffea4924900ac3a95ec5b6a7285.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/e48c9e8b29ba44dca3d311d5d091bd15.png
[bf861452874a46059ffa14d16ba29159.png_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/02/21/4377cfd3e7a340fda0ddc6e3e1462ce3.png