Link UI

ZXIC芯片随身WiFi/CPE设备管理后台

专为嵌入式设备打造的轻量级Web管理后台,极致性能优化,Element Plus设计精髓,小体积高性能。

✨ 功能特性

完整的设备管理功能,极致的用户体验

🔐

登录系统

密码验证、登录状态管理、自动登出,安全可靠

📱

设备信息

实时显示设备状态、网络连接、信号强度

📶

WiFi管理

主/副SSID设置、加密方式、连接限制

🔗

网络配置

APN设置、连接模式、网络搜索

🔒

安全设置

MAC过滤、URL过滤、端口过滤

🌐

路由管理

端口映射、虚拟服务器、DMZ、UPnP

🛠️ 技术栈

精选现代技术,打造极致性能

分类 技术 版本 说明
前端框架 Vue 3.5+ 渐进式JavaScript框架,Composition API
类型系统 TypeScript 6.0+ 强类型语言,提升代码质量
状态管理 Pinia 3.0+ Vue官方状态管理库
路由管理 Vue Router 5.1+ Vue官方路由管理器
构建工具 Vite 8.0+ 下一代前端构建工具
样式处理 SCSS 1.100+ CSS预处理器,支持主题变量

📊 性能指标

嵌入式设备极致优化,突破性能瓶颈

< 500ms
首屏加载时间
~500KB
打包后体积
< 1.5s
LCP最大内容绘制
60fps+
稳定帧率

🚀 快速开始

简单几步,快速搭建开发环境

环境要求

# 推荐 Node.js 版本
node >= 24.12.0

# 包管理器(推荐)
pnpm >= 8.0.0

安装依赖

# 进入项目目录
cd LinkUI

# 安装依赖
pnpm install

开发模式

# 启动开发服务器
pnpm run dev

# 访问地址
# http://localhost:5173

生产构建

# 构建生产版本
pnpm run build

# 预览构建结果
pnpm run preview

🎯 为什么选择 Link UI?

对比传统方案,优势一目了然

对比维度 Link UI 传统方案
📦 打包体积 < 500KB > 2MB
⚡ 启动速度 < 500ms > 2s
🧠 内存占用 极低 较高
🎨 视觉设计 Element Plus风格 陈旧落后
🔧 二次开发 文档完善 代码混乱
📱 移动端适配 完美适配 体验不佳