Build OrbitFlow frontend admin template
This commit is contained in:
51
README.md
Normal file
51
README.md
Normal file
@@ -0,0 +1,51 @@
|
||||
# OrbitFlow React 后台模板
|
||||
|
||||
一个无需后端即可运行的现代后台管理模板。项目基于 React 19、Next.js 与 vinext,所有演示业务数据来自本地 JSON;定时任务配置通过 `localStorage` 保存在当前浏览器。
|
||||
|
||||
## 已包含
|
||||
|
||||
- 深色多级侧边菜单与移动端抽屉导航
|
||||
- 标签、按钮、表单、状态反馈与菜单样式
|
||||
- 图片文字列表和响应式卡片视图
|
||||
- 支持拖放的四列流程泳道
|
||||
- 定时任务列表、启停开关和新建配置弹窗
|
||||
- 全局搜索、待办勾选、Toast 提示等交互
|
||||
- 桌面、平板和手机响应式布局
|
||||
|
||||
## 本地运行
|
||||
|
||||
需要 Node.js `>=22.13.0`。
|
||||
|
||||
```bash
|
||||
npm install
|
||||
npm run dev
|
||||
```
|
||||
|
||||
生产构建与测试:
|
||||
|
||||
```bash
|
||||
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 中的初始内容。
|
||||
Reference in New Issue
Block a user