Vue + Django 商城项目

       本项目最开始是作为数据库课程设计制作的,实现了顾客注册、 顾客和管理员登录,品牌宣传、商品展示、模拟商品售卖、订单查看、订单修改、商品修改、商品删除、商品添加等功能,最近有时间完善了一下,从头到尾也花了蛮多时间,现在终于完工了,再次发个文章记录一下。商城地址: 首宠网


目录

登录(下两图)

顾客注册(下图)

首页(下两图)

主营宠物(下两图)

商城主页(下两图)

 商品购买信息确认(下图)

顾客订单页面(下两图)

管理员后台(下图)

查看商品订单(下图)

商品管理(下三图)

商品编辑(下图) 

商品添加(下图)

结语


登录(下两图)

通过点击按钮可以选择顾客或管理员身份登录

c78fd8faf4c54c5597a42a3b7e7f6247.png

d6f1c54fb65247e980aad3a7635963b0.png


顾客注册(下图)

230ce296cbcb4c0ba9450add173eb0f8.png


首页(下两图)

海报轮播图、返回顶部按钮

f3cd1c5b1d2941eca4bf8048348e63c9.png

cebe6cd271614c0e8e61edc07f5b4efd.png


主营宠物(下两图)

宠物名称导航、返回顶部按钮

c8c7420a220a4faf9abe4839e343b7bf.png

e9acf7eac1cd4594b6fe92c708810fb8.png


商城主页(下两图)

点击分类加载对应商品,分类对应商品在数据库中储存。宣传语是从apple商城抄的

未点击任何分类:f8ab71b060f5492cad1a406960ceaa0f.png

 点击“狗”:8d2d770fd48347e984c9af4219c03c71.png


 商品购买信息确认(下图)

3b1924b0bd314295876c0cccae6f7791.png填写所有信息才可确认购买


顾客订单页面(下两图)

以顾客身份登录后右上角可以找到我的订单选项,进去即可查看本人的购买记录

30f68428de794756820b9f5e29424bdb.png

如下图,商品订单分为三种颜色,绿色是已完成的订单,灰色是未发货的订单,蓝色是已发货的订单,顾客可以点击确认收货来完成订单2dc083ee6ccb4528ad4e635e118944fc.png

 


管理员后台(下图)

未点击任何选项时:

4ab77e342f5942e38fc3446b9f531fed.png


查看商品订单(下图)

管理员可以点击“确认发货”按钮来改变订单状态为“已发货”

af739aac2c9e4b42a3b7ffbfec7c8dd5.png


商品管理(下三图)

选择要查看的商品种类:

944680c07e9e4a1298b5537cfd805c65.png

选择商品的展示方式:

a8150d5033f54df99053828078f9ce72.png 以柱状图展示:

5cf700d3fada46baa7295f7263b07165.png

 以表格展示:

4397f0891841461daeeea9f5aeaddba1.png


商品编辑(下图) 

除了编号以外都可以修改,或者直接删除商品(编号用来唯一标识商品,保证数据库对应更新)

7979d9e3d19643359038431d2d9bc97d.png


商品添加(下图)

同样的,除编号是自动生成以外其他信息均自由编辑

f94d428cce8e42a9abe958de654d20de.png


结语

        项目主要功能展示到此,有需要欢迎留言或私信ouo

 

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

曼迪撒

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值