![Vue.js 3企业级项目开发实战(微课视频版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/500/52842500/b_52842500.jpg)
上QQ阅读APP看书,第一时间看更新
1.2 项目成果
本节将概括地介绍商城后台管理系统,包括前端界面以及功能演示。通过对本节的学习,读者将了解商城后台管理系统的基本组成部分和各部分之间的关系。
以下是该项目关键功能界面的显示效果。
1.登录
登录界面如图1-2所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P13_73634.jpg?sign=1739504733-W4RUZe1erxTer4TvAM1KEY3s9ZxMpkaH-0-fe86206d8597298f7c492e3976b1b968)
图1-2
2.后台首页管理
登录成功后的后台首页管理界面如图1-3所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P14_73641.jpg?sign=1739504733-fZa0yQA4QvwwdWGYZzxtXCla85h98xbz-0-3f13ac08b3546ec4ff0fe67ecf6b5bb2)
图1-3
3.图库管理
图库管理界面如图1-4所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P14_73645.jpg?sign=1739504733-N0uLIvN9RLGceqY19FvaugDAGQoA04LW-0-83988ce8478cc3bfafb730613c253341)
图1-4
图库管理是项目的重点模块之一,具有图库分类管理和上传管理等功能。
4.管理员管理
管理员管理界面如图1-5所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P15_73653.jpg?sign=1739504733-77xR9O8HIee5cOG32psRpAOP8ueNAqbf-0-7d2645ecf78f64b9332eb0beae7e3825)
图1-5
5.角色管理
角色管理界面如图1-6所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P15_73657.jpg?sign=1739504733-YzPxNL1aM1lT3ipr8bOIQ4Vob9dZhGfD-0-e6b721cbe4e8f1c36b59933a1a93b66a)
图1-6
6.用户管理
用户管理界面如图1-7所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P16_73664.jpg?sign=1739504733-gWLSw4bUVBx93dZ5HQZC8Sk3zPB79EG1-0-1f7fa19bce4c438d2f4c71f5709f4244)
图1-7
7.商品管理
商品管理界面如图1-8所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P16_73668.jpg?sign=1739504733-WdyYaFlKsiGg1nopN5IYr2AIkTMogvdX-0-c3b189adc93cfaf39a03c4e896e2e49f)
图1-8
通过商品管理模块可以实现查看商品状态、新增商品、上/下架商品、设置详情等功能。
8.订单管理
订单管理界面如图1-9所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P17_73676.jpg?sign=1739504733-ou1hGW4VT0I8h0ZCEXzr8E8zVqN8PiBo-0-4847be2553a057fde235ed944a9918c5)
图1-9
9.分销管理
分销管理界面如图1-10所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P17_73680.jpg?sign=1739504733-I7E22thOKPEMqPuRYgeJQXNxZXmpA9jf-0-963b598e8db1f8d103b8c73164282887)
图1-10
10.分销设置
分销设置界面如图1-11所示。
![](https://epubservercos.yuewen.com/313864/31398258607654606/epubprivate/OEBPS/Images/Figure-P18_73688.jpg?sign=1739504733-ubPxUSQf9LUlp01ddVsncuqJaUauwWIH-0-1d0b22617679d7acdd592cee478b5307)
图1-11
除上述演示功能界面之外,商城后台管理系统还包括优惠券管理、商品评论管理、公告管理等功能。