feat: 个人页排名 + 刷新按钮 + 查看题目链接 + 删除账户

Author: CodeJudge

backend/src/controllers/authController.js

@@ -48,8 +48,14 @@ function getProfile(req, res) {
 
   const totalRow = queryOne('SELECT COUNT(*) as count FROM submissions WHERE user_id = ?', [req.user.id]);
   const acceptedRow = queryOne("SELECT COUNT(*) as count FROM submissions WHERE user_id = ? AND status = 'accepted'", [req.user.id]);
+  const rankRow = queryOne(`
+    SELECT COUNT(*) + 1 as rank FROM (
+      SELECT user_id, COUNT(*) as accepted_count FROM submissions
+      WHERE status = 'accepted' GROUP BY user_id
+    ) t WHERE t.accepted_count > (SELECT COUNT(*) FROM submissions WHERE user_id = ? AND status = 'accepted')
+  `, [req.user.id]);
 
-  res.json({ ...user, stats: { total: totalRow.count, accepted: acceptedRow.count } });
+  res.json({ ...user, stats: { total: totalRow.count, accepted: acceptedRow.count, rank: rankRow?.rank || 0 } });
 }
 
 function changePassword(req, res) {

frontend/src/pages/ProblemDetail.tsx

@@ -475,9 +475,9 @@ export default function ProblemDetail() {
                     key={tag}
                     className="px-2 py-0.5 bg-dark-800 text-gray-400 text-xs rounded"
                   >
-                    {tag}
-                  </span>
-                ))}
+              {tag}
+            </span>
+          ))}
               </div>
             )}
           </div>

frontend/src/pages/Profile.tsx

@@ -1,6 +1,6 @@
 import { useState, useEffect } from 'react';
 import { Link, useNavigate } from 'react-router-dom';
-import { User, Mail, Shield, Award, TrendingUp, Loader2, AlertTriangle, CheckCircle2, XCircle, Clock, Zap, Lock, Key, CalendarDays, Code, PieChart, Trash2 } from 'lucide-react';
+import { User, Mail, Shield, Award, TrendingUp, Loader2, AlertTriangle, CheckCircle2, XCircle, Clock, Zap, Lock, Key, CalendarDays, Code, PieChart, Trash2, Trophy } from 'lucide-react';
 import { useAuth } from '../context/AuthContext';
 import api from '../services/api';
 import toast from 'react-hot-toast';
@@ -198,7 +198,7 @@ export default function Profile() {
       </div>
 
       {/* Stats cards */}
-      <div className="grid grid-cols-2 sm:grid-cols-4 gap-4">
+      <div className="grid grid-cols-2 sm:grid-cols-5 gap-4">
         <div className="card p-4 text-center">
           <p className="text-dark-400 text-xs uppercase tracking-wide mb-1">
             总提交
@@ -224,6 +224,13 @@ export default function Profile() {
           </p>
           <p className="text-2xl font-bold text-purple-400">{uniqueProblems}</p>
         </div>
+        <div className="card p-4 text-center">
+          <p className="text-dark-400 text-xs uppercase tracking-wide mb-1 flex items-center justify-center gap-1">
+            <Trophy className="w-3 h-3" />
+            排名
+          </p>
+          <p className="text-2xl font-bold text-yellow-400">#{stats.rank ?? '-'}</p>
+        </div>
       </div>
 
       {/* Language usage */}

frontend/src/pages/Submissions.tsx

@@ -125,7 +125,16 @@ export default function Submissions() {
 
   return (
     <div>
-      <h1 className="text-2xl font-bold text-white mb-6">提交记录</h1>
+      <div className="flex items-center justify-between mb-6">
+        <h1 className="text-2xl font-bold text-white">提交记录</h1>
+        <button
+          onClick={fetchSubmissions}
+          className="flex items-center gap-1.5 px-3 py-1.5 rounded-lg text-sm text-dark-400 hover:text-white hover:bg-dark-800 transition-colors"
+        >
+          <RefreshCw size={14} className={loading ? 'animate-spin' : ''} />
+          刷新
+        </button>
+      </div>
 
       {/* Status filter */}
       <div className="flex flex-wrap gap-1 mb-6">