docs: add multi-dimensional index to use cases

Signed-off-by: Daniel Hu <[email protected]>

Author: daniel-hutao

docs/use-cases/case-overview.zh.md

@@ -1 +1,66 @@
 # 场景概览
+
+你可以从不同的维度筛选适合自己的使用场景：
+
+=== "DevOps 工具集"
+
+    ## GitLab，Jenkins 和 Harbor
+
+    1. [从0到1在自建（On-Premise）环境通过 DevStream 部署完整的 GitLab + Jenkins + Harbor 工具链](./gitlab-jenkins-harbor/2-gitlab-jenkins-harbor.zh.md)；
+    2. [用 DevStream 部署 Jenkins 并且一键打通其与你的企业内自建 GitLab](./gitlab-jenkins-harbor/4-jenkins-gitlab-integ.zh.md)；
+    3. [通过 DevStream 实现 Java Spring Boot 项目脚手架的快速创建与 Jenkins CI 流水线的自动化配置](./gitlab-jenkins-harbor/5-java-springboot-pipeline-with-gitlab-jenkins-harbor.zh.md)；
+    4. [用 DevStream 部署 GitLab + Jenkins + Harbor 工具链，管理 Java Spring Boot 项目开发生命周期全流程](./gitlab-jenkins-harbor/6-gitlab-jenkins-harbor-java-springboot.zh.md)；
+    
+    ## GitLab，Jenkins 和 Harbor（离线环境）
+
+    1. [在离线环境通过 DevStream 部署 GitLab + Jenkins + Harbor 工具链](./gitlab-jenkins-harbor/3-gitlab-jenkins-harbor-air-gapped.zh.md)；
+    2. [在离线环境使用 DevStream 搭建 GitLab + Jenkins + Harbor 工具链，管理 Java Spring Boot 项目开发生命周期全流程](./gitlab-jenkins-harbor/7-java-springboot-pipeline-with-gitlab-jenkins-harbor-air-gapped.zh.md)。
+
+    ## GitOps（Argo CD）
+
+    1. [用 DTM 实现基于 Argo CD 的 GitOps 流程](./gitops/2-gitops-tools.zh.md)
+    2. [用 DTM Apps 管理能力实现基于 Argo CD 的 GitOps 流程](./gitops/3-gitops-apps.zh.md)
+    3. [用 DTM Apps 实现基于 GitHub，Argo CD 和 GitHub Actions 的 CICD 流程](./gitops-python-flask/2-github-dtm-apps.zh.md)
+    4. [用 DTM Tools 实现基于 GitHub，Argo CD 和 GitHub Actions 的 CICD 流程](./gitops-python-flask/3-github-dtm-tools.zh.md)
+    5. [用 DevStream 搭建 Gitlab CI + Argo CD 工具链，管理 Python Flask 项目](./gitops-python-flask/4-gitlab-dtm-apps.zh.md)
+
+
+=== "开发语言和框架"
+
+    ## Python + Flask
+
+    1. [用 DTM 实现基于 Argo CD 的 GitOps 流程](./gitops/2-gitops-tools.zh.md)
+    2. [用 DTM Apps 管理能力实现基于 Argo CD 的 GitOps 流程](./gitops/3-gitops-apps.zh.md)
+    3. [用 DTM Apps 实现基于 GitHub，Argo CD 和 GitHub Actions 的 CICD 流程](./gitops-python-flask/2-github-dtm-apps.zh.md)
+    4. [用 DTM Tools 实现基于 GitHub，Argo CD 和 GitHub Actions 的 CICD 流程](./gitops-python-flask/3-github-dtm-tools.zh.md)
+    5. [用 DevStream 搭建 Gitlab CI + Argo CD 工具链，管理 Python Flask 项目](./gitops-python-flask/4-gitlab-dtm-apps.zh.md)
+
+    ## Java + Spring Boot
+
+    1. [通过 DevStream 实现 Java Spring Boot 项目脚手架的快速创建与 Jenkins CI 流水线的自动化配置](./gitlab-jenkins-harbor/5-java-springboot-pipeline-with-gitlab-jenkins-harbor.zh.md)；
+    2. [用 DevStream 部署 GitLab + Jenkins + Harbor 工具链，管理 Java Spring Boot 项目开发生命周期全流程](./gitlab-jenkins-harbor/6-gitlab-jenkins-harbor-java-springboot.zh.md)；
+
+=== "用户状态或阶段"
+
+    ## 工具从0到1
+
+    1. [从0到1在自建（On-Premise）环境通过 DevStream 部署完整的 GitLab + Jenkins + Harbor 工具链](./gitlab-jenkins-harbor/2-gitlab-jenkins-harbor.zh.md)；
+    2. [在离线环境通过 DevStream 部署 GitLab + Jenkins + Harbor 工具链](./gitlab-jenkins-harbor/3-gitlab-jenkins-harbor-air-gapped.zh.md)；
+
+    ## 工具新增或替换
+
+    1. [用 DevStream 部署 Jenkins 并且一键打通其与你的企业内自建 GitLab](./gitlab-jenkins-harbor/4-jenkins-gitlab-integ.zh.md)；
+
+    ## 应用从0到1
+
+    1. [通过 DevStream 实现 Java Spring Boot 项目脚手架的快速创建与 Jenkins CI 流水线的自动化配置](./gitlab-jenkins-harbor/5-java-springboot-pipeline-with-gitlab-jenkins-harbor.zh.md)；
+
+    ## 工具和应用从0到1
+
+    1. [用 DTM 实现基于 Argo CD 的 GitOps 流程](./gitops/2-gitops-tools.zh.md)
+    2. [用 DTM Apps 管理能力实现基于 Argo CD 的 GitOps 流程](./gitops/3-gitops-apps.zh.md)
+    3. [用 DTM Apps 实现基于 GitHub，Argo CD 和 GitHub Actions 的 CICD 流程](./gitops-python-flask/2-github-dtm-apps.zh.md)
+    4. [用 DTM Tools 实现基于 GitHub，Argo CD 和 GitHub Actions 的 CICD 流程](./gitops-python-flask/3-github-dtm-tools.zh.md)
+    5. [用 DevStream 搭建 Gitlab CI + Argo CD 工具链，管理 Python Flask 项目](./gitops-python-flask/4-gitlab-dtm-apps.zh.md)
+    6. [用 DevStream 部署 GitLab + Jenkins + Harbor 工具链，管理 Java Spring Boot 项目开发生命周期全流程](./gitlab-jenkins-harbor/6-gitlab-jenkins-harbor-java-springboot.zh.md)；
+    7. [在离线环境使用 DevStream 搭建 GitLab + Jenkins + Harbor 工具链，管理 Java Spring Boot 项目开发生命周期全流程](./gitlab-jenkins-harbor/7-java-springboot-pipeline-with-gitlab-jenkins-harbor-air-gapped.zh.md)。

docs/use-cases/gitlab-jenkins-harbor/6-gitlab-jenkins-harbor-java-springboot.md

@@ -1,3 +1,3 @@
-# 搭建 GitLab + Jenkins + Harbor 工具链，管理 Java Spring Boot 项目开发生命周期全流程（to be translated）
+# to be translated
 
 // TODO(daniel-hutao): Chinese version first

docs/use-cases/gitlab-jenkins-harbor/7-java-springboot-pipeline-with-gitlab-jenkins-harbor-air-gapped.md

@@ -1,3 +1,3 @@
-# 在离线环境搭建 GitLab + Jenkins + Harbor 工具链，管理 Java Spring Boot 项目开发生命周期全流程（to be translated）
+# to be translated
 
 // TODO(daniel-hutao): Chinese version first

docs/use-cases/gitops-python-flask/4-gitlab-dtm-apps.zh.md

@@ -1,4 +1,4 @@
-# 用 DevStream 搭建 Gitlab CI + Argo CD 工具链，管理 Python Flask 项目(GitLab + GitLab CI with DTM Apps)
+# 用 DevStream 搭建 Gitlab CI + Argo CD 工具链，管理 Python Flask 项目
 
 ## 0 目标
 

docs/use-cases/gitops/2-gitops-tools.zh.md

@@ -1,6 +1,7 @@
 # GitOps
 
 ## 0 目标
+
 在本教程中，我们将尝试通过 DevStream 来实现以下目标：
 
 1. 创建一个 Python Web 应用程序仓库，基于 [Flask](https://flask.palletsprojects.com/en/2.2.x/) 框架；