Project

LiteMall 商城小程序案例

一个完整的小商城项目样板:微信小程序用户端、Vue 管理后台、Spring Boot API、MySQL 数据库和服务器部署规划。

产品形态商城小程序 + 管理后台
后端Spring Boot / MySQL
前端微信小程序 / Vue
当前状态备案处理前先做案例展示

项目背景

LiteMall 适合拿来做第一个小程序产品案例,因为它不是单页 Demo,而是完整覆盖了商城小程序、移动商城、管理后台、后端接口和数据库。

现在备案还有问题,所以先不把域名访问作为重点。主站先负责展示项目结构、技术能力和下一步上线计划,等域名恢复后再补后台入口和体验二维码。

项目截图

先使用 LiteMall 项目文档里的截图作为公开展示素材,后续替换成你自己的线上截图。

LiteMall 微信小程序界面截图
微信小程序用户端
LiteMall 管理后台截图
Vue 管理后台
LiteMall 系统结构图
系统模块结构

推进状态

把当前能公开展示的部分和暂时不能公开的原因讲清楚,后续补演示入口时不会断层。

当前状态

后台和项目结构已经作为案例展示接入主站,页面先展示小程序端、管理后台、Spring Boot API、MySQL 和服务器部署口径。

备案阻塞

mall.liujixue.cn 的正式公开入口还受备案和 HTTPS 恢复影响,所以不在主站写死可访问后台地址,避免误导访问者。

下一步演示

域名恢复后补线上后台入口、低权限演示账号、小程序体验二维码和真实商品/订单截图,让案例从“结构展示”升级成“可体验样板”。

模块拆分

这个案例的价值在于前后端和后台是成套的,而不是孤立页面。

微信小程序端

承载首页、分类、商品详情、购物车、下单、订单、地址、收藏、足迹等用户流程。

Vue 管理后台

用于会员、商品、订单、推广、配置、权限和统计报表管理。

Spring Boot API

拆分小程序 API 和后台 API,统一承载业务逻辑、权限、文件上传和订单状态流转。

MySQL 数据库

保存用户、商品、分类、订单、购物车、优惠券、售后和后台配置等数据。

我整理和展示的内容

梳理 LiteMall 的模块结构,把小程序端、后台端、API 和数据库关系整理成可展示案例。
保留服务器后台已部署的事实,但不在备案问题解决前公开写死正式访问入口。
把商城功能拆成用户端、商品订单、后台运营、接口服务和服务器部署几个可解释部分。
后续域名备案和 HTTPS 恢复后,再补线上后台入口、演示账号和小程序体验二维码。

想做类似商城小程序?

可以先从商品、订单、用户、后台和接口边界开始拆,不必一上来追求完整电商系统。