vlambda博客
学习文章列表

Flask + Ant Vue 前端后分离开发实战(1)-前言

前言

使用Flask也有些时间,总体感觉还是比Bottle略优势,加上相关的插件也会比较丰富,整合起来也会方便很多。

1 项目说明

因为目前开发模式多数形式是趋于前后端分离的模式进行项目的协作开发,前后端的开发人员各司其职,鉴于此我司的项目也是基于前后端的方式进行开发。需要说明的是,本人也并非专业的前端,略懂Vue,所以我只能基于开源的一些项目进行开发,比较项目需求也是快速,基于已有的东西上进行来发的话,这样也可以快速达到的目标。

2 项目截图

Flask + Ant Vue 前端后分离开发实战(1)-前言
Flask + Ant Vue 前端后分离开发实战(1)-前言
Flask + Ant Vue 前端后分离开发实战(1)-前言
Flask + Ant Vue 前端后分离开发实战(1)-前言
Flask + Ant Vue 前端后分离开发实战(1)-前言
Flask + Ant Vue 前端后分离开发实战(1)-前言
Flask + Ant Vue 前端后分离开发实战(1)-前言

3 项目环境

前端

  • ant design pro vue
  • ant-design-vue-jeecg

后端

  • flask 框架
  • PostgreSQL 数据库
  • redis 缓存
  • celery 异步消息队列(异步任务)
  • websocker 即时消息推送(通知推送)

后端主要依赖库

  • APScheduler==3.6.3
  • attrs==20.2.0
  • bcrypt==3.1.7
  • billiard==3.6.3.0
  • blinker==1.4
  • cachelib==0.1.1
  • captcha==0.3
  • celery==5.0.5
  • click==7.1.1
  • fire==0.3.1
  • Flask==1.1.1
  • Flask-APScheduler==1.11.0
  • Flask-Caching==1.8.0
  • Flask-Cors==3.0.9
  • Flask-Excel==0.0.7
  • Flask-Limiter==1.2.1
  • Flask-SocketIO==4.2.1
  • Flask-Sockets==0.2.1
  • gevent==1.5a4
  • gevent-websocket==0.10.1
  • greenlet==0.4.15
  • gunicorn==20.0.4
  • loguru==0.4.1
  • peewee==3.13.1
  • Pillow==7.0.0
  • psycopg2==2.8.4
  • pyexcel==0.5.15
  • pyexcel-io==0.5.20
  • pyexcel-webio==0.1.4
  • pyexcel-xls==0.5.8
  • pyexcel-xlsx==0.5.8
  • PyJWT==1.7.1
  • shortuuid==1.0.1
  • WTForms==2.2.1
  • xlrd==1.2.0
  • XlsxWriter==1.2.8
  • xlwt==1.3.0

Linux部署

  • pyenv+pipenv+flask+gunicorn+nginx+supervisor
  • docker

4 后端项目结构

5 前端项目结构

END

后续会继续抽时间把之前做的东西做相关的整理和输出!

小钟同学 | 文  【原创】【转载请联系本人】| QQ:308711822