全栈应用原型2024独立开发者

手机销售微信小程序

基于移动小程序、Java SSM 与关系型数据库,完成商品浏览、搜索、购物车、订单及后台商品与订单管理的完整销售系统。

Mobile Mini ProgramVue / MVVMSSMRelational DatabaseMD5System Testing
CAPSTONE / 2024MINI PROGRAM + ADMIN → ONE BUSINESS SYSTEM

从用户浏览到后台维护,同一套业务数据贯穿前台、服务端与数据库。

USER↓MOBILE MINI PROGRAMPRODUCT · SEARCH · CART · ORDER↓JAVA / SSM BACKEND↓RELATIONAL DATABASEADMIN → WEB MANAGEMENT → CATEGORY · PRODUCT · ORDER · USER
系统关系重绘;下方保留已匿名化的界面和测试证据。

01 / 项目快照

PROJECT

手机销售小程序

ROLE

独立开发

CLIENT

Mobile Mini Program

BACKEND

Java · Spring · Spring MVC · MyBatis

DATABASE

Relational Database

SCOPE

Browse · Search · Cart · Order · Admin

02 / 用户与管理员

一套系统,同时回应购买与维护两种目标。

USER GOALS

小程序登录、浏览/搜索商品、查看详情、加入及管理购物车、创建与查看订单、管理个人信息。

ADMIN GOALS

管理员登录、用户管理、商品类别管理、商品信息管理、订单管理与购物车相关数据管理。

Sanitised user and administrator use-case diagram
已匿名化的设计证据:系统用户总体用例图。

03 / 一次购买如何发生

浏览、选择、购物车,再到订单创建。

MINI PROGRAM LOGIN→HOME→BROWSE / SEARCH→PRODUCT DETAIL→ADD TO CART→CART→ORDER

报告证明了商品查询、购物车、购买与订单查看流程。这里使用“订单创建”而非真实支付:系统不是接入真实支付平台的商业产品。

04 / 系统架构

小程序、业务层与数据库的清晰分工。

MOBILE MINI PROGRAM→HTTP REQUEST→SPRING MVC / CONTROLLER→SERVICE→MYBATIS / DAO→RELATIONAL DATABASE
SPRING

管理应用对象与业务组件。

SPRING MVC

处理 Web 请求和 Controller。

MYBATIS

负责数据访问与 SQL 映射。

RELATIONAL DATABASE

持久化用户、商品、购物车和订单等业务数据。

Sanitised SSM architecture diagram
已匿名化的系统架构图。

05 / 前台与后台

用户体验与运营维护,共享同一套业务数据。

FRONT STAGE

Customer
↓
Mini Program
↓
Browse · Search · Cart · Order

↕
BACK STAGE

Admin
↓
Web management
↓
Category · Product · Order · User

ADMIN EDIT PRODUCT→DATABASE→UPDATED MINI PROGRAM DISPLAY
USER CREATE ORDER→DATABASE→ADMIN ORDER MANAGEMENT

06 / 数据模型

六个核心实体,维持商品与订单流程的状态。

USER↓ORDER↑CARTPRODUCT CATEGORY → PRODUCT → CART / ORDERADMIN

报告的数据库逻辑设计包括用户、管理员、商品分类、商品信息、订单与购物车。产品表包含名称、描述、价格、库存、类别等字段;订单表记录用户、总价、联系人、时间与状态。

07 / 小程序实现

从登录到商品、购物车和订单的真实运行证据。

08 / 后台管理

不止是用户端界面,也要维护商品和订单。

后台管理系统支持类别、商品、订单、用户以及购物车相关数据管理。管理员商品操作涵盖新增、修改、删除和按名称检索;订单管理允许查看并更新订单状态。

09 / 测试验证

通过功能用例,验证商品、购买和登录流程。

PRODUCT CRUDPASS

商品新增、修改、删除测试均通过。

PURCHASE / ORDERPASS

购买成功并生成符合要求格式的订单号。

MINI PROGRAM LOGINPASS

登录与相同用户再次登录测试通过。

ADMIN LOGINPASS

账号/密码校验的成功和失败用例通过。

Original product and purchase functional test evidence
已脱敏的原始测试证据:PDF 第 42 页,商品操作与购买商品测试。

10 / 项目边界

IMPLEMENTED

小程序登录、商品展示/分类/查询、购物车、订单、后台登录、商品类别管理、商品管理、订单管理、用户管理、关系型数据库持久化与功能测试。

NOT CLAIMED

不声称真实在线支付、物流、生产部署、商业用户运营或 AI 推荐。报告中的“推荐商品”仅作为推荐导向的商品展示。

11 / 我的收获

真正的软件产品不是某一段代码,而是一整套角色、流程、数据和技术共同工作的系统。

这个项目让我完整经历了一次从需求到运行的过程。此前我更多关注数据库、算法、前端或嵌入式等单一模块;在这里,用户任务、前端流程、后台运营、数据模型和测试验证第一次被连接成同一个系统。

12 / 如果今天重做

API CONTRACTSSPRING BOOTSESSION / JWT SECURITYPASSWORD HASHING + SALTROLE-BASED ACCESSORDER STATE MACHINEPAYMENT SANDBOXINVENTORY TRANSACTIONSFORM VALIDATIONERROR HANDLINGAUTOMATED TESTSDOCKERIZED DEPLOYMENTOBSERVABILITYRESPONSIVE ADMIN UI

以上是今天重新设计时会优先补足的工程方向,不是 2024 年已经完成的功能。

下一个案例

个人理财管理系统

↗