Skip to content

storlever_web_menu_design

Jamken edited this page Jul 18, 2015 · 3 revisions

storlever的基本页面风格有三种:1)dashboard风格,主要用于首页的展示;2)配置风格,主要用于一些配置页面的展示;3)列表风格,主要用于一些对象信息的展示。 大部分页面是这三者之一或者它们的的互相融合。

storlever目前一级菜单有三个:系统、存储、服务器,以下分别描述

1. 系统

系统菜单主要用来展示系统一些基本运行状态,基本配置,目前由于网络模块的信息量少,也放入系统一级菜单中导航,同时,一些系统运维的基本工具的管理,也在此菜单下进行管理。

菜单树形目录:

系统

|------系统 | | | | | |----- 系统信息 (tab: 系统概要、系统配置、系统维护) | | | |----- 统计信息(tab: CPU统计、IO统计、网络统计,系统进程) | | | |----- 服务管理(tab: 服务列表) | | | |----- 用户管理(tab: 用户列表,组列表) | | | |----- 模块管理(tab: 模块列表) | |------网络 | | | |-----接口管理(tab: 接口列表,流量统计) | | | |-----bond管理(bond列表) | | | |-----网络配置(主机,路由表,DNS列表) | | |------工具 | | | |-----NTP | | | |-----SNMP代理 | | | |-----Zabbix代理

1.1 系统

该二级菜单用于显示系统的状态,以及配置系统的基本信息

1.1.1 系统信息页面

1.1.1.1 系统概要

该页面是storlever的首页,即登陆到storlever后,第一个显示的页面为该页面。该页面使用dashboard(多框)的风格。 该页面主要的内容是展示一些当前linux系统最基本的信息,包括

  1. 主机名称(可修改)
  2. linux发行版本
  3. storlever版本和发布日期

4. uptime信息 4. uname信息组 5. cpu型号和数量,总体cpu利用率(持续测量) 6. 内存信息(可flush缓存) 7. SELinux运行情况(可关闭/启动)

所涉及访问的API URL包括但不限于如下:

  • /system/cpu_list
  • /system/localhost
  • /system/memory
  • /system/flush_page_cache
  • /system/datetime
  • /system/selinux
1.1.1.2 系统配置

该页面用于显示并配置一些可以配置的基本系统项目,该页面使用配置项风格,包括:

  1. web登陆用户名及密码
  2. Web系统显示语言
  3. 系统当前日期时间
  4. 系统主机名称
  5. OEM配置

所涉及访问的API URL包括但不限于如下:

  • /system/datetime
  • /system/localhost
1.1.1.3 系统维护

该页面用于执行一些基本的系统维护任务,该页面使用配置项风格,包括:

  1. 系统重启/关闭
  2. 日志打包下载
  3. 配置下载/上传/备份/恢复
  4. 系统配置清除

所涉及访问的API URL包括但不限于如下:

  • /system/log_download
  • /system/poweroff
  • /system/reboot
  • /system/conf_tar
  • /system/backup_conf
  • /system/restore_conf

1.1.2 统计信息页面

该组页面主要用于展示系统运行中的一些统计数据,可采用列表和图表相配合的风格。

1.1.2.1 CPU统计

该页面用于显示当前系统CPU的信息统计,采用上方配置风格+下方列表风格的组合风格,其中需要显示的统计包括

  1. 上方,使用配置风格显示总体cpu在各个状态的百分比(user, system, idle, nice, iowait, irq, softirq, steal, guest)
  2. 上方,使用配置风格显示内存使用的详细信息。
  3. 下方,使用列表风格显示各个cpu在各个状态的百分比(user, system, idle, nice, iowait, irq, softirq, steal, guest)

这些信息,每秒中更新一次, 该轮询间隔可以调节。

所涉及访问的API URL包括但不限于如下:

  • /system/cpu_times
  • /system/per_cpu_times
  • /system/memory
1.1.2.2 IO统计

该页面用于显示当前系统磁盘IO的信息统计,采用上方配置风格+下方列表风格的组合风格,其中需要显示的统计包括

1. 上方,使用配置风格显示总体IO情况(测量时长,(从测量开始的)读次数,写次数,读字节,写字节,平均每秒的读次数,写次数,读字节,写字节) 3. 下方,使用列表风格显示每个磁盘的IO情况

这些信息,默认每5秒中更新一次,该轮询间隔可以调节。

所涉及访问的API URL包括但不限于如下:

  • /system/disk_io_counters
  • /system/per_disk_io_counters
1.1.2.3 网络统计

该页面用于显示当前网络接口流量的信息统计,采用上方配置风格+下方列表风格的组合风格,其中需要显示的统计包括

1. 上方,使用配置风格显示总体流量统计情况(测量时长,平均每秒的接收字节数,发送字节数,接收包数,发送包数,总体的接收错误,发送错误,接收丢弃数,发送丢弃数) 3. 下方,使用列表风格显示每个接口的流量统计情况

这些信息,默认每1秒中更新一次,该轮询间隔可以调节。

所涉及访问的API URL包括但不限于如下:

  • /system/net_io_counters
  • /system/per_net_io_counters
1.1.2.4 系统进程

该页面用于显示当前系统的所有进程列表,采用列表风格,其中需要显示的统计包括

  1. 当前系统中所有进程的运行情况

这些信息,不自动更新,提供一个更新按钮,用户点击后重新获取

所涉及访问的API URL包括但不限于如下:

  • /system/ps

1.1.3 服务管理页面

1.1.3.1 服务列表

该页面用于显示storlever中,所有服务器的状态,以及相关操作。该页面使用列表的风格。 其中,每个服务应该有如下信息及操作

  1. 服务名称,以及说明
  2. 服务当前状态,以及自动启动状态
  3. 服务的操作:启动/关闭,重载,开启/关闭自动启动

所涉及访问的API URL包括但不限于如下:

  • /system/service_list
  • /system/service_list/{service_name}

1.1.4 用户管理页面

1.1.4.1 用户列表

该页面用于系统中所有用户的信息。该页面使用列表的风格。 其中,该页面应该包含应该有如下信息及操作

  1. 显示每个用户的相关信息
  2. 可修改每个用户的相关信息
  3. 可删除某个用户
  4. 可添加某个用户

所涉及访问的API URL包括但不限于如下:

  • /system/user_list
  • /system/user_list/{user_name}
1.1.4.2 组列表

该页面用于系统中所有用户组的信息。该页面使用列表的风格。 其中,该页面应该包含应该有如下信息及操作

1. 显示每个组的相关信息 3. 可删除某个组 4. 可添加某个组

所涉及访问的API URL包括但不限于如下:

  • /system/group_list
  • /system/group_list/{group_name}

1.1.5 模块管理页面

1.1.5.1 模块列表

该页面用于storlever各个管理器模块的信息。该页面使用列表的风格。 其中,该页面应该包含应该有如下信息及操作

  1. 显示每个模块的的相关信息,包括模块名称,描述,依赖列表

其中依赖列表示模块列表的子列表

所涉及访问的API URL包括但不限于如下:

  • /system/module_list
  • /system/module_list/{module_name}

1.2 网络

该二级菜单用于显示系统网络状态,以及调整网络相关配置

1.2.1 网络接口管理页面

1.2.1.1 网络接口列表

以列表方式呈现系统包含的所有网络接口,包括物理接口,bond接口, 每个接口需要包含如下信息:

  1. 接口名称
  2. ip + 掩码
  3. 网关地址
  4. 接口类型:bond, bond slave,physical
  5. 自动协商
  6. 全双工
  7. 当前速度 单位:Mb/s
  8. mac

9. 链路连接: 6. 是否被启用

菜单中可以显示名称,IP/mask, mac, 启动, 其余信息应该在展开页面中显示。

展开页面中包括两个子标签:详细、统计

在详细子标签中,应该将该网口所有信息显示出来,其中,以下信息是配置信息,可以修改,其余不能修改:

  1. 修改IP
  2. 修改掩码
  3. 修改网关
  4. 启用/停用接口 (可以做成操作按钮)

统计子标签中,应该周期性刷新数据,并给出流量统计。

所涉及访问的API URL包括但不限于如下:

  • /network/eth_list
  • /network/eth_list/{port_name}
  • /network/eth_list/{port_name}/stat
  • /network/eth_list/{port_name}/op
1.2.1.2 网络接口统计信息

以列表方式呈现各个网络接口的统计信息,主要信息包括:

  1. 接收字节数,接收包数,接收错误,接收丢包
  2. 发送字节数,发送包数,发送错误,发送丢包

所涉及访问的API URL包括但不限于如下:

  • /network/eth_list
  • /network/eth_list/{port_name}/stat

1.2.2 bond管理

以列表方式呈现系统包含的所有bond,以及每个bond的基本信息,如IP,掩码,网关,以及bond类型及其下属的slave,可以解除bond,也可以为新建bond,新建bond的是需要用户填写bond类型,slave,IP,掩码,网关等信息, IP, 掩码,网关是选填, 其他参数是必填。

所涉及访问的API URL包括但不限于如下:

  • /network/bond/bond_list
  • /network/bond/bond_list/{port_name}

1.2.3 网络配置

网路配置主要包括3块,dns服务器列表,hosts列表以及路由表

1.2.3.1 DNS

罗列系统配置的DNS服务器列表,同时可以修改DNS服务器列表

所涉及访问的API URL包括但不限于如下:

  • /network/dns
1.2.3.2 hosts列表

罗列系统的hosts列表,同时提供修改hosts列表的功能

所涉及访问的API URL包括但不限于如下:

  • /network/host_list
1.2.3.3 路由表

展示系统的路由表信息, 不能修改

所涉及访问的API URL包括但不限于如下:

  • /network/host_list