Skip to content

技术栈说明

前端技术栈

核心框架

  • Vue.js 3.x
  • 组合式 API
  • 响应式系统
  • 虚拟 DOM
  • Vue Router 4.x
  • 路由管理
  • 路由守卫
  • 动态路由
  • Vuex 4.x
  • 状态管理
  • 模块化
  • 持久化

UI 框架

  • Element Plus
  • 组件库
  • 主题定制
  • 响应式设计

工具库

  • Axios
  • HTTP 客户端
  • 请求拦截
  • 响应拦截
  • Day.js
  • 日期处理
  • 时间格式化
  • Lodash
  • 工具函数
  • 数据操作

开发工具

  • Vite
  • 构建工具
  • 开发服务器
  • 热更新
  • ESLint
  • 代码规范
  • 代码检查
  • Prettier
  • 代码格式化
  • 风格统一

后端技术栈

核心框架

  • Flask 2.x
  • Web 框架
  • 路由系统
  • 中间件
  • SQLAlchemy
  • ORM
  • 数据库操作
  • 模型关系

扩展

  • Flask-Migrate
  • 数据库迁移
  • 版本控制
  • Flask-JWT-Extended
  • JWT 认证
  • 令牌管理
  • Flask-CORS
  • 跨域支持
  • 安全配置
  • Flask-SQLAlchemy
  • 数据库集成
  • 连接池

工具库

  • Marshmallow
  • 数据序列化
  • 数据验证
  • PyJWT
  • JWT 处理
  • 令牌生成
  • Redis
  • 缓存
  • 会话管理

开发工具

  • pytest
  • 单元测试
  • 集成测试
  • black
  • 代码格式化
  • flake8
  • 代码检查

数据库

MySQL 8.x

  • 主从复制
  • 索引优化
  • 事务支持
  • 存储过程

Redis 6.x

  • 缓存
  • 会话存储
  • 消息队列
  • 计数器

部署环境

Docker

  • 容器化
  • 镜像管理
  • 网络配置
  • 数据卷

Nginx

  • 反向代理
  • 负载均衡
  • SSL 证书
  • 静态文件

Gunicorn

  • WSGI 服务器
  • 进程管理
  • 日志记录
  • 性能优化