设计

此文档适用于作为 Neo4j Labs 一部分的 NeoDash 非支持版本。对于支持的 NeoDash 产品的用户，请参考 NeoDash commercial。

此页面包含一些应用程序设计的主要指南。这包括代码架构以及 UX/UI 设计。

文件结构

NeoDash 的源代码是基于组件组织的平面文件结构。如果要添加组件 ABC，你应该创建一个名为 abc 的目录，其中包含以下文件：

  • ABC.tsx（组件渲染器）

  • ABCActions.ts（定义状态操作的对象）

  • ABCReducer.ts（根据 actions 处理状态更改）

  • ABCSelectors.ts（组件用于检索部分状态）

  • ABCThunks.ts（复杂的状态处理逻辑，用于触发一个或多个 actions）

其他文件夹的结构

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 成为一个易学但难精通的工具。这体现在以下五个设计原则中：

  1. 使用有限的核心可视化类型，但具有高度可定制性。

  2. 无需阅读文档即可轻松上手。

  3. 工具应具备自文档化特性。

  4. 复杂的数据转换应由仪表盘构建者在 Cypher 中完成，而不是由应用程序完成。

  5. 该工具应易于通过自定义可视化进行扩展。

© . All rights reserved.