+
+
+
+# Run and deploy your AI Studio app
+
+This contains everything you need to run your app locally.
+
+View your app in AI Studio: https://ai.studio/apps/7dcdc5c7-28c0-4121-959b-77273973e0ef
+
+## Run Locally
+
+**Prerequisites:** Node.js
+
+
+1. Install dependencies:
+ `npm install`
+2. Set the `GEMINI_API_KEY` in [.env.local](.env.local) to your Gemini API key
+3. Run the app:
+ `npm run dev`
diff --git a/vue/index.html b/front/index.html
similarity index 52%
rename from vue/index.html
rename to front/index.html
index 8a15401..21dfe69 100644
--- a/vue/index.html
+++ b/front/index.html
@@ -2,12 +2,12 @@
-
-
+ {/* Animated Gradient Background */}
+
+
+
+ {/* Main Content */}
+
+
+
+ );
+}
+
diff --git a/front/src/components/ui/button.tsx b/front/src/components/ui/button.tsx
new file mode 100644
index 0000000..4d50f99
--- /dev/null
+++ b/front/src/components/ui/button.tsx
@@ -0,0 +1,36 @@
+import * as React from "react"
+import { cn } from "@/src/lib/utils"
+
+export interface ButtonProps
+ extends React.ButtonHTMLAttributes
+
+
+
+
+
+ {/* Top Navigation */}
+
+ {/* Brand */}
+
+
+
+
+ {/* Nav Links */}
+
+
+ {/* User / Actions */}
+
+ Y
+
+
+ YOYUZH.XYZ
+ Personal Portal
+
+
+
+
+
+ {/* Left Sidebar */}
+
+
+
+
+
+ {/* Middle Content */}
+
+ {/* Header / Breadcrumbs */}
+
+
+ {/* Right Sidebar (Details) */}
+ {selectedFile && (
+
+
+
+ 详细信息
+
+
+
+
+
+ )}
+
+ );
+}
+
+function DetailItem({ label, value }: { label: string, value: string }) {
+ return (
+
+
+
+ 快速访问
+ {QUICK_ACCESS.map((item) => ( + + ))} +
+
+ 网盘目录
+ {DIRECTORIES.map((item) => ( + + ))} +
+
+
+ {/* File List */}
+
+
+ {currentPath.map((pathItem, index) => (
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+ {/* Bottom Actions */}
+ | 名称 | +修改日期 | +类型 | +大小 | ++ |
|---|---|---|---|---|
|
+
+ {file.type === 'folder' ? (
+
+ |
+ {file.modified} | +{file.type} | +{file.size} | ++ + | +
|
+
+
+ 此文件夹为空 + |
+
+
+
+
+
+
+
+
+ {selectedFile.type === 'folder' ? (
+
+ {selectedFile.name}
+
+ ${currentPath.join(' > ')}`} />
+
+
+ {selectedFile.type !== 'folder' && (
+
+ )}
+ {selectedFile.type === 'folder' && (
+
+ )}
+
+
+ );
+}
diff --git a/front/src/pages/Games.tsx b/front/src/pages/Games.tsx
new file mode 100644
index 0000000..49d61c1
--- /dev/null
+++ b/front/src/pages/Games.tsx
@@ -0,0 +1,109 @@
+import React, { useState } from 'react';
+import { motion } from 'motion/react';
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/src/components/ui/card';
+import { Button } from '@/src/components/ui/button';
+import { Gamepad2, Rocket, Cat, Car, Play } from 'lucide-react';
+import { cn } from '@/src/lib/utils';
+
+const GAMES = [
+ {
+ id: 'cat',
+ name: 'CAT',
+ description: '简单的小猫升级游戏，通过点击获取经验，解锁不同形态的猫咪。',
+ icon: Cat,
+ color: 'from-orange-400 to-red-500',
+ category: 'featured'
+ },
+ {
+ id: 'race',
+ name: 'RACE',
+ description: '赛车休闲小游戏，躲避障碍物，挑战最高分记录。',
+ icon: Car,
+ color: 'from-blue-400 to-indigo-500',
+ category: 'featured'
+ }
+];
+
+export default function Games() {
+ const [activeTab, setActiveTab] = useState<'featured' | 'all'>('featured');
+
+ return (
+ {label}
+{value}
+
+ {/* Hero Section */}
+
+
+
+
+ {/* Category Tabs */}
+
+ );
+}
diff --git a/front/src/pages/Login.tsx b/front/src/pages/Login.tsx
new file mode 100644
index 0000000..38d772f
--- /dev/null
+++ b/front/src/pages/Login.tsx
@@ -0,0 +1,130 @@
+import React, { useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { motion } from 'motion/react';
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/src/components/ui/card';
+import { Button } from '@/src/components/ui/button';
+import { Input } from '@/src/components/ui/input';
+import { LogIn, User, Lock } from 'lucide-react';
+
+export default function Login() {
+ const navigate = useNavigate();
+ const [loading, setLoading] = useState(false);
+ const [error, setError] = useState('');
+
+ const handleLogin = (e: React.FormEvent) => {
+ e.preventDefault();
+ setLoading(true);
+ setError('');
+
+ // Simulate login
+ setTimeout(() => {
+ setLoading(false);
+ navigate('/overview');
+ }, 1000);
+ };
+
+ return (
+
+
+
+
+ 游戏入口
++ 保留轻量试玩与静态资源检查入口，维持与整站一致的毛玻璃语言。在这里您可以快速启动站内集成的小游戏。 +
+
+
+
+
+
+ {/* Game Grid */}
+
+ {GAMES.map((game, index) => (
+
+
+
+
+ {game.name}
+
+ {game.description}
+
+
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+ {game.category}
+
+
+ {/* Background Glow */}
+
+
+
+
+ );
+}
diff --git a/front/src/pages/Overview.tsx b/front/src/pages/Overview.tsx
new file mode 100644
index 0000000..1eb9755
--- /dev/null
+++ b/front/src/pages/Overview.tsx
@@ -0,0 +1,208 @@
+import React from 'react';
+import { motion } from 'motion/react';
+import { useNavigate } from 'react-router-dom';
+import { Card, CardContent, CardHeader, CardTitle, CardDescription } from '@/src/components/ui/card';
+import { Button } from '@/src/components/ui/button';
+import {
+ FileText, Upload, FolderPlus, Database,
+ GraduationCap, BookOpen, Clock, HardDrive,
+ User, Mail, ChevronRight
+} from 'lucide-react';
+
+export default function Overview() {
+ const navigate = useNavigate();
+ const currentHour = new Date().getHours();
+ let greeting = '晚上好';
+ if (currentHour < 6) greeting = '凌晨好';
+ else if (currentHour < 12) greeting = '早上好';
+ else if (currentHour < 18) greeting = '下午好';
+
+ const currentTime = new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' });
+
+ return (
+
+ {/* Left Side: Brand Info */}
+
+
+
+ {/* Right Side: Login Form */}
+
+
+
+
+
+
+ 请输入您的账号和密码以继续
+
+
+
+
+
+
+
+
+
+
+ Access Portal
+
+
+
+
+ 个人网站
+
+
+ YOYUZH.XYZ
+
+ 个人网站
统一入口
+
+ + 欢迎来到 YOYUZH 的个人门户。在这里，你可以集中管理个人网盘文件、查询教务成绩课表，以及体验轻量级小游戏。 +
+
+ {/* Hero Section */}
+
+
+
+
+ {/* Metrics Cards */}
+
+ );
+}
+
+function MetricCard({ title, value, desc, icon: Icon, delay }: any) {
+ return (
+
+
+ 欢迎回来，tester5595
+现在时间 {currentTime} · {greeting}
++ 这是您的个人门户总览。在这里您可以快速查看网盘文件状态、近期课程安排以及教务成绩摘要。 +
+
+
+
+
+ {/* Left Column */}
+
+
+ {/* Recent Files */}
+
+
+ 最近文件
+
+
+
+
+
+
+ {/* Schedule */}
+
+
+ 今日 / 本周课程
+
+
+
+
+
+
+ {/* Right Column */}
+
+ {[
+ { name: '软件工程期末复习资料.pdf', size: '2.4 MB', time: '2小时前' },
+ { name: '2025春季学期课表.xlsx', size: '156 KB', time: '昨天 14:30' },
+ { name: '项目架构设计图.png', size: '4.1 MB', time: '3天前' },
+ ].map((file, i) => (
+
+ navigate('/files')}>
+
+ ))}
+
+
+ {file.size}
+
+
+
+
+ {file.name}
+{file.time}
+
+
+
+
+
+ {[
+ { time: '08:00 - 09:35', name: '高等数学 (下)', room: '教1-204' },
+ { time: '10:00 - 11:35', name: '大学物理', room: '教2-101' },
+ { time: '14:00 - 15:35', name: '软件工程', room: '计科楼 302' },
+ ].map((course, i) => (
+
+
+
+ ))}
+ {course.time}
+
+
+ {course.name}
+
+
+ {/* Quick Actions */}
+
+
+ 快捷操作
+
+
+
+
+
+ {/* Storage */}
+
+
+ 存储空间
+
+
+
+
+
+ {/* Account Info */}
+
+
+ 账号信息
+
+
+
+
+
+
+ navigate('/files')} />
+ navigate('/files')} />
+ navigate('/files')} />
+ navigate('/school')} />
+
+
+
+
+
+ 25%
+ 12.6 GB
+已使用 / 共 50 GB
+
+
+
+
+
+
+ T
+
+
+
+ tester5595
+tester5595@example.com
+
+
+
+
+ {value}
+
+
+ {title}
+{desc}
+
+
+ {activeTab === 'schedule' ?
+
+ );
+}
+
+function DatabaseIcon(props: any) {
+ return (
+
+ );
+}
+
+function SummaryItem({ label, value, icon: Icon }: any) {
+ return (
+
+ {/* Query Form */}
+
+
+
+
+ 输入教务系统账号密码以同步数据
+
+
+
+
+
+
+ {/* Data Summary */}
+
+
+
+
+ 当前缓存或最近一次查询结果
+
+
+ {queried ? (
+
+
+
+
+ {/* View Toggle */}
+
+
+ ) : (
+
+
+ )}
+ 暂无缓存数据，请先执行查询
+
+
+
+
+
+ {/* Content Area */}
+
+
+ );
+}
+
+function ScheduleView({ queried }: { queried: boolean }) {
+ if (!queried) {
+ return (
+
+
+
+
+ {label}
+{value}
+请先查询课表
+
+ {days.map((day, index) => (
+
+
+
+ ))}
+
+ {day}
+
+
+ {mockSchedule.filter(s => s.day === index).map((course, i) => (
+
+
+
+ ))}
+ {mockSchedule.filter(s => s.day === index).length === 0 && (
+ {course.time}
+{course.name}
+
+
+ 无课程
+
+ )}
+ 请先查询成绩
+
+ {terms.map((term, i) => (
+
+
+
+ ))}
+ {term.name}
+
+ {term.grades.map((score, j) => (
+
+
+ {score}
+
+ ))}
+