鞋子商城（移动端H5）+SpringBoot3 + Vue3 (前后端分离)原创

哈喽，大家好，今天给大家带来一款鞋子商城啊，它是一个移动端的一个商城，然后它的技术站是后端基础站是GK17那部鲁三，然后前端是V13。然后使用的移动端UI组件库是4。好，下面介绍一下这个功能啊。我们从后代管理开始讲解，然后这是后代管理，然后鞋子的话，它有几个属性嘛，一个就是鞋子类型，比如说它是跑步鞋，板鞋，拖鞋，凉鞋，这里可以新增一个。也说完，这里形成一个测试的类型。好，新人测试类型，然后这里。它是类型是测试，然后这里类型的话，它这里有个测试就出来了，测试又出来了，然后筛选是没有数据的。然后它还可以新的颜色，颜色黑色，白色。我这里瓶整一个出色的颜色啊。

测试颜色。颜色同样的啊，同样的它的搜索这里，它就会有一个刷新一下，它会这里有一个测试的颜色出来啊。然后品牌品牌我就不新增了啊，然后尺码，尺码的话，我也不新增了多大的尺码，然后去这个商品管理里面去。这是商品列表。上面表我们去新增一个商品啊，新增一个商品，商品名称我们选择测试的鞋子。尺寸尺寸就是刚刚基础数据里面的啊，我们选一个商品颜色测试颜色商品类型测试品牌品牌我们刚刚没新增的啊，库存给他个13个库存价格。这是原价。到了现价。我们上架啊，上架，然后上面的图片。我们给一个随便给一个图片。然后这个是商品详情的一个轮播图。人不都是多个的，是多个，你随便上传几个吧。

好，然后这是商品的描述，商品描述是这是一个副文本啊副文本。前后的啊，我们直接直接拷贝之前的吧，拷贝之前的。Woman.自己拷贝过来好，然后左右边是这个预览的效果啊，预览的效果嗯，保存一下。好，保存一下这个测试商品，就就会测试商品就出来了，测试商品也出来了。是在。测试鞋子。那我们去刷新一下。刷新一下，我们看这个测试鞋子已经出来了，我们我们搜索一下啊，比如说搜索测试颜色的，好了，他已经已经出来了，你们点进去。的确，这是商品的轮廓图。然后这是一个品牌，这是品牌的标签，然后这是上面标题，然后这是名现价原价，然后这是上面的选择的SKU，就是那个属性嘛，就是这个技术属性啊。

然后是购买的数量，然后下面是相当于讲解，然后下面是宝贝的评价。啊，然后这是订单管理，订单管理的话，这里我们走一个订单的流程啊。我们只会购买流程，比如说这个商品。啊，这个商品的评价，这是我之前买过的商品的评价。然后就是评价图片。我们加入固色。好，他是先登录啊，这里我一登录我就不演示登录了。这边也是个肉，这里其实也是可以登录的。点击登录。还是演示一下呢。但是这里有注册的，注册是通过邮箱注册的。注册我就不演示了，我已经注册过了。我先登录一下。登录一下，我们找到这个鞋子。

我去购买这个鞋子，加入购物车。他要你选择颜色，选择这个。加入购物车或者这里也可以直接购买啊，我们先从购物车。购物车里面买，然后去结算，我们去提交订单，提交订单它这里是模拟已经支付成功了，啊，模拟已经支付成功了。它就变成一个待发货的状态了，这个待发货的状态啊。然后我们后台这里刷新。发现这里有一个刚刚买的吧，刚这是刚刚买的，6月18号的，我们看一下详情吗。放心，老用户地址。地址刚刚没有切换呢，买的时候没有切换的。比如说我们再买一个。我直接购买，直接购买。哎，这里上面有地址吗？上面地址可以切换。再买一个吧。

没颜色到。好的，这个地址是可以切换的，这个地址是可以切换的，那是哪个默认地址。我去提交，我再刷新啊，这边多了，再刚刚一个嘛，刚一个我们去发货。发货之后，它就变成一个待发货状态了，待发货。哦，暂时待收货状态，待收货发货了吗？然后这里确认收货，确认收货，他这里就是一个待评价的状态，我们点击评价。点一下点一下点一下点一下马上出图片。我提交提交评价成功了。我们再看看这个商品的评价出来了吗？评价已经出来了。评价。然后这是商品员的购买流程，它这里有一个。确认收货，呃，待发货，发货就变成运输中啊，运输中刚确认收货就变成订单完成了，就变成订单完成了，然后这边是可以取消那些。

各种类型的查询，然后这边是一个用户的管理。用户的管理可以禁用啊，可以启用，然后这是管理员啊，然后这个是用户。然后首页这是一个上面详情演讲的购物车已经讲了。购车影响，然后这是我的。我的这里有一些什么功能呢？就是一个个人中心，这里可以修改。修改用户名。好，这里改成功了啊。登录是用用户名去登录的，然后这里有个待发货待付款的订单。然后还有一个修改密码，密码，新密码旧密码我就不修改了，然后地址管理，地址管理这里可以添加地址啊。丁雪。

详细的地址。这里设为默认地址，为默认地址。啊，这里就就有地址关键啊，然后你可以切换默认地址啊，切换默认地址。好，这里就这么一个简单的商城啊，就这么一个简单的商城。就到这里吧。