%20(2).svg)
项目简介
本项目是基于 React 和 Koa.js 的全栈人员管理系统，为人员信息管理提供完整解决方案。前端运用 React 和 TypeScript 并结合 Ant Design 组件库，保障良好用户体验与开发效率；后端借助 Koa.js 和 Node.js 实现，提供 RESTful API 支持；数据存储采用 JSON 文件实现持久化。项目通过 Webpack 和 NPM 构建与管理，前后端代码集成于一个项目，便于开发与部署。
项目的主要特性和功能
主要特性
- 全栈开发：前后端一体化，前端用 React 和 TypeScript，后端用 Koa.js 和 Node.js。
- 模块化设计：前端页面与组件解耦，后端功能模块化，便于维护和扩展。
- 数据持久化：通过 JSON 文件存储数据。
- 权限管理：支持用户登录与权限验证，保障系统安全。
- 路由管理：用 React Router 实现前端路由，支持动态与嵌套路由。
功能模块
- 人员管理：支持人员信息的增删改查。
- 用户登录：提供登录功能，支持权限验证。
- 面包屑导航：方便用户跟踪访问路径。
- 全局状态管理：使用 Redux 管理全局状态，支持自定义 Hook 实现高复用功能。
安装使用步骤
前提条件
- 本地已安装 Node.js 和 Webpack。
- 已安装 Git。
安装步骤
- 复制项目仓库：（此处文档未给出具体命令，需补充）
- 安装项目依赖：
sh npm install - 启动开发模式：
- 启动后端服务器：
sh npm run server - 启动前端开发服务器：
sh npm run dev - 访问
http://localhost:9000进入应用。 - 生产模式部署：
- 打包前端代码：
sh npm run build - 启动后端服务器：
sh npm run server - 访问
http://localhost:9001进入应用。
注意事项
- 开发模式下，前端通过代理访问后端 API，生产模式下通过 Koa - static 直接渲染前端页面。
- 管理员默认用户名：
admin，密码：123456。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】