后台管理
侧栏导航、KPI、收入/订单图表与数据表组装的后台控制台。
用 JoyUI 现有组件拼出的后台管理页：浮动侧栏、顶栏操作、KPI 卡片、收入/订单图表与可筛选数据表。
运营概览
3
Total revenue
$152,313.92
From last month
16%Total orders
25,162
From last month
20%New customers
3,847
From last month
8.1%Refunds
$4,209.44
From last month
2.4%Revenue
$152,314
+16%$131,304 last year
- This year
- Last year
Orders
25,162
+20%20,968 last year
- This year
- Last year
最近订单
支持搜索、筛选、排序与分页的客户订单表。
Total Results
48 customers
| Purchase | Status | Actions | |||
|---|---|---|---|---|---|
 John Clarkson | Delivery failed | Sep 05, 2026 | $3.412 | ||
 Aspen Lubin | Delivery failed | Mar 25, 2026 | $1.899 | ||
 Michael Ekstrom | Shipped | Aug 01, 2026 | $2.752 | ||
 Kianna Vaccaro | Shipped | Apr 02, 2026 | $145 | ||
 Livia Saris | Delivery failed | Nov 14, 2026 | $708 |
安装
模板由下列组件组装，可按需安装源码：
npx @joyui/cli add sidebar data-table stat-cards revenue-chart-card orders-chart-card notification-center settings-modal --yes页面入口见本页「代码」选项卡中的 AdminDashboard。
应用场景
适合运营后台、CRM、订单与内容管理等控制台首页。替换导航项、面包屑与表格数据源即可接入业务。
API
AdminDashboard
| 参数 | 说明 | 类型 | 可选值 | 默认值 |
|---|---|---|---|---|
| children / slots | 模板由多个应用块组成；替换文案、路由与数据源。 | ReactNode | — | — |
| className | 合并到根节点的额外类名。 | string | — | — |