OrbitFlow React 后台模板

一个无需后端即可运行的现代后台管理模板。项目基于 React 19、Next.js 与 vinext，所有演示业务数据来自本地 JSON；定时任务配置通过 localStorage 保存在当前浏览器。

已包含

• 深色多级侧边菜单与移动端抽屉导航
• 标签、按钮、表单、状态反馈与菜单样式
• 图片文字列表和响应式卡片视图
• 支持拖放的四列流程泳道
• 定时任务列表、启停开关和新建配置弹窗
• 全局搜索、待办勾选、Toast 提示等交互
• 桌面、平板和手机响应式布局

本地运行

需要 Node.js >=22.13.0。

npm install
npm run dev

生产构建与测试：

npm run build
npm test

数据位置

演示数据集中在 app/data/mock-data.json，包含：

• stats：概览指标
• projects：项目与图文内容
• board：泳道及任务卡片
• schedules：定时任务初始配置

后续接入真实接口时，可以保留页面组件，只替换这一层的数据读取方式。当前 .openai/hosting.json 中的 D1 和 R2 均为 null，项目不依赖数据库或对象存储。

主要文件

• app/page.tsx：页面、导航和交互逻辑
• app/globals.css：完整视觉系统与响应式样式
• app/data/mock-data.json：可直接修改的模拟数据
• tests/rendered-html.test.mjs：渲染与纯前端约束检查

注意

任务启停和新建任务会写入浏览器本地存储。清除浏览器站点数据后会恢复为 JSON 中的初始内容。