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

    1. 普通用户。普通用户通过登录使用自身信息管理、商品检索、购物车功能。
    2. 管理员。管理员通过在管理端登录后可以有信息管理、商品检索、用户管理、商品管理、购物车管理功能。本文转载自http://www.biyezuopin.vip/onews.asp?id=15620
    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">
        <!--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>邮费:包邮&nbsp;&nbsp;支持货到付款 <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>
    
    
    
    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 8
    • 9
    • 10
    • 11
    • 12
    • 13
    • 14
    • 15
    • 16
    • 17
    • 18
    • 19
    • 20
    • 21
    • 22
    • 23
    • 24
    • 25
    • 26
    • 27
    • 28
    • 29
    • 30
    • 31
    • 32
    • 33
    • 34
    • 35
    • 36
    • 37
    • 38
    • 39
    • 40
    • 41
    • 42
    • 43
    • 44
    • 45
    • 46
    • 47
    • 48
    • 49
    • 50
    • 51
    • 52
    • 53
    • 54
    • 55
    • 56
    • 57
    • 58
    • 59
    • 60
    • 61
    • 62
    • 63
    • 64
    • 65
    • 66
    • 67
    • 68
    • 69
    • 70
    • 71
    • 72
    • 73
    • 74
    • 75
    • 76
    • 77
    • 78
    • 79
    • 80
    • 81
    • 82
    • 83
    • 84
    • 85
    • 86
    • 87
    • 88
    • 89
    • 90
    • 91
    • 92
    • 93
    • 94
    • 95
    • 96
    • 97
    • 98
    • 99
    • 100
    • 101
    • 102
    • 103
    • 104
    • 105
    • 106
    • 107
    • 108
    • 109
    • 110
    • 111
    • 112
    • 113
    • 114
    • 115
    • 116
    • 117
    • 118
    • 119
    • 120
    • 121
    • 122
    • 123
    • 124
    • 125
    • 126
    • 127
    • 128
    • 129
    • 130
    • 131
    • 132
    • 133
    • 134
    • 135
    • 136
    • 137
    • 138
    • 139
    • 140
    • 141
    • 142
    • 143
    • 144
    • 145
    • 146
    • 147
    • 148
    • 149
    • 150
    • 151
    • 152
    • 153
    • 154
    • 155
    • 156
    • 157
    • 158
    • 159
    • 160
    • 161
    • 162
    • 163
    • 164
    • 165
    • 166
    • 167
    • 168
    • 169
    • 170
    • 171
    • 172
    • 173
    • 174
    • 175
    • 176
    • 177
    • 178
    • 179
    • 180
    • 181
    • 182
    • 183
    • 184
    • 185
    • 186
    • 187
    • 188
    • 189
    • 190
    • 191
    • 192
    • 193
    • 194
    • 195
    • 196
    • 197
    • 198
    • 199
    • 200
    • 201
    • 202
    • 203
    • 204
    • 205
    • 206
    • 207
    • 208
    • 209
    • 210
    • 211
    • 212
    • 213
    • 214
    • 215
    • 216
    • 217
    • 218
    • 219
    • 220
    • 221
    • 222
    • 223
    • 224
    • 225
    • 226
    • 227
    • 228
    • 229
    • 230
    • 231
    • 232
    • 233
    • 234
    • 235
    • 236
    • 237
    • 238
    • 239
    • 240
    • 241
    • 242
    • 243
    • 244
    • 245
    • 246
    • 247
    • 248
    • 249
    • 250
    • 251
    • 252
    • 253
    • 254
    • 255
    • 256
    • 257
    • 258
    • 259
    • 260
    • 261
    • 262
    • 263
    • 264
    • 265
    • 266
    • 267
    • 268
    • 269
    • 270
    • 271
    • 272
    • 273
    • 274
    • 275
    • 276
    • 277
    • 278
    • 279
    • 280
    • 281

    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述

  • 相关阅读:
    wpa-supplicant移植
    层级锁笔记
    C# - 反射动态添加/删除Attribute特性
    双向链表的基本操作怎么编译
    高职教职招聘的那点事
    介绍一些开发用到的工具
    mysql数据物理迁移
    promise原理
    【Java 设计模式】创建者模式 之抽象工厂模式
    解析网络空间的安全威胁与应对
  • 原文地址:https://blog.csdn.net/newlw/article/details/126686195