CaseAI/test.html at main · wellkilo/CaseAI · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>CaseAI 功能测试</title>
    <style>
        body {
            font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
            max-width: 800px;
            margin: 0 auto;
            padding: 20px;
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
            min-height: 100vh;
        }
        .container {
            background: rgba(255, 255, 255, 0.95);
            padding: 30px;
            border-radius: 20px;
            box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
            margin-bottom: 20px;
        }
        h1 { color: #333; margin-bottom: 20px; }
        h2 { color: #555; margin-top: 30px; margin-bottom: 15px; }
        a {
            display: inline-block;
            padding: 12px 24px;
            margin: 10px 10px 10px 0;
            background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
            color: white;
            text-decoration: none;
            border-radius: 8px;
            font-weight: 600;
            transition: all 0.3s ease;
        }
        a:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 20px rgba(59, 130, 246, 0.3);
        }
        .status {
            padding: 15px;
            border-radius: 8px;
            margin: 10px 0;
        }
        .success { background: #d4edda; color: #155724; border: 1px solid #c3e6cb; }
        .info { background: #d1ecf1; color: #0c5460; border: 1px solid #bee5eb; }
        .warning { background: #fff3cd; color: #856404; border: 1px solid #ffeaa7; }
        .feature-list {
            list-style: none;
            padding: 0;
        }
        .feature-list li {
            padding: 10px;
            margin: 5px 0;
            background: #f8f9fa;
            border-radius: 6px;
            border-left: 4px solid #3b82f6;
        }
        .badge {
            display: inline-block;
            padding: 4px 8px;
            background: #28a745;
            color: white;
            border-radius: 12px;
            font-size: 12px;
            margin-left: 8px;
        }
    </style>
</head>
<body>
    <div class="container">
        <h1>🚀 CaseAI 企业级测试用例生成平台</h1>
        <div class="status success">
            ✅ 后端服务已启动并运行在 http://localhost:3000
        </div>

        <h2>📊 已完成的功能优化</h2>
        <ul class="feature-list">
            <li>✨ 数据分析功能 - 完整的统计和可视化 <span class="badge">新增</span></li>
            <li>🔐 企业级登录界面 - SSO、LDAP、设备信任 <span class="badge">升级</span></li>
            <li>📈 数据可视化 - 图表展示和趋势分析 <span class="badge">新增</span></li>
            <li>🛡️ 增强安全验证 - 二次验证支持 <span class="badge">新增</span></li>
        </ul>
    </div>

    <div class="container">
        <h2>🔗 访问链接</h2>
        <p>点击以下链接访问相应的功能页面：</p>

        <a href="http://localhost:3000/login.html" target="_blank">
            🏠 企业级登录页面
        </a>

        <a href="http://localhost:3000/app.html" target="_blank">
            📱 CaseAI 主应用
        </a>

        <div class="status info">
            💡 <strong>提示：</strong>登录后可以在左侧菜单中找到"数据分析"功能
        </div>
    </div>

    <div class="container">
        <h2>🎯 功能特色</h2>

        <h3>📊 数据分析功能</h3>
        <ul class="feature-list">
            <li>总览统计：任务数量、用例数量、平均用例数等</li>
            <li>分类分布：用例分类、优先级、来源类型的可视化</li>
            <li>趋势分析：最近30天的任务生成趋势图表</li>
            <li>性能指标：任务执行效率和质量分析</li>
        </ul>

        <h3>🔐 企业级登录</h3>
        <ul class="feature-list">
            <li>多种登录方式：传统登录、SSO单点登录、LDAP域登录</li>
            <li>设备信任：7天内免登录功能</li>
            <li>增强安全：二次验证选项</li>
            <li>现代化UI：响应式设计，流畅动画</li>
        </ul>
    </div>

    <div class="container">
        <h2>🔧 API 端点</h2>
        <div class="status warning">
            以下API端点已可用：
        </div>
        <ul class="feature-list">
            <li><code>GET /api/health</code> - 健康检查</li>
            <li><code>GET /api/analytics/overview</code> - 数据分析概览</li>
            <li><code>GET /api/analytics/trends</code> - 趋势数据</li>
            <li><code>GET /api/analytics/performance</code> - 性能分析</li>
            <li><code>POST /api/auth/login</code> - 用户登录</li>
            <li><code>POST /api/auth/register</code> - 用户注册</li>
            <li><code>GET /api/testcases/tasks</code> - 获取任务列表</li>
            <li><code>POST /api/testcases/generate</code> - 生成测试用例</li>
        </ul>
    </div>

    <script>
        // 测试后端连接
        async function testConnection() {
            try {
                const response = await fetch('http://localhost:3000/api/health');
                const data = await response.json();
                if (data.ok) {
                    console.log('✅ 后端连接成功');
                }
            } catch (error) {
                console.error('❌ 后端连接失败:', error);
            }
        }

        // 页面加载时测试连接
        testConnection();
    </script>
</body>
</html>