WebSketch：GWT 思维导图板

WebSketch：GWT开发者必备的文本型思维导图工具

WebSketch是一款基于GWT的网页应用，用于创建结构化的文本图表。它模拟思维导图，以文本框节点为核心，支持嵌套与自动布局定位。仅限桌面端使用——无图形元素，纯文本与连接线构成。非常适合每日站会、任务规划，或直接将链接存入Git仓库。

核心工作流原则

用户从中心节点开始，通过Ctrl+拖拽添加新元素。使用Shift+拖拽创建连接。双击文本框可打开嵌套画板，该节点位于中心。节点位置由文本哈希生成——重新加载后自动恢复布局。

若要锁定节点在中心位置，可输入家符号（Alt+127），系统会保存偏移量如 ⌂BUGS[+100,+0]。文本框内禁止空格，确保仅使用单个词或短语。

关键规则：

• 仅限桌面界面，适配办公流程。
• 不支持编辑或删除——仅允许新增，如同在真实纸上书写。
• 全文搜索功能覆盖整个思维导图，不限于当前视图。
• 右上角显示哈希码，用于追踪变更与检测修改。

数据存储格式

数据以纯文本文件存储，解析简单。分隔符为 0 0 或五个空格。基础结构示例如下：

0 0 0 BUGS

定义根节点“BUGS”。若无分隔符，相邻词语形成链式结构：

BUGS FEATURES README TESTS

结果为扁平节点序列。加入嵌套结构：

BUGS FEATURES README TESTS 0 0 BUGS FEATURES FEATURE#1

服务端算法通过关键词扫描文件提取邻近节点，无需数据库。括号中的数字表示词频。

文件上传/下载支持手动编辑。“开始”标签页展示原始代码，可用于实验——类似mermaid.live的体验。

实际应用场景

• 每日站会：即时记录Jira工单编号，无需等待服务加载。
• 项目规划：追踪技术栈、截止日期与依赖关系。
• Git集成：将思维导图存入代码库——新成员可通过链接快速获得可视化、嵌套的开发路线图。
• 个人笔记：记录项目缺陷、代码结构、模板等。

开发示例：中心节点为 app.websketch，分支涵盖缺陷、功能，自定义坐标实现精准定位。

技术实现细节

基于GWT 2.12.2（原版2.4.0，运行于Eclipse 3.5）。前端负责解析与渲染树结构；后端使用三个Servlet：

• 文件上传。
• 文件下载。
• 按关键词查找邻近节点（文本扫描）。

升级GWT导致初始加载时间增加10–20%。无数据库设计——服务器读取完整文件后按当前关键词过滤。永久链接分享无需认证，访问即拥有完整读写权限。

坐标示例：

BUGS FEATURES README TESTS 0 0 BUGS FEATURES FEATURE#1 ⌂BUGS[+100,+0]

GUI自动绘制连接线，并将词链视为统一节点。

核心亮点

• 纯文本格式兼容记事本与Git——零外部依赖。
• 基于哈希的自动定位，确保布局一致性与恢复能力。
• 嵌套画板保持层级清晰，性能不受影响。
• 极简技术栈：GWT + Servlets，零数据库开销。
• 哈希校验保障团队协作的数据完整性。

— Editorial Team