技术路线图里要不要写具体技术名？

看学校要求。写进去更具体，评审一眼看出技术选型；不写则图更通用。用在节点里换行写第二行是折中做法。

前端和后端并行怎么画？

把两个节点放在同一个 subgraph 里、都指向「前后端联调」即可，排版引擎会把它们并排。

除了技术路线图，毕业设计常用的还有哪些图？

系统架构图、ER 图、类图、时序图、用例图。前四种模板库里都有，用例图 Mermaid 不支持，可用流程图代替。

系统开发类毕业设计技术路线图模板

Q: 技术路线图里要不要写具体技术名？

看学校要求。写进去更具体，评审一眼看出技术选型；不写则图更通用。用 在节点里换行写第二行是折中做法。

预览用的是「靛蓝」主题，打开编辑器后可以换

适用场景

「基于 XX 的 XX 管理系统设计与实现」这类毕业设计的开题报告和论文。系统实现阶段画出了前端、后端并行开发再联调，比一条直线更贴近真实做法，也方便说明分工。

怎么改成你的

把技术栈写进节点：G[后端开发<br/>Spring Boot + MySQL]、H[前端开发<br/>Vue]。
小程序或移动端项目，把「前端开发」改成「小程序端开发」或再加一条链。
有算法模块（推荐、识别等），在系统实现里加「算法模块开发」与前后端并行。
数据库设计可以另配一张 ER 图，模板库里有现成的。

Mermaid 代码

system-development-roadmap.mmd

flowchart TB
    subgraph D1[需求分析]
        direction LR
        A[调研业务流程] --> B[功能需求与非功能需求] --> C[用例与用户角色]
    end
    subgraph D2[系统设计]
        direction LR
        D[总体架构设计] --> E[数据库设计] --> F[接口与界面设计]
    end
    subgraph D3[系统实现]
        direction LR
        G[后端开发] --> I[前后端联调]
        H[前端开发] --> I
    end
    subgraph D4[测试与部署]
        direction LR
        J[功能测试] --> K[性能与安全测试] --> L[部署上线]
    end
    subgraph D5[总结]
        direction LR
        M[系统评价] --> N[总结与展望]
    end
    D1 --> D2 --> D3 --> D4 --> D5

让 AI 按这个结构生成一份

把下面这段发给豆包、DeepSeek、Kimi 或元宝，再把它的回复整段粘贴到编辑器，会自动识别其中的代码。

prompt.txt

请用 Mermaid 的 flowchart TB 语法画一张系统开发类毕业设计的技术路线图：分需求分析、系统设计、系统实现、测试与部署、总结五个阶段，每个阶段用 subgraph 表示。步骤依次是：调研业务流程→功能需求与非功能需求→用例与用户角色；总体架构设计→数据库设计→接口与界面设计；后端开发与前端开发并行→前后端联调；功能测试→性能与安全测试→部署上线；系统评价→总结与展望。每个 subgraph 里加 direction LR 让步骤横排，阶段之间用 subgraph 的 id 相连（如 S1 --> S2）。只输出 mermaid 代码块。

常见问题

技术路线图里要不要写具体技术名？: 看学校要求。写进去更具体，评审一眼看出技术选型；不写则图更通用。用 <br/> 在节点里换行写第二行是折中做法。
前端和后端并行怎么画？: 把两个节点放在同一个 subgraph 里、都指向「前后端联调」即可，排版引擎会把它们并排。
除了技术路线图，毕业设计常用的还有哪些图？: 系统架构图、ER 图、类图、时序图、用例图。前四种模板库里都有，用例图 Mermaid 不支持，可用流程图代替。