本文档涉及 Neo4j Labs 旗下不受支持的 NeoDash 版本。如需使用受支持的 NeoDash 产品，请参阅 NeoDash 商业版。

设计

本文档涉及 Neo4j Labs 旗下不受支持的 NeoDash 版本。如需使用受支持的 NeoDash 产品，请参阅 NeoDash 商业版。

本页包含应用程序设计的一些关键准则。这包括代码架构以及 UX/UI 设计。

文件结构

NeoDash 的源代码采用基于组件的扁平文件结构组织。假设要添加一个组件 ABC，应创建一个名为 abc 的目录，并包含以下文件

ABC.tsx（组件渲染器）
ABCActions.ts（定义状态操作的对象）
ABCReducer.ts（根据操作处理状态变化）
ABCSelectors.ts（供组件检索状态部分的使用）
ABCThunks.ts（复杂的状态处理逻辑，用于触发一个或多个操作）

其他文件夹的结构

conf: nginx configuration for Docker image.
dist: directory for generated webpack files.
node_modules: downloaded dependencies
public: style files/images. Runtime app config.
scripts: utility scripts for deployment.
src: source code.
target: compiled package as tgz file.
.babelrc: javascript compiled settings.
.gitignore: gitignore files.
Dockerfile: docker image definition.

UX 设计

NeoDash 的核心目标是成为一款易学难精通的工具。这体现在以下五项设计原则上

使用有限的核心可视化，并具备高度可定制性。
应能在无需阅读文档的情况下轻松上手。
该工具应具备自我文档化特性。
复杂的数据转换应由仪表盘构建者在 Cypher 中完成，而不是由应用程序处理。
该工具应易于通过自定义可视化进行扩展。