elosh
React / 后台 · 作者 OKS-PROJECTS
基于 oks-ui 构建的 HR 与员工管理后台模板，包含仪表盘、CRUD、图表和深色模式。
模板详细介绍
Elosh 是一个面向 HR 与员工管理的后台仪表盘模板，界面元素全部由 oks-ui 组件库构建，没有引入其他 UI 或图表库。项目使用 Vite 与 React 19，路由基于 react-router-dom v7，样式以 Tailwind v4 的布局工具类配合 --app-* CSS 变量组织，图标来自 lucide-react。
模板在 src/Components/ui/ 中提供 oks-ui 未覆盖的组件，如 Surface、PageHeader、StatCard、DataTable、ChartCard、StatusChip 等，它们只读取 theme.css 中定义的 --app-* 令牌层。列表、表单、设置面板和报表页面以配置对象形式放在 src/data/ 下，通过统一的原型页面渲染，而不是逐个编写独立组件。所有数据均为 src/data/ 中的确定性模拟数据，没有后端。
主题方面，重新指向 theme.css 中的 --oks-color-primary-* 色阶即可整体换肤，亮色与深色模式同时生效，页头的主题切换状态会持久化到 localStorage。
主要特点
- 全部界面元素由 oks-ui 组件库构建，未引入其他 UI 或图表库
- 使用 Vite + React 19 与 react-router-dom v7
- 提供仪表盘、CRUD、图表与深色模式等后台常见界面
- 列表、表单、设置和报表以配置对象驱动统一原型页面渲染
- 通过 --oks-color-primary-* 色阶换肤，主题切换持久化到 localStorage
- 所有数据为 src/data/ 中的确定性模拟数据，无后端依赖
适用场景
- 搭建 HR 或员工管理后台的界面原型
- 演示基于 oks-ui 组件库的数据密集型管理界面
- 作为 React 后台模板的二次开发起点
- 评估 oks-ui 在仪表盘、表格与图表场景下的组合方式
适合人群
- 需要 HR 与员工管理后台界面的前端开发者
- 希望以 oks-ui 为主要组件库搭建管理端项目的团队
- 寻找 React 后台模板用于原型或内部工具的场景
使用前需要核对
- 运行 npm install 安装依赖，npm run dev 启动开发服务器
- 使用 npm run build 构建生产版本，npm run preview 预览构建结果
- npm run lint 使用 oxlint 检查 react 与 react-hooks 规则
- 主题色在 src/styles/theme.css 中通过 --oks-color-primary-* 调整
- 数据为 src/data/ 下的模拟数据，接入后端需自行替换
本介绍由 AI 根据目录元数据和仓库 README 整理，实际功能以原仓库为准。
功能与适用范围
目录记录的用途为后台，主要技术栈为React。功能是否完整实现，需要在源码和演示中进一步确认。
- React
- 后台