文章总结： .NET代码安全审计平台v2.0版本进行了前端UI的彻底视觉升级，采用靛蓝主题、毛玻璃质感和明暗双模式，并优化了响应式三断点布局。平台页面从13页扩展至17页，新增漏洞实例列表、跨版本漏洞对比等页面。同时进行了安全加固，如HttpOnlyCookie和静默刷新，以及性能优化，包括代码分割和AuthGuard。用户可访问GitHub仓库获取更多信息。 综合评分： 81 文章分类： 代码审计,安全工具,WEB安全,安全建设,解决方案

.NET 代码安全审计平台

原创

wulala520 wulala520

wulala520

2026年7月2日 21:22 吉林

在小说阅读器读本章

去阅读

.NET 代码安全审计平台 · v2.0

靛蓝主题 · 毛玻璃质感 · Light/Dark 双模式

2026 年 7 月 2 日更新

因为之前的UI实在太丑了，因此，对.NET 代码安全审计平台的前端进行了一次彻底的视觉升级。告别 shadcn/ui 默认的灰黑色调，换上了专业企业级的靛蓝主题，搭配毛玻璃质感、明暗双模式和响应式三断点布局。地址：https://github.com/ZMR0zhangmouren/DOT.NET-Code-Security-Audit-Platform/tree/main

🎨 设计体系

| | | | — | — | | 主色调 靛蓝 Indigo 243 75% 59% | 字体 Inter + JetBrains Mono 正文 / 代码 | | 语义色 · Severity | 语义色 · Status |

✨ 毛玻璃 + 三区布局

三档毛玻璃（Glassmorphism）

| | | | | — | — | — | | glass-surface | blur 16px | 侧边栏 / Header | | glass-card | blur 10px | 内容卡片 | | glass-popover | blur 8px | 弹窗 / 下拉 |

响应式三断点布局

| | | | | — | — | — | | 🖥️ Desktop | ≥ 1024px | 完整侧边栏 可折叠 | | 💻 Tablet | 768-1023px | 图标模式 自动折叠 | | 📱 Mobile | < 768px | Overlay 抽屉 + 遮罩 |

🧩 组件体系

SeverityBadgeStatusBadgeStatCardPageHeaderEmptyStateThemeToggleTopBarSidebarGlass Cards

9 个自研业务组件 + 15 个 shadcn/ui 组件

📄 页面全景（13 → 17 页）

| | | | — | — | | 🔄 重构页面 | 🆕 新增页面 | | 登录页 · Dashboard · 项目列表 | 漏洞实例列表（/scans/…/:vulns） | | 项目详情 · 扫描详情 · 报告页 | 漏洞实例详情（/scans/…/:vulnId） | | Agent Trace · Scan Diff | 跨版本漏洞对比（/vuln-library/compare） | | 漏洞库 · 设置 · 用户管理 | 审计日志（/admin/audit-log） | | 系统配置 · VulnLibrary 详情 | React.lazy 代码分割 |

🔒 安全加固 + 性能优化

HttpOnly Cookie

accessToken 存内存 refreshToken 走 Cookie 静默刷新 + 轮换 + 吊销

代码分割

React.lazy 17 页面 Suspense 骨架屏 ErrorBoundary 容错

AuthGuard

未登录自动跳转 localStorage 凭据检测 双重校验机制

Bug 修复

lazy() 不可在 render 内调用 路由切换失效根因 登录守卫缺失

📊 质量门禁

58

Web 测试全过

464

全量测试通过

17

页面组件化

15

次 Commit

✅ TypeScript 全绿 · ✅ ESLint 0 错误 · ✅ Prettier 干净 ✅ Light / Dark 双模式 · ✅ Desktop / Tablet / Mobile 响应式

🔗 开源仓库

GitHub: DOT.NET-Code-Security-Audit-Platform

由 Claude Code 协助构建 · 2026-07-02

免责声明：

本文所载程序、技术方法仅面向合法合规的安全研究与教学场景，旨在提升网络安全防护能力，具有明确的技术研究属性。

任何单位或个人未经授权，将本文内容用于攻击、破坏等非法用途的，由此引发的全部法律责任、民事赔偿及连带责任，均由行为人独立承担，本站不承担任何连带责任。

本站内容均为技术交流与知识分享目的发布，若存在版权侵权或其他异议，请通过邮件联系处理，具体联系方式可点击页面上方的联系我。

本文转载自：wulala520 wulala520 wulala520《.NET 代码安全审计平台》