# amazonShop **Repository Path**: amazon_zc/amazon_shop ## Basic Information - **Project Name**: amazonShop - **Description**: 只包含代码 - **Primary Language**: Unknown - **License**: MulanPSL-1.0 - **Default Branch**: master - **Homepage**: None - **GVP Project**: No ## Statistics - **Stars**: 0 - **Forks**: 0 - **Created**: 2020-11-26 - **Last Updated**: 2025-04-16 ## Categories & Tags **Categories**: Uncategorized **Tags**: None ## README # amazon-shop ## 1.背景介绍 2020秋季软件工程与UML作业之一,Amazon团队开发。 ##2. 项目介绍 电子商务平台,简单实现了一般网站的开发流程,使开发人员了解了购物车、订单的开发等等思想,参与其中。 ### 技术框架 服务端:**php(未使用框架,部分代码有使用mvc思想)** 前端:**vue + html + bootStrap + jquery** ##3.内置功能 ###1.1每位用户的标识 (采用session对信息进行保存,当用户登录时) ![Alt text](amazonShop/Readme/pic/1608470504108.png) ###1.2搜索功能 为了避免非空搜索,采用jquery的prop属性对按钮是否可用状态进行切换, `function setBtnProp(){ if($("#keyword").val() == ''){ $("#btn_sub").prop("disabled",true); }else{ $("#btn_sub").prop("disabled",false); } }` **1.展示:** ![Alt text](amazonShop/Readme/pic/1608470027108.png) ###1.3用户主页商品展示和商品分类 **1.展示:** ![Alt text](amazonShop/Readme/pic/1608470074405.png) **2.部分代码:** ![Alt text](amazonShop/Readme/pic/1608470635777.png) ![Alt text](amazonShop/Readme/pic/1608470437900.png) ###1.4查看商品详情 **1.展示:** ![Alt text](amazonShop/Readme/pic/1608470699222.png) **2.详情(包括描述、参数、评价):** ![Alt text](amazonShop/Readme/pic/1608470765844.png) ###1.5商品评价功能 如果暂无评论,返回提示信息,否则返回数组。 **1.没有评论:** ![Alt text](amazonShop/Readme/pic/1608471351973.png) **2.有评论:** ![Alt text](amazonShop/Readme/pic/1608470845349.png) **3.部分代码:** ![Alt text](amazonShop/Readme/pic/1608470876484.png) ![Alt text](amazonShop/Readme/pic/1608471403444.png) ![Alt text](amazonShop/Readme/pic/1608471432176.png) ###2.1登录注册 **1.没有账号请注册** ​ ![Alt text](amazonShop/Readme/pic/image-20201220220905160.png) **2.注册完登录** ![Alt text](amazonShop/Readme/pic/image-20201220220945854.png) **3.部分代码** ![Alt text](amazonShop/Readme/pic/image-20201220221144530.png) ![Alt text](amazonShop/Readme/pic/image-20201220221155515.png) ![Alt text](amazonShop/Readme/pic/image-20201220221202172.png) ![Alt text](amazonShop/Readme/pic/image-20201220221221517.png) ###2.2购物车 **1.添加到购物车** ![Alt text](amazonShop/Readme/pic/image-20201220221600723.png) **2.购物车查看** ![Alt text](amazonShop/Readme/pic/image-20201220221528255.png) **3.部分代码** ![Alt text](amazonShop/Readme/pic/image-20201220221656279.png) ###2.3管理员用户订单商品删改 **1.用户订单商品** ![Alt text](amazonShop/Readme/pic/image-20201220221821958.png) ![Alt text](amazonShop/Readme/pic/image-20201220221832117.png) ![Alt text](amazonShop/Readme/pic/image-20201220221840715.png) ![Alt text](amazonShop/Readme/pic/image-20201220221849380.png) ![Alt text](amazonShop/Readme/pic/image-20201220221903474.png) **2.部分代码** ![Alt text](amazonShop/Readme/pic/image-20201220222026042.png) ![Alt text](amazonShop/Readme/pic/image-20201220222106188.png) ###3.1商品添加 ![Alt text](amazonShop/Readme/pic/image-20201220220839796.png) ![Alt text](amazonShop/Readme/pic/image-20201220221359224.png)这是这次的日期获取。 ![Alt text](amazonShop/Readme/pic/image-20201220221438676.png)这是生成文件目录的方法 这是添加商品的语句 ```php mysqli_query($conn,"insert into tb_shangpin(mingcheng,jianjie,addtime,dengji,xinghao,tupian,typeid,shichangjia,huiyuanjia,pinpai,tuijian,shuliang,cishu)values('$mingcheng','$jianjie','$addtime','$dengji','$xinghao','$uploadfile','$typeid','$shichangjia','$huiyuanjia','$pinpai','$tuijian','$shuliang','0')"); ``` ###3.2商品删除 ![Alt text](amazonShop/Readme/pic/image-20201220221642775.png) 先是列出商品的主要代码 ![Alt text](amazonShop/Readme/pic/image-20201220221915107.png) 删除的代码 ![Alt text](amazonShop/Readme/pic/image-20201220221947364.png) ###3.3订单页面 ![Alt text](amazonShop/Readme/pic/image-20201220222435322.png) 显示商品的页面的代码 ![Alt text](amazonShop/Readme/pic/image-20201220222523308.png) 保存订单的php代码 ![Alt text](amazonShop/Readme/pic/image-20201220222624273.png) 保存订单的代码: ```PHP $addsql="insert into tb_dingdan (dingdanhao,spc,slc,shouhuoren,dizhi,youbian,tel,time,xiadanren,zt,total) values ('$dingdanhao','$spc','$slc','$shouhuoren','$dizhi','$youbian','$tel','$time','$xiadanren','$zt','$total')"; ``` ###3.4查询订单 ![Alt text](amazonShop/Readme/pic/image-20201220222751716.png) 代码:![Alt text](amazonShop/Readme/pic/image-20201220222823780.png)可以单独用姓名或订单号查询 ###3.5个人信息修改 ![Alt text](amazonShop/Readme/pic/image-20201220223028139.png) 代码:个人信息的代码 ![Alt text](amazonShop/Readme/pic/image-20201220223053128.png) ###3.6支付成功 ![Alt text](amazonShop/Readme/pic/image-20201220223214013.png) 支付成功就是把订单的信息打印一下没什么代码 ![Alt text](amazonShop/Readme/pic/image-20201220223344797.png)