-
ToDoList 是一个基于 React 的待办事项管理应用,支持用户注册、登录及任务管理功能。项目采用前后端分离架构,前端使用 React 和 Ant Design,后端使用 Node.js 和 MySQL。
- React: 构建用户界面的 JavaScript 库
- Axios: 发送 HTTP 请求的库
- React Router: 实现前端路由的库
- Ant Design: UI 组件库
- 克隆仓库
git clone https://github.com/FanZDStar/ToDo-List.git cd ToDo-List
- 安装依赖
pnpm install # 或者 pnpm install
- 启动后端服务器
pnpm run back-start
- 启动前端项目
pnpm start
默认项目运行在 4000 端口。您可以通过修改
package.json
中的start
脚本更改端口。- 用户认证: 支持用户注册、登录。
- 任务管理: 包括查询、添加、更新、删除任务等功能。
-
Node.js: 请确保安装 Node.js 16.x 或更高版本。
-
数据库: 项目使用 MySQL 数据库,请确保本地安装并配置了 MySQL。
在
server/server.jsx
文件中配置数据库连接:const pool = mysql.createPool({ connectionLimit: 10, host: 'localhost', user: 'root', password: '你的密码', database: '你的数据库名' });
- 前端依赖: 通过
pnpm install
安装前端依赖。
使用以下命令打包项目:
pnpm run build
打包完成后,静态文件将生成在
build
目录中。可以使用live-server
或其他服务器部署这些文件。本项目采用 MIT 许可协议。
fanzdstar / todo-list Goto Github PK
View Code? Open in Web Editor NEWReact+Antdesign+Nodejs+Ajax