FRAMEWORKS
3
Angular · React · Vue
RUNTIME
SQLite
浏览器内执行引擎
PERSISTENCE
OPFS
按能力选择 OPFS / IDB
STREAMING
RxJS
查询与事件同一主线
the problem— 01
复杂数据应用需要明确的数据层
把存储、查询、写入与响应式更新放进一条可验证的链路，避免用页面状态承担数据基础设施的职责。
01 / Pillar
数据在本地执行
查询、事务、索引与持久化在浏览器内完成，常用读写无需等待网络往返。
02 / Pillar
查询结果可订阅
数据变化会更新订阅结果，减少手动 refetch、缓存失效和状态同步代码。
03 / Pillar
模型集中定义规则
字段、关系、索引与类型集中在实体模型中，避免数据规则散落在页面和服务层。
04 / Pillar
跨框架共享语义
Angular、React、Vue 共享模型、查询与写入语义，差异保留在各自的 UI 绑定层。
integration path— 02
用四步验证最小数据链路
推荐顺序：定义模型 → 接入数据库 → 订阅查询 → 按需增加同步与协作。每一步都有清晰的验证结果。
STEP / 01
定义模型边界
先定义字段、关系与索引，为后续查询、表单和列表建立稳定的数据边界。
STEP / 02
接入本地执行层
按查询与兼容性需求选择 SQLite 或 PGlite，在浏览器内完成查询与持久化。
STEP / 03
订阅查询结果
将查询结果作为可订阅数据源接入界面，由数据变化驱动视图更新。
STEP / 04
按需引入协作
本地读写链路稳定后，再按业务需要引入分支、撤销重做与同步。
framework bindings— 03
三套框架，共享一套数据语义
模型、查询与写入规则由核心层提供；Angular、React、Vue 分别使用 Signals、Hooks 与 Composables 完成 UI 绑定。
documentation— 04
文档按接入顺序组织
从最小链路开始，再进入建模、查询、写入与协作主题。每一部分都对应明确的使用场景。