建站知识 - 独立站SEO建站专家 - 深圳网站建设技术

Uni商城-开源项目

目录

概述

技术选型

前端

后端

数据库:MongoDB

项目原型图

项目实现效果图

Tabbar页面

微信一键登录

​编辑加入购物车

​编辑 首页商品分类过滤

商品搜索

商品下单

收货地址选择/管理(内置组件)

​编辑 购物车下单

​编辑 优惠券使用

​编辑 店铺

​编辑 领取/查看优惠券

​编辑 商品收藏/查看收藏

​编辑 查看订单

​编辑 待付款页面

​编辑 Gitee项目源码


概述

  • 使用uni-app项目开发的微信商城小程序,实现商城基本功能。

  • 项目属于从零造轮子,目的是为了自己增强项目整体开发规范和能力,在此做个项目记录,如果源码能够帮助到任何人,那么两个星期的代码编写将会变得更有价值。

  • 更多项目信息:飞书文档连接-点击访问

  • 飞书文档中编写了需求分析,每日开发日志,数据库表设计等信息。

技术选型

前端

  • 前端采用uni-app项目,打包为”微信小程序“作为开发环境。

  • 使用Vue3组合式API进行开发。

  • 使用uni-app官方组件库快速搭建页面。

  • 异步请求库Axios与后端交互。

  • 整合JSAPI微信支付完成订单下单闭环。

  • day.js格式化显示时间

后端

  • SpringBoot框架

  • ElasticSearch搜索引擎实现商品搜索。

  • 使用Java-jwt实现登录校验。

  • 使用spring-data-mongodb实现与MongoDB的连接和操作MongoDB数据。

  • RabbitMQ消息中间件,实现订单异步处理和订单超时等功能。

  • 微信支付SDK:wechatpay-apache-httpclient,实现订单微信支付。

数据库:MongoDB

项目原型图

项目实现效果图

Tabbar页面

微信一键登录

加入购物车

首页商品分类过滤

商品搜索

商品下单

收货地址选择/管理(内置组件)

购物车下单

优惠券使用

店铺

领取/查看优惠券

商品收藏/查看收藏

查看订单

待付款页面

Gitee项目源码

Gitee项目地址:https://gitee.com/maohe101/uni-mall

1. 关于项目的快速启动流程在Gitee的README.md中有说明。

2. 关于商品数据(MongoDB数据)和静态文件(商品等图片)也在Gitee文件目录中。