基于react/redux+flask+jwt的前后端分离的个人博客
在线demo(不支持手机端访问)
- 登录
- 注册
- 登出
- 文章页面，支持markdown(github风格)，支持代码块高亮
- 博客文章列表及分页
- 博客文章分类
- 对文章评论
- 回复评论
- 对评论下的回复的回复
- 相册，支持lightbox
- react
- redux
- react-router-dom
- ant-design
- flask
- sqlalchemy
- mysql
- jwt
- redis
- pytest
- gunicorn
- nginx
- docker
- docker-compose
修改backend/application/.env里的环境变量:
DATABASE_USER=root
DATABASE_PASS=your_database_password
DATABASE_HOST=localhost
DATABASE_PORT=3306
DATABASE_NAME=your_database_name
TEST_DATABASE_NAME=your_test_database_name
MYSQL_USER=root
MYSQL_ROOT_PASSWORD=your_database_password开发环境下使用npm start运行前端，使用flask run运行后端，支持代码更新自动重载
构建
cd webapp
docker-compose build运行
docker-compose up -d当容器backend和mysql正常启动后, 初始化数据库
docker exec backend flask initdb
docker exec backend flask mockdb停止
docker-compose down构建
cd webapp
docker-compose -f docker-compose.prod.yml build运行
docker-compose -f docker-compose.prod.yml up当容器backend和mysql正常启动后，新开shell初始化数据库
docker exec backend flask initdb
docker exec backend flask mockdb停止
docker-compose down解决编译错误：cc: Internal error: Killed (program cc1)
cd webapp/backend
source venv/bin/activate
pytest- 实现响应式以支持手机端访问
- 实现网站后台
- 页面美化
- 更详细准确的测试样例
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent