Skip to content

ElasticView 系统界面

ElasticView 提供了现代化、直观的用户界面,支持多种布局模式和响应式设计,为用户提供最佳的使用体验。

登录界面

ElasticView 采用简洁美观的登录界面设计,支持用户名密码登录和第三方认证方式。

登录页面

系统登录页面具有以下特点:

  • 简洁现代的设计风格
  • 支持记住登录状态
  • 支持企业微信等第三方认证
  • 响应式设计,适配各种屏幕尺寸

系统首页

登录成功后,用户将看到功能丰富的系统首页,展示系统概览和快捷操作。

系统首页

首页包含以下功能模块:

  • 系统状态概览:显示系统运行状态、插件数量、用户数量等关键信息
  • 快速导航:提供各功能模块的快捷入口
  • 数据统计图表:以可视化方式展示系统使用情况
  • 快捷搜索功能:支持全局菜单搜索和快速跳转

快捷搜索

布局模式

ElasticView 支持多种布局模式,用户可以根据使用习惯和屏幕尺寸选择最适合的布局。

横向布局模式

横向布局将主导航放置在页面顶部,适合宽屏显示器使用。

横向布局

特点:

  • 顶部导航栏,充分利用横向空间
  • 适合宽屏显示器和大屏幕设备
  • 内容区域更加宽阔,便于展示表格和图表

纵向菜单布局

传统的左侧菜单布局,提供清晰的功能层级结构。

纵向菜单布局

特点:

  • 左侧固定菜单,功能分类清晰
  • 支持菜单展开/收起
  • 适合功能较多的场景

纵向图标布局

简洁的图标式菜单布局,节省页面空间。

纵向图标布局

特点:

  • 左侧图标菜单,简洁美观
  • 鼠标悬停显示功能名称
  • 最大化内容显示区域

混合布局

结合横向和纵向布局的优势,提供更灵活的界面结构。

混合布局

特点:

  • 顶部主导航 + 左侧子菜单
  • 层级结构更加清晰
  • 适合复杂的多级菜单结构

移动端界面

ElasticView 采用响应式设计,在移动设备上也能提供优秀的使用体验。

移动端界面

移动端特点:

  • 完全响应式设计,自适应各种屏幕尺寸
  • 优化的触控交互体验
  • 简化的导航结构,适合移动端操作
  • 保持与桌面端功能的一致性

界面定制

ElasticView 提供了丰富的界面定制选项,用户可以根据个人喜好调整系统外观。

界面定制

定制功能包括:

  • 布局模式切换:在不同布局模式间自由切换
  • 主题颜色调整:支持暗黑/亮白两种主题色彩方案
  • 菜单展示配置:自定义菜单显示方式
  • 个性化设置:调整界面细节以符合使用习惯

系统通知

ElasticView 内置了完善的消息通知系统,确保用户能及时获取重要信息。

通知提示

通知页面

通知功能特点:

  • 实时消息推送
  • 分类消息管理
  • 未读消息标记
  • 消息历史记录

使用建议

  1. 布局选择:根据您的显示器尺寸和使用习惯选择合适的布局模式
  2. 个性化配置:充分利用系统的定制功能,打造专属的工作界面
  3. 快捷操作:熟练使用快捷搜索功能,提高工作效率
  4. 移动端使用:在移动设备上也能享受完整的系统功能