鸿蒙 Next 碎片听书助手 App 开发实战：书籍展示 + 书架系统 + 分类管理

作者：duluo
开发工具：DevEco Studio
语言框架：ArkTS + ArkUI
字数：约 9500 字

---

目录

1. 引言
2. 产品概念与书籍模型
3. 两 Tab 架构设计
4. 听书列表与分类
5. 书架系统
6. 详情弹窗
7. 连续零错误纪录
8. 第四十九款 App 全景回顾
9. 结语

---

1. 引言

1.1 碎片时间与听书

中国人均每日碎片时间约 2.5 小时——通勤、排队、做家务、运动。这些时间如果用来听书，一年可以听完 50 本书。

本 App 精选 8 本适合碎片时间听的书，时长从 2 小时（老人与海）到 8 小时（活着），覆盖文学、成长、生活三个分类。

1.2 第四十九款 App

App 数量：    49
代码总行数：  ~23,000 行
编译错误数：  ~315 个
博客总字数：  ~490,000 字
技术博客数：  49 篇

---

2. 产品概念与数据模型

interface Book {
  id: number; title: string; author: string; emoji: string;
  duration: string; chapters: number; tag: string; desc: string; plays: number;
}

9 个字段。duration（时长）、chapters（章节数）、plays（播放量）是核心字段。

---

3. 两 Tab 架构

Tab	功能
0 🎧 听书	浏览所有书籍
1 📚 书架	已收藏列表

---

4. 听书列表

3 个分类标签。卡片展示：封面 emoji、书名、作者、播放量、时长、章节数、描述。

---

5. 书架系统

saveBook(id: number): void {
  this.saved = [id, ...this.saved];
}

点击"加入书架"→ 保存到书架 Tab。书架 Tab 显示所有已收藏书籍。

---

6. 详情弹窗

弹窗展示全部信息：播放量、时长、章节数、内容简介、"加入书架"按钮。

---

7. 连续零错误

连续第 15 款零错误 App。

---

8. 全景回顾

指标	数值
代码行数	225 行
编译错误数	0 个
书籍数	8 本
分类	3 个

---

9. 结语

8 本书，从 2 小时到 8 小时，覆盖碎片时间的各种场景——通勤、睡前、运动、做家务。

（全文完）