sanbuphy
|
7538228113
|
feat(appendix): 重构数据模型章节,添加交互式演示组件
## 文档重构 (docs/zh-cn/appendix/5-data/data-models.md)
- 将原有电商系统实战内容移至第6节,新增系统性的数据模型选型指南
- 新增5种核心数据模型的详细介绍:
1. 关系模型 (Relational) - MySQL/PostgreSQL
2. 文档模型 (Document) - MongoDB/DynamoDB
3. 图模型 (Graph) - Neo4j/Amazon Neptune
4. 时序模型 (Time-Series) - InfluxDB/TimescaleDB
5. 向量模型 (Vector) - Pinecone/Milvus/pgvector
- 每种模型包含:核心概念、适用场景、对比表格、选型建议
- 新增选型决策章节,提供清晰的决策矩阵
- 添加实战建议:现代系统应采用多模型混用策略
## 交互式组件 (docs/.vitepress/theme/components/appendix/data/DataModelsDemo.vue)
- 完全重写 DataModelsDemo 组件,支持5种数据模型的交互式展示
- 新增 Tab 切换界面,用户可直观对比不同模型
- 为每种模型添加特色可视化:
- 关系模型:ER图示意 + 范式设计
- 文档模型:JSON 结构展示 + 嵌套层级
- 图模型:节点-边关系可视化
- 时序模型:时间序列数据表格
- 向量模型:Embedding 向量相似度演示
- 组件特性:
- 响应式布局,支持移动端
- VitePress 主题变量适配
- 优缺点标签化展示
- 典型用例场景列举
## 技术细节
- 使用 CSS Grid 和 Flexbox 实现紧凑布局
- 遵循 VitePress 设计系统(CSS 变量)
- 组件采用 Vue 3 Composition API 编写
|
2026-02-24 08:39:55 +08:00 |
|