Project

LiteMall 商城小程序案例

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

产品形态商城小程序 + 管理后台
后端Spring Boot / MySQL
前端微信小程序 / Vue
当前状态正式域名已恢复

项目背景

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

现在正式 HTTPS 域名已经恢复,主站可以公开移动商城入口。后台入口、演示账号和生产数据仍然先不公开,等权限边界整理好再补。

项目截图

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

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

推进状态

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

当前状态

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

域名已恢复

mall.liujixue.cn 已恢复 HTTPS,移动商城和小程序首页接口可访问;后台地址和演示账号仍按安全边界暂不公开。

下一步演示

下一步补低权限演示账号、小程序体验二维码、真实商品/订单截图和公安备案号,让案例从“结构展示”升级成“可体验样板”。

模块拆分

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

微信小程序端

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

Vue 管理后台

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

Spring Boot API

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

MySQL 数据库

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

我整理和展示的内容

梳理 LiteMall 的模块结构,把小程序端、后台端、API 和数据库关系整理成可展示案例。
公开移动商城和小程序 API 的正式域名状态,但不公开后台入口、演示账号和生产数据。
把商城功能拆成用户端、商品订单、后台运营、接口服务和服务器部署几个可解释部分。
后续补低权限演示账号、真实商品订单截图、小程序体验二维码和公安备案号。

想做类似商城小程序?

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