%20(2).svg)
项目简介
本项目是一个基于Docker和React的简单Todo管理系统，主要展示了如何利用Docker进行前后端分离应用的部署。前端采用React.js构建，后端使用Express.js，数据库选用mariadb，缓存使用redis。借助Docker Compose，能够一键启动整个应用，极大地简化了部署流程。
项目的主要特性和功能
- 待办事项管理：可显示待办事项列表，同时支持添加新的待办事项。
- 访问量统计：能记录网站的访问量，并实现实时更新。
安装使用步骤
本地开发环境
- 复制项目：
sh git clone [项目仓库地址] cd [项目目录] - 安装依赖：
- 前端：
sh cd client npm install - 后端：
sh cd server npm install - 启动服务：
- 前端：
sh cd client npm start - 后端：
sh cd server npm start - 访问应用：
打开浏览器，访问
http://localhost:3000查看前端页面。
使用Docker部署
- 构建Docker镜像：
- 前端：
sh cd client docker build -t docker-todo-client . - 后端：
sh cd server docker build -t docker-todo-server . - 启动Docker容器：
使用
docker-compose启动所有服务：sh docker-compose -f prod-docker-compose.yml up -d --build - 访问应用：
打开浏览器，访问
http://localhost:3000查看前端页面。
注意事项
- 在Docker环境中，数据库和缓存的连接地址需要通过环境变量进行配置。在Express中，使用
process.env.NODE_ENV来判断当前环境，从而配置正确的数据库和缓存连接地址。 - Docker Compose文件可以根据需要进行修改和扩展，以适应不同的部署环境。
下载地址
点击下载 【提取码: 4003】【解压密码: www.makuang.net】