45 lines
1.4 KiB
TypeScript
45 lines
1.4 KiB
TypeScript
'use client';
|
||
import { FileUpload } from '../../components/FileUpload';
|
||
import { FileDownload } from '../../components/FileDownload';
|
||
import { AdvancedFileDownload } from '../../components/AdvancedFileDownload';
|
||
import { DownloadTester } from '../../components/DownloadTester';
|
||
|
||
export default function UploadPage() {
|
||
return (
|
||
<div className="min-h-screen bg-gray-50">
|
||
<div className="container mx-auto py-8">
|
||
<div className="text-center mb-8">
|
||
<h1 className="text-3xl font-bold text-gray-900 mb-2">文件上传和下载中心</h1>
|
||
<p className="text-gray-600">完整的文件管理解决方案：上传、下载、预览</p>
|
||
</div>
|
||
|
||
{/* 上传组件 */}
|
||
<div className="mb-8">
|
||
<h2 className="text-xl font-semibold mb-4">📤 文件上传</h2>
|
||
<FileUpload />
|
||
</div>
|
||
|
||
{/* 下载测试组件 */}
|
||
<div className="mb-8">
|
||
<h2 className="text-xl font-semibold mb-4">🔧 下载测试</h2>
|
||
<DownloadTester />
|
||
</div>
|
||
|
||
<div className="grid grid-cols-1 lg:grid-cols-2 gap-8">
|
||
{/* 基础下载组件 */}
|
||
<div>
|
||
<h2 className="text-xl font-semibold mb-4">📥 基础下载</h2>
|
||
<FileDownload />
|
||
</div>
|
||
|
||
{/* 高级下载组件 */}
|
||
<div>
|
||
<h2 className="text-xl font-semibold mb-4">🚀 高级下载</h2>
|
||
<AdvancedFileDownload />
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
);
|
||
}
|