餐厅比喻版树状思维导图
graph TB
root["程序项目 = 餐厅运作"]
root --> fe["前端 = 菜单 / 服务员"]
fe --> fe1["用户看到的界面"]
fe --> fe2["负责点单（交互）"]
root --> be["后端 = 厨房 / 厨师"]
be --> be1["接收点单（处理逻辑）"]
be --> be2["烹饪菜品（业务执行）"]
root --> db["数据库 = 仓库 / 冰箱"]
db --> db1["存放食材（数据存储）"]
db --> db2["取出食材（数据查询）"]
root --> flow["完整流程"]
flow --> f1["顾客点菜 → 前端"]
flow --> f2["服务员传单 → 后端"]
flow --> f3["厨房做菜 → 取数据"]
flow --> f4["菜品上桌 → 返回结果"]
二、树状思维导图（Mermaid，树形/自上而下）
graph TB
root["程序项目大框架"]
root --> proj["项目形态"]
proj --> web["网站项目（PC端）"]
proj --> mobile["移动端项目"]
mobile --> app["APP"]
mobile --> mini["小程序"]
root --> build["技术组成"]
build --> fe["前端（界面）"]
fe --> fe_lang["语言：HTML / CSS / JavaScript"]
fe --> fe_fw["框架：Vue / React"]
build --> be["后端（业务逻辑）"]
be --> be_lang["语言：Java / Python / PHP / Go"]
be --> java["Java 技术栈"]
java --> ssm["SSM（Spring + SpringMVC + MyBatis）"]
java --> sb["Spring Boot（主流，快速开发）"]
build --> db["数据库（数据存储）"]
db --> mysql["MySQL（主流）"]
db --> oracle["Oracle"]
db --> mongo["MongoDB"]
root --> combo["典型技术组合（建议）"]
combo --> jstack["Vue + Spring Boot + MySQL（面向 Java 初学者）"]
树状思维导图（简洁版）
graph TB
root["编程语言 & 技术框架"]
root --> lang["编程语言 = 原材料"]
lang --> java["Java"]
lang --> python["Python"]
lang --> go["Go"]
lang --> php["PHP"]
root --> fw["技术框架 = 工具箱"]
fw --> java_fw["Java 框架"]
java_fw --> ssm["SSM"]
java_fw --> sb["Spring Boot（主流）"]
root --> relation["关系：语言 + 框架 = 大项目"]
