`count(*)` })
+ .from(content)
+ .where(whereConditions.length > 0 ? and(...whereConditions) : undefined),
+ ]);
+
+ return NextResponse.json({
+ success: true,
+ data: items,
+ meta: {
+ total: count,
+ page: query.page,
+ pageSize: query.pageSize,
+ },
+ });
+ } catch (error) {
+ return NextResponse.json(
+ { success: false, error: { code: 'INVALID_QUERY', message: error.message } },
+ { status: 400 }
+ );
+ }
+}
+
+export async function POST(request: NextRequest) {
+ try {
+ const session = await getServerSession();
+ if (!session) {
+ return NextResponse.json(
+ { success: false, error: { code: 'UNAUTHORIZED', message: '请先登录' } },
+ { status: 401 }
+ );
+ }
+
+ const body = await request.json();
+ const newContent = await db.insert(content).values({
+ ...body,
+ id: crypto.randomUUID(),
+ authorId: session.user.id,
+ createdAt: new Date(),
+ updatedAt: new Date(),
+ }).returning();
+
+ return NextResponse.json({ success: true, data: newContent[0] }, { status: 201 });
+ } catch (error) {
+ return NextResponse.json(
+ { success: false, error: { code: 'CREATE_FAILED', message: error.message } },
+ { status: 500 }
+ );
+ }
+}
+```
+
+---
+
+## 管理后台设计
+
+### 页面结构
+
+```
+/admin
+├── /login # 登录页
+├── /dashboard # 仪表盘
+├── /content
+│ ├── /news # 新闻管理
+│ │ ├── / # 列表页
+│ │ ├── /create # 创建页
+│ │ └── /[id]/edit # 编辑页
+│ ├── /products # 产品管理
+│ ├── /services # 服务管理
+│ └── /cases # 案例管理
+├── /config
+│ ├── /features # 功能开关
+│ ├── /style # 样式配置
+│ ├── /seo # SEO 配置
+│ └── /general # 全局设置
+├── /users # 用户管理
+└── /logs # 操作日志
+```
+
+### 布局设计
+
+```
+┌─────────────────────────────────────────────────────────┐
+│ Logo 首页 内容 配置 用户 日志 用户头像 ▼ │
+├──────────┬──────────────────────────────────────────────┤
+│ │ │
+│ 侧边栏 │ 主内容区 │
+│ │ │
+│ - 新闻 │ ┌──────────────────────────────────────┐ │
+│ - 产品 │ │ 页面标题 [创建] [导出] │ │
+│ - 服务 │ ├──────────────────────────────────────┤ │
+│ - 案例 │ │ │ │
+│ │ │ 数据表格 / 表单 / 图表 │ │
+│ 配置 │ │ │ │
+│ - 功能 │ │ │ │
+│ - 样式 │ │ │ │
+│ - SEO │ └──────────────────────────────────────┘ │
+│ │ │
+└──────────┴──────────────────────────────────────────────┘
+```
+
+### 核心组件
+
+#### 1. 内容编辑器
+
+```typescript
+// src/components/admin/content-editor.tsx
+import { Editor } from '@tiptap/react';
+import StarterKit from '@tiptap/starter-kit';
+import Image from '@tiptap/extension-image';
+import Link from '@tiptap/extension-link';
+
+export function ContentEditor({ value, onChange }: ContentEditorProps) {
+ const editor = useEditor({
+ extensions: [StarterKit, Image, Link],
+ content: value,
+ onUpdate: ({ editor }) => {
+ onChange(editor.getHTML());
+ },
+ });
+
+ return (
+
+
+
+
+ );
+}
+```
+
+#### 2. 配置面板
+
+```typescript
+// src/components/admin/config-panel.tsx
+export function ConfigPanel({ category }: ConfigPanelProps) {
+ const { data: configs, isLoading } = useQuery({
+ queryKey: ['configs', category],
+ queryFn: () => fetch(`/api/v1/config/category/${category}`).then(r => r.json()),
+ });
+
+ return (
+
+ {configs?.map((config) => (
+
+ ))}
+
+ );
+}
+
+function ConfigField({ config }: ConfigFieldProps) {
+ const [value, setValue] = useState(config.value);
+
+ const handleSave = async () => {
+ await fetch(`/api/v1/config/${config.key}`, {
+ method: 'PUT',
+ body: JSON.stringify({ value }),
+ });
+ };
+
+ return (
+
+
+ {typeof value === 'boolean' ? (
+
+ ) : typeof value === 'number' ? (
+ setValue(Number(e.target.value))} />
+ ) : (
+ setValue(e.target.value)} />
+ )}
+
+
+ );
+}
+```
+
+#### 3. 数据表格
+
+```typescript
+// src/components/admin/data-table.tsx
+import { useQuery } from '@tanstack/react-query';
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table';
+
+export function DataTable({ type }: DataTableProps) {
+ const [page, setPage] = useState(1);
+ const { data, isLoading } = useQuery({
+ queryKey: ['content', type, page],
+ queryFn: () => fetch(`/api/v1/content?type=${type}&page=${page}`).then(r => r.json()),
+ });
+
+ return (
+
+
+
+
+ 标题
+ 分类
+ 状态
+ 发布时间
+ 操作
+
+
+
+ {data?.data?.map((item) => (
+
+ {item.title}
+ {item.category}
+
+
+ {item.status}
+
+
+ {formatDate(item.publishedAt)}
+
+
+
+
+
+ ))}
+
+
+
+