00:00
大家好,这节课给大家介绍一下这个课程我们要写的一个项目。这个课程我们是用来完成一个商城的后台管理项目啊,这是商城的一个登录页面。我们来登录一下。之后会进入到后台的首页,首页简单的展示了一些统计的数据。我们还可以在这里进行分类的一个管理,可以添加新的一个分类。也可以对已有的分类进行一个编辑。然后还可以去查看这个分类当前的一个啊子集啊分类的一个子分类。然后是我们的用户管理。用户管理会列出来我们网站的一些用户。啊,在这里可以去啊,简单的进行一个模糊的一个搜搜索,以及通过这个邮箱进行精准的一个搜索。
01:04
还可以在这里去添加新的用户啊,并且给他去设置一个密码啊,当然如果字段你没有提交的话,都会做一些表单的一个验证。还可以对现有的已有的用户进行一个编辑。先来看一看商品管理,作为商城的一个后台管理,商品管理是最重要的一个模块。在商品管理里面,我们可以对商品进行搜索。还可以去添加新的一个商品,以及对现有的商品进行一个编辑操作,来新建一个商品看一下。选择它的一个分类,比如说我们选择前端GS商品名。描述。随便写一点。然后是价格。
02:00
库存。上传商品的一个封面图。我们来找一个图片。然后是商品的一个详情。这里还支持插入图片。提交。添加完成之后,这里会多出来刚才我们新添加的一个商品,嗯,这边图片呢,还可以去看它的大图的一个预览,然后还可以对商品进行上架和推荐的一个操作。对商品进行一个编辑操作。这是商品管理。然后是订单管理。当有人购买了商品之后,我们这里会看到用户的一个订单的一个情况,以及订单的一个状态,可以通过这个单号进行一个搜索,以及支付的单号进行一个搜索。在这里我们可以查看订单的一个详情,也就是这个订单它所包含的一个商品,以及商品的一个数量以及总价。
03:08
如果是已经支付的商品,我们可以在这里进行一个发货,发货的时候我们要选择快递的类型,以及快递的单号啊。那现在我是在讲的都是后台管理的相关的一个内容,那等会再给大家说一下它对应的前台我们应用的地方。它是怎么的一个使用情况。订单管理说完之后,我们来看看这个评论的管理。在用户。确认收货之后,他可以对商品进行。评价。我们在这里也可以看到用户的一个评价。那评价呢,可以去看到它所对应的一个评价的商品以及内容,以及我们回复的一个内容啊,如果这个评价是未回复的一个状态,那我们可以对这个。用户的评价进行一个简单的一个回复操作。
04:01
然后还可以在这里去输入商品的名字,去搜索对应商品的一个评价。还有就是我们的轮播图的一个管理,也就是首页。那个班的一个管理。这里呢,主要是对它的一个启用和禁用,以及它的这个一个排序啊,我们可以去编辑它的这个排序。还有就是啊,新建我们的这个轮播图。以及去编辑现有的一个轮播图。这个就是我们商城。后台的一些功能。之前在我们VIVO的项目中,我们已经使用VIVO3完成了商城的啊,前台的一个应用啊,这个就是。对应的商城的一个前台的应用啊,大家可能有疑问,这边显示的是图书相关的。啊,这边使用的是这个这些电脑啊,电子产品啊,这是因为这两个项目用的API不一样,那我这个是为了方便演示,用的是我本地的一个API啊,这个是用的呃,线上的一个API啊,当然是功能都是一样的啊,就是同一个项目,同一个API的项目。
05:09
啊,只是说用的API不一样。可以看到啊,刚才我们的说的这个,比如说轮播的一个管理啊,他负责了这个首页的一个轮播,我们的商品的这个管理。他会来控制这个商品的一个显示,以及它的价格,然后包括这个推荐的一个商品。在这个分类里面。这些分类啊,这个分类就是我们在这个分类管理里面去编辑的这样的一个分类,然后对应的一个该分类下面的一个商品。因为我们在添加商品的时候,是要给商品去选择这个分类的。所以在前台我们就可以通过啊不同的这个分类去。选择。筛选不同的一个商品。啊。当我们。登录之后可以把这个商品去加到这个购物车。
06:03
我回首页给大家登录下看一下啊。重新去添加一个商品。把这个加入购物车。之后就可以去结算,结算的时候。可以看到订单的一个大概的一个情况。然后选择完收货地址,我们就可以进行一个支付。
07:05
提交订单。这样会弹出一个支付的一个二维码,然后我们扫码支付之后,订单就会变成已支付状态,那这个我就不往下继续演示。那也是这个前台的这个项目呢,是我写的这个,我们的这个课程已经完结,然后这次的课程是将使用react去完成后台管理的一个项目。那这是我们要完成的这个项目的一个简介。
我来说两句