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

Posted 小儿来一壶枸杞酒泡茶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Flask + Ant Vue 前端后分离开发实战-前言相关的知识,希望对你有一定的参考价值。

前言

使用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


以上是关于Flask + Ant Vue 前端后分离开发实战-前言的主要内容,如果未能解决你的问题,请参考以下文章

Django 3 + Vue.js 前后端分离Web开发实战

Vue.js+Koa2移动电商实战-1

Python前后端分离开发Vue+Django REST framework实战_Django REST framework框架

Python 3+Django 3 结合Vue.js框架构建前后端分离Web开发平台实战

vue你真棒

Vue 开发实战实战篇 # 26:Ant Design Pro介绍