专为嵌入式设备打造的轻量级Web管理后台,极致性能优化,Element Plus设计精髓,小体积高性能。
完整的设备管理功能,极致的用户体验
密码验证、登录状态管理、自动登出,安全可靠
实时显示设备状态、网络连接、信号强度
主/副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预处理器,支持主题变量 |
嵌入式设备极致优化,突破性能瓶颈
简单几步,快速搭建开发环境
# 推荐 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 | 传统方案 |
|---|---|---|
| 📦 打包体积 | < 500KB | > 2MB |
| ⚡ 启动速度 | < 500ms | > 2s |
| 🧠 内存占用 | 极低 | 较高 |
| 🎨 视觉设计 | Element Plus风格 | 陈旧落后 |
| 🔧 二次开发 | 文档完善 | 代码混乱 |
| 📱 移动端适配 | 完美适配 | 体验不佳 |