博客

随着ZSphere虚拟化平台的不断迭代和用户群体的扩大，如何在保持界面简洁的同时提高用户操作效率，已成为研发团队面临的关键挑战。快捷键作为一种高效的交互方式，在各种软件中得到了广泛应用。它不仅减少了对鼠标操作的依赖，还减轻了用户的认知负担，让用户能够专注于任务本身。基于此，ZSphere虚拟化平台推出了快捷键功能。本文将带您深入了解快捷键功能的设计思路、技术实现和未来规划。
我们为什么需要快捷键？
在虚拟化产品中，用户经常面临以下问题：
操作路径长：软件产品功能复杂，用户需要多次点击导航菜单才能到达目标页面，操作路径长，记忆成本高。
操作效率低：全局搜索等高频功能高度依赖鼠标，用户需要频繁在鼠标和键盘之间切换，降低了操作效率。
工作流不一致：在复杂的工作流中，用户需要频繁切换页面，导致操作不流畅。
为了解决这些问题，ZSphere引入了一个用户友好且易于使用的快捷键系统，帮助用户快速完成操作任务。
哪些功能可以设置快捷键？
在确定哪些功能可以设置快捷键时，我们从以下维度进行了分析：
高频使用场景：优先为用户频繁使用的功能设置快捷键，如全局搜索、任务告警窗口等高频场景。
核心功能场景：为资源和运维等核心功能模块设置快捷键。例如：
在资源列表页面快速展开/折叠资源树。
从任何页面直接跳转到告警功能模块查看消息。
类似产品的快捷键习惯：借鉴VMware等主流虚拟化产品的快捷键设计，减少用户的迁移和学习成本。
如何分配快捷键？
在确定功能后，我们使用以下方法为特定功能分配快捷键：
标准规范：遵循主流软件的快捷键习惯，减少用户学习成本。例如，使用Esc键退出功能。
主流通用性：参考主流产品的快捷键设置，减少用户的认知负担。例如，使用Ctrl+K（⌘+K）调出搜索框。
功能语义：根据功能语义分配快捷键，如使用Ctrl+C（⌘+C）进行复制操作，其中C代表Copy。
此外，我们还关注并解决了以下技术问题：
快捷键冲突：ZSphere是基于B/S架构的Web应用程序，必须避免与浏览器快捷键的冲突。
操作系统差异：针对Windows和MacOS之间快捷键的差异，分别使用Ctrl和Command键。
开发与实现
在快捷键功能的实现方面，研发工作的主要组成部分如下：
快捷键监听器：使用浏览器提供的接口监控用户键盘事件，过滤和分发事件
组件命令注册：将UI组件的功能注册为命令，便于监听器调用
快捷键配置：维护快捷键与组件命令之间的对应关系
主要执行过程如下：
初始化阶段
初始化快捷键监听器
初始化并加载快捷键配置
UI组件注册相关命令
事件处理过程
用户按下快捷键
事件传递给快捷键监听器
事件处理和分发
检查是否处于输入状态
获取按键哈希值
查找对应的命令
执行命令
执行示例（以Ctrl+.为例切换底部面板）
用户按下Ctrl+.
浏览器捕获事件
事件传递给快捷键监听器
解析按键并查找快捷键配置中的对应命令
执行命令，切换底部面板状态
UI更新显示
在这种架构设计中，我们实现了关注点分离、可扩展性、统一的事件监控和处理机制、灵活的命令系统以及所有快捷键配置的集中管理等功能。在满足当前功能的基础上，我们确保技术架构保持良好的可扩展性，为未来快捷键功能的持续迭代奠定了坚实的基础。
ZSphere快捷功能一览
以下是ZSphere平台目前支持的快捷功能：
资源列表快捷键
Shift+1~4（⇧+1~4）：快速切换主机和虚拟机、镜像和模板等资源模块。
•Ctrl+/（⌘+/）：快速展开/折叠资源树。
任务和告警窗口快捷键
Ctrl+.（⌘+.）：快速打开任务和告警窗口，查看任务进度和告警信息。
全局搜索快捷键
Ctrl+K（⌘+K）：快速调用全局搜索。
支持切换类型、移动选项、选择结果和退出搜索等快速操作。用户可以通过键盘完成搜索。
快速访问功能菜单
新增快捷键，快速访问告警信息、首页等功能菜单。
用户指导和未来规划
为了帮助用户快速上手快捷键功能，我们提供以下指导：
快捷键对照表：在界面中提供完整的快捷键对照表，方便用户轻松查看。
提示工具：在功能按钮上显示快捷键提示，增强用户感知。
未来，ZSphere将继续优化快捷键功能，并计划引入回收站和资源/对象编辑等操作的快捷键，进一步提高用户操作效率。
总结
快捷键功能的推出是ZSphere提升用户体验的重要一步。从设计到实现，