HUMM 云端远程管理平台产品系统

我要开发同款
Neil龙智俊影2026年05月29日
5阅读

技术信息

语言技术
JavaSpringRedisReactTypeScript
系统类型
Web
行业分类
企业服务

作品详情

行业场景

企业 WLAN 与接入网络规模持续扩大,分支机构、门店与园区设备分散部署,传统现场运维成本高、故障发现滞后。运营商与大型企业 IT 团队需要一套基于 SaaS 的云端统一入口:在单屏内掌握数万级 Unleashed 网络、AP、ICX 交换机的在线状态与地域分布,按网络组、域(Domain)与地理位置快速过滤,并在异常时第一时间收到告警。与此同时,管理层需要可钻取的统计分析能力,将「设备规模—在线率—许可用量—地域分布」转化为可汇报的指标,并满足合规审计留痕。HUMM(RMS)云端远程管理平台定位于 RUCKUS 旗下运营商与大型企业 IT 的远程运维中枢,以 AWS 多租户 SaaS 架构解决「设备多、地域散、排障慢、缺乏统一审计」的产品痛点,支撑 7×24 集中监控与合规留痕。

功能介绍

(1)Dashboard 总览:以 ECharts 环形图呈现 Unleashed 网络、AP、ICX 交换机总量与在线/离线占比;集成 Google Maps 世界地图视图,将网络或设备地理分布标注于地图(支持地图/卫星切换与全屏),辅助区域化排障与容量规划。(2)Networks 网络纳管:多 Tab 切换「网络组列表」「网络列表」「接入点」「ICX 交换机」「告警」「事件」;网络组列表展示许可用量进度条与 Tooltip 明细(总量/已用/可用/即将过期);网络列表支持按名称、域、位置、网络组、连接状态检索与筛选,展示成员在线概况(多色状态圆点)、地理位置与连接状态指示灯,支持批量选择与「Bind」绑定新网络。(3)Administration 管理与审计:Audit Log 记录用户登录、配置变更、备份保存等事件,支持按审计类型、严重级别、时间、用户筛选,并提供「Email the logs」「Export CSV」导出能力;Licenses、Domain Administrators、Support 等 Tab 支撑许可与域管理员治理。(4)System 系统配置:Email Server / SMS Settings 等系统级配置,SMS 支持 Twilio、Clickatell 等第三方网关接入,提供 Test / Apply / Reset 工作流;Alarm Settings、Email/SMS Notification、User Customized Alarm、Event Selection 等子模块支撑告警策略与通知渠道。(5)账户与安全:支持修改用户名(邮箱)并通过验证码二次确认;顶部通知中心、域(Domain)切换与 Domain Application 入口,满足多租户 SaaS 下的权限分层与域隔离。(6)统计分析与告警:与后端告警引擎联动,

项目实现

本人负责 HUMM(RMS)SaaS 云端管理平台的前端架构与核心页面交付、Dashboard 图表与地图组件封装、与 Java 后端的接口联调及 TypeScript 类型契约维护,并参与 AWS 多租户 SaaS 部署方案的前端侧适配。整体采用 React + TypeScript 工程化方案,基于 Lerna + Nx Monorepo 与 Unleashed、URS 等产品线共享组件库,UI 层使用 Ant Design 的 Layout/Menu/Table/Form/Select/Tabs/Drawer 等组件快速搭建与 RUCKUS 品牌一致的企业级交互;列表场景统一处理服务端分页、列宽与加载态,以应对万级记录渲染性能问题。Dashboard 统计分析模块使用 ECharts 与后端聚合接口对接,地理能力基于 Google Maps JavaScript API 将经纬度映射为标注点。后端采用 Java 分层服务,MySQL 存储网络/设备主数据、许可信息、状态快照与审计日志流水,通过索引优化高并发查询;告警规则与 SMS/Email 通知在服务端执行,前端负责展示、配置与确认。平台以 SaaS 形态部署于 AWS,支持多域(Domain)隔离与 10+ 语言国际化。实现亮点:Dashboard 地图 + 图表 + 大规模表格三位一体,兼顾运维效率与可观测性;许可用量可视化与审计导出满足企业合规需求。难点:海量设备状态的高频上报与查询性能、地图与表格的联动筛选一致性、跨时区多语言环境下的时间展示,以及 SaaS 多租户下的域隔离与权限分层。

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论