Skip to content

Dev #3

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
weizwz merged 8 commits into from
Nov 20, 2025
Merged

Dev #3

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
8dc6a04
优化移动端的显示
weizwz Nov 19, 2025
61bf5bf
调整卡片间距
weizwz Nov 19, 2025
71a7a06
优化 header 样式
weizwz Nov 19, 2025
8359844
优化数据管理界面风格
weizwz Nov 19, 2025
c4dda42
优化表格数据展示
weizwz Nov 20, 2025
bfaccda
删除无用引用
weizwz Nov 20, 2025
5a6b86f
优化表格细节
weizwz Nov 20, 2025
a2e027b
更新最新预览图
weizwz Nov 20, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion README.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@

<div align="center">

![](https://p.weizwz.com/nav/20251119_170634_d89c36024f0efbc4.webp)
![](https://p.weizwz.com/nav/20251120_110028_78c15d3713752f31.webp)

现代化的个人前端导航网站，为开发者提供高效、美观的资源导航体验

Expand Down
17 changes: 0 additions & 17 deletions app/globals.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -322,23 +322,6 @@ select:focus-visible {
transition: none;
}

/* DataTable 分类行样式 */
.category-row > td {
background-color: #eff6ff !important;
}

.dark .category-row > td {
background-color: rgba(30, 58, 138, 0.3) !important;
}

.category-row:hover > td {
background-color: #dbeafe !important;
}

.dark .category-row:hover > td {
background-color: rgba(30, 64, 175, 0.4) !important;
}

/* PWA 安装提示动画 */
@keyframes slide-up {
from {
Expand Down
240 changes: 121 additions & 119 deletions app/manage/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -281,134 +281,136 @@ export default function ManagePage() {
}

return (
<div className="min-h-screen bg-gray-50 dark:bg-gray-900">
<div className="container mx-auto p-4">
{/* 页头 */}
<header className="mb-4" role="banner">
<Space direction="vertical" size="small" className="w-full">
<div className="flex justify-between items-center">
{/* Logo/标题 */}
<div className="flex items-center gap-3 py-2">
<img
src="/logo.png"
alt="网站Logo"
className="w-6 h-6 object-contain"
/>
<h1 className="text-lg font-bold text-gray-900 dark:text-white whitespace-nowrap">
数据管理
</h1>
</div>
<Button
icon={<ArrowLeftOutlined aria-hidden="true" />}
onClick={handleBack}
type="text"
aria-label="返回主页"
>
返回主页
</Button>
</div>
</Space>
</header>

{/* 导入导出工具栏 */}
<div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4 mb-4">
<div className="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4">
<div className="flex flex-wrap items-center gap-4">
<ImportExport />
<span className="text-sm text-gray-600 dark:text-gray-400">
已选择 {selectedRowKeys.length} 项
</span>
<div className="h-screen flex flex-col bg-(--background) transition-theme">
{/* 页头 */}
<header className="flex-none w-full bg-(--background-main) border-b border-gray-200 dark:border-neutral-700 transition-theme" role="banner">
<div className="container mx-auto px-4 py-3 sm:px-8 ">
<div className="flex justify-between items-center">
{/* Logo/标题 */}
<div className="flex items-center gap-3 py-2">
<img
src="/logo.png"
alt="网站Logo"
className="w-5 h-5 object-contain"
/>
<h1 className="text-base font-bold text-gray-800 dark:text-white whitespace-nowrap">
数据管理
</h1>
</div>
<div className='flex flex-wrap gap-2 lg:gap-4'>
<Button
danger
icon={<ReloadOutlined aria-hidden="true" />}
onClick={handleResetClick}
aria-label="重置数据"
>
<span className="hidden md:inline">重置数据</span>
</Button>
<Popconfirm
title={`确定要删除选中的 ${selectedRowKeys.length} 个链接吗？`}
onConfirm={handleBatchDelete}
okText="确定"
cancelText="取消"
disabled={selectedRowKeys.length === 0}
>
<Button
<Button
icon={<ArrowLeftOutlined aria-hidden="true" />}
onClick={handleBack}
type="text"
aria-label="返回主页"
>
返回主页
</Button>
</div>
</div>
</header>
{/* 数据表格 */}
<div className='flex-1 overflow-y-auto'>
<div className="container flex flex-col mx-auto p-4 sm:px-8">
{/* 导入导出工具栏 */}
<div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm p-4 mb-4">
<div className="flex flex-col lg:flex-row justify-between items-start lg:items-center gap-4">
<div className="flex flex-wrap items-center gap-4">
<ImportExport />
<span className="text-sm text-gray-600 dark:text-gray-400">
已选择 {selectedRowKeys.length} 项
</span>
</div>
<div className='flex flex-wrap gap-2 lg:gap-4'>
<Button
danger
icon={<DeleteOutlined aria-hidden="true" />}
onClick={handleBatchDeleteClick}
aria-label={selectedRowKeys.length > 0 ? `批量删除选中的 ${selectedRowKeys.length} 个链接` : '批量删除'}
icon={<ReloadOutlined aria-hidden="true" />}
onClick={handleResetClick}
aria-label="重置数据"
>
<span className="hidden md:inline">批量删除</span>
<span className="hidden md:inline">重置数据</span>
</Button>
</Popconfirm>
<Button
icon={<TagsOutlined aria-hidden="true" />}
onClick={handleBatchCategoryClick}
aria-label={selectedRowKeys.length > 0 ? `批量分类选中的 ${selectedRowKeys.length} 个链接` : '批量分类'}
>
<span className="hidden md:inline">批量分类</span>
</Button>
<Button
type="primary"
icon={<PlusOutlined aria-hidden="true" />}
onClick={handleAddNew}
aria-label="添加新链接"
>
<span className="hidden sm:inline">添加链接</span>
</Button>
<Popconfirm
title={`确定要删除选中的 ${selectedRowKeys.length} 个链接吗？`}
onConfirm={handleBatchDelete}
okText="确定"
cancelText="取消"
disabled={selectedRowKeys.length === 0}
>
<Button
danger
icon={<DeleteOutlined aria-hidden="true" />}
onClick={handleBatchDeleteClick}
aria-label={selectedRowKeys.length > 0 ? `批量删除选中的 ${selectedRowKeys.length} 个链接` : '批量删除'}
>
<span className="hidden md:inline">批量删除</span>
</Button>
</Popconfirm>
<Button
icon={<TagsOutlined aria-hidden="true" />}
onClick={handleBatchCategoryClick}
aria-label={selectedRowKeys.length > 0 ? `批量分类选中的 ${selectedRowKeys.length} 个链接` : '批量分类'}
>
<span className="hidden md:inline">批量分类</span>
</Button>
<Button
type="primary"
icon={<PlusOutlined aria-hidden="true" />}
onClick={handleAddNew}
aria-label="添加新链接"
>
<span className="hidden sm:inline">添加链接</span>
</Button>
</div>
</div>
</div>
</div>

{/* 数据表格 */}
<div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm px-4 pt-4">
<DataTable
links={links}
onEdit={handleEdit}
onDelete={handleDelete}
onEditCategory={handleEditCategory}
onDeleteCategory={handleDeleteCategory}
selectedRowKeys={selectedRowKeys}
onSelectionChange={setSelectedRowKeys}
{/* 数据表格 */}
<div className="bg-white dark:bg-gray-800 rounded-lg shadow-sm px-4 pt-4 mb-4">
<DataTable
links={links}
onEdit={handleEdit}
onDelete={handleDelete}
onEditCategory={handleEditCategory}
onDeleteCategory={handleDeleteCategory}
selectedRowKeys={selectedRowKeys}
onSelectionChange={setSelectedRowKeys}
/>
</div>

{/* 编辑链接弹窗 */}
<EditLinkModal
open={editModalOpen}
link={currentLink}
onCancel={handleModalCancel}
onSubmit={handleModalSubmit}
/>

{/* 编辑分类弹窗 */}
<EditCategoryModal
open={categoryEditModalOpen}
category={currentCategory}
onCancel={() => {
setCategoryEditModalOpen(false);
setCurrentCategory(null);
}}
onSubmit={handleCategorySubmit}
/>

{/* 重置数据确认对话框 */}
<ResetDataModal
open={resetModalOpen}
onConfirm={handleResetConfirm}
onCancel={handleResetCancel}
/>
</div>

{/* 编辑链接弹窗 */}
<EditLinkModal
open={editModalOpen}
link={currentLink}
onCancel={handleModalCancel}
onSubmit={handleModalSubmit}
/>

{/* 编辑分类弹窗 */}
<EditCategoryModal
open={categoryEditModalOpen}
category={currentCategory}
onCancel={() => {
setCategoryEditModalOpen(false);
setCurrentCategory(null);
}}
onSubmit={handleCategorySubmit}
/>

{/* 重置数据确认对话框 */}
<ResetDataModal
open={resetModalOpen}
onConfirm={handleResetConfirm}
onCancel={handleResetCancel}
/>

{/* 批量分类弹窗 */}
<BatchCategoryModal
open={batchCategoryModalOpen}
selectedCount={selectedRowKeys.length}
onCancel={() => setBatchCategoryModalOpen(false)}
onSubmit={handleBatchCategorySubmit}
/>
{/* 批量分类弹窗 */}
<BatchCategoryModal
open={batchCategoryModalOpen}
selectedCount={selectedRowKeys.length}
onCancel={() => setBatchCategoryModalOpen(false)}
onSubmit={handleBatchCategorySubmit}
/>
</div>
</div>
</div>
);
Expand Down
2 changes: 1 addition & 1 deletion app/page.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -146,7 +146,7 @@ export default function Home() {
);

return (
<div className="h-screen flex flex-col bg-gray-50 dark:bg-(--background) transition-theme overflow-hidden">
<div className="h-screen flex flex-col bg-(--background) transition-theme overflow-hidden">
{/* 固定顶部 Header */}
<div className="flex-none">
<Header onMenuClick={() => setDrawerOpen(true)} />
Expand Down
Loading