可演示
This commit is contained in:
Dang Zerong
142
web/index.html
142
web/index.html
@@ -97,30 +97,9 @@
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<h6 class="mt-4 mb-2 text-uppercase" style="color: rgba(255,255,255,0.5); font-size: 11px;">AI 智能分析</h6>
|
||||
<ul class="nav flex-column">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" onclick="showPage('ai-quality')">
|
||||
<i class="bi bi-stars me-2"></i>AI 质量评分
|
||||
</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#" onclick="showPage('ai-insights')">
|
||||
<i class="bi bi-lightbulb me-2"></i>智能洞察
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<ul class="nav flex-column mt-3">
|
||||
</ul>
|
||||
|
||||
<div class="mt-4 p-3" style="background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 8px;">
|
||||
<small><i class="bi bi-cpu me-1"></i> AI 引擎</small>
|
||||
<div class="mt-2 small">基于大模型智能分析代码质量</div>
|
||||
<div class="mt-2">
|
||||
<span class="badge bg-success">在线</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- 主内容区 -->
|
||||
@@ -289,126 +268,6 @@
|
||||
</div>
|
||||
|
||||
<!-- 设置页面 -->
|
||||
<!-- AI 质量评分页面 -->
|
||||
<div id="page-ai-quality" style="display:none;">
|
||||
<h2 class="mb-4"><i class="bi bi-stars text-primary"></i> AI 质量评分</h2>
|
||||
<div class="alert alert-info py-2 mb-3">
|
||||
<i class="bi bi-info-circle"></i> 基于 AI 大模型对 PR 代码进行多维度质量评估
|
||||
</div>
|
||||
<div class="row mb-3">
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center bg-gradient-primary text-white">
|
||||
<div class="card-body">
|
||||
<div class="display-4 fw-bold" id="aiq-total">--</div>
|
||||
<small>综合评分</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<div class="card-body">
|
||||
<div class="h3 fw-bold text-success" id="aiq-security">--</div>
|
||||
<small class="text-muted">安全性</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<div class="card-body">
|
||||
<div class="h3 fw-bold text-warning" id="aiq-maintain">--</div>
|
||||
<small class="text-muted">可维护性</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<div class="card text-center">
|
||||
<div class="card-body">
|
||||
<div class="h3 fw-bold text-info" id="aiq-readability">--</div>
|
||||
<small class="text-muted">可读性</small>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">
|
||||
<h5 class="mb-0">评分说明</h5>
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<ul class="list-group list-group-flush">
|
||||
<li class="list-group-item">
|
||||
<strong class="text-success">安全性 (35%)</strong> - 检测 SQL 注入、XSS、密码泄露等安全风险
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong class="text-warning">可维护性 (30%)</strong> - 代码复杂度、重复代码、硬编码等问题
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong class="text-info">可读性 (15%)</strong> - 命名规范、注释、代码风格
|
||||
</li>
|
||||
<li class="list-group-item">
|
||||
<strong class="text-primary">最佳实践 (20%)</strong> - 遵循语言最佳实践和设计模式
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- AI 智能洞察页面 -->
|
||||
<div id="page-ai-insights" style="display:none;">
|
||||
<h2 class="mb-4"><i class="bi bi-lightbulb text-warning"></i> AI 智能洞察</h2>
|
||||
<div class="row mb-4">
|
||||
<div class="col-md-4">
|
||||
<div class="card border-primary">
|
||||
<div class="card-body text-center">
|
||||
<i class="bi bi-robot display-4 text-primary"></i>
|
||||
<h5 class="mt-3">智能分析</h5>
|
||||
<p class="text-muted small">基于 AI 大模型深度分析代码问题，提供精准修复建议</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-success">
|
||||
<div class="card-body text-center">
|
||||
<i class="bi bi-lightning display-4 text-success"></i>
|
||||
<h5 class="mt-3">自动修复</h5>
|
||||
<p class="text-muted small">一键生成修复代码，直接应用到项目中</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="card border-info">
|
||||
<div class="card-body text-center">
|
||||
<i class="bi bi-graph-up display-4 text-info"></i>
|
||||
<h5 class="mt-3">趋势预测</h5>
|
||||
<p class="text-muted small">分析历史数据，预测代码质量变化趋势</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="card">
|
||||
<div class="card-header">AI 能力展示</div>
|
||||
<div class="card-body">
|
||||
<div class="row">
|
||||
<div class="col-md-6">
|
||||
<h6><i class="bi bi-check2-all text-success"></i> 已支持功能</h6>
|
||||
<ul class="list-unstyled ms-3">
|
||||
<li><i class="bi bi-check text-success me-2"></i>多维度代码质量评分</li>
|
||||
<li><i class="bi bi-check text-success me-2"></i>问题根因分析</li>
|
||||
<li><i class="bi bi-check text-success me-2"></i>智能修复建议生成</li>
|
||||
<li><i class="bi bi-check text-success me-2"></i>历史趋势分析</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<h6><i class="bi bi-gear text-primary"></i> 扫描器类型</h6>
|
||||
<ul class="list-unstyled ms-3">
|
||||
<li><i class="bi bi-code-slash me-2"></i>Python 代码分析</li>
|
||||
<li><i class="bi bi-code-slash me-2"></i>JavaScript/TypeScript 分析</li>
|
||||
<li><i class="bi bi-shield-check me-2"></i>安全漏洞检测</li>
|
||||
<li><i class="bi bi-stars me-2"></i>AI 智能审查</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
@@ -660,7 +519,6 @@
|
||||
|
||||
if (page === 'dashboard') loadDashboard();
|
||||
if (page === 'prs') loadPRs();
|
||||
if (page === 'ai-quality') loadAIQualityOverview();
|
||||
}
|
||||
|
||||
// 加载概览数据
|
||||
|
||||
Reference in New Issue
Block a user