一、前言
随着互联网技术的不断发展和智能手机的普及,电子商务模式日益多元化。白酒作为一种具有悠久历史和广泛消费群体的饮品,其市场需求持续稳定。然而,传统的白酒销售渠道存在一定的局限性,如购物不便、产品信息不全面等问题。开发一款白酒购物小程序,能够为消费者提供更加便捷、高效的购物体验,同时也为白酒生产商和经销商拓展销售渠道,提升品牌影响力。
本项目采用 SpringBoot + Vue + Uniapp 技术组合。SpringBoot 作为后端框架,具备高效开发、稳定可靠的特性,能轻松处理业务逻辑和数据存储。Vue 用于构建前端界面,其响应式设计和丰富的组件库带来流畅的用户交互体验。Uniapp 则实现跨平台开发,可同时适配多个移动操作系统,降低开发成本。三者结合,充分发挥各自优势,为白酒购物小程序提供强大的技术支撑,确保系统高效运行、界面美观且易于维护,满足用户便捷购物的需求。
二、技术环境
前端:Uniapp、HTML、CSS、JavaScript
后端:SpringBoot、SpringMVC、Mybatis、Redis
插件:Maven Helper、Lombok、MybatisLog
工具:IDEA、Postman、Maven、Git、Navicat
环境:Windows10、MySQL
三、功能设计
3.1 商家用例图如下图所示:
3.2 管理员用例图如下图所示:
3.3 用户用例图如下图所示:
四、数据库设计
数据库的 E-R 图(实体 - 关系图)是一种强大的工具,用于直观地表示数据库中的实体及其之间的关系。在数据库设计中,E-R 图可以帮助我们清晰地理解数据的结构和流向。限于篇幅要求,仅列出关键部分实体属性图,如下所述。
五、部分效果展示
5.1 首页呈现热门白酒推荐,搭配精美图片。设有搜索栏,方便快速查找。展示促销活动信息。下方滚动显示用户评价,为选购提供参考。清晰呈现购物车入口,方便随时查看与管理。
5.2 展示白酒品牌、产地、香型等详细信息。高清图片多角度呈现商品。显示用户评价与评分。标明价格与促销活动。提供购买按钮与加入购物车选项,方便快捷操作。
5.3 界面左侧显示对话列表,方便切换沟通对象。右侧展示聊天窗口,可发送文字、图片。有常见问题快捷按钮。记录沟通历史,方便查询。实时显示客服状态。
5.4 展示订单总价与明细。提供多种支付方式选择,如微信支付、支付宝等。有安全提示信息。显示支付进度条,让用户清楚支付状态。可返回修改订单或继续支付。
5.5 列出所有订单,显示订单状态。点击可查看具体订单详情,包括商品信息、支付状态等。有订单筛选功能,方便查找特定订单。提供订单评价入口,便于反馈购物体验。
5.6 界面展示所有商品列表。可编辑商品信息,如价格、库存等。能上传商品图片。有商品搜索功能,快速定位特定商品。可对商品进行上下架操作,方便管理商品销售状态。
5.7 展示所有订单信息,包括订单号、用户、总价等。可查看订单详情,如商品明细。能标记订单状态,如已发货、已完成等。有订单搜索功能,方便快速处理特定订单。
5.8 界面呈现用户列表,显示用户昵称、注册时间等信息。可编辑用户资料,如联系方式。能对用户进行封禁等操作。有用户搜索功能,便于快速定位特定用户进行管理。
六、部分功能代码
6.1 批量删除购物车
public Result batchDelete(Cart cart) {
String[] array = cart.getIds().split(",");
for (int i = 0; i <array.length; i++){
cart.setIsDelete(true);
cart.setId(Long.valueOf(array[i]));
update(cart);
}
return ResultGenerator.genSuccessResult();
}