Fes是什么?
Fes 是基于 Vue2.x 的中后台前端框架,目的在于提效中后台开发,降低开发门槛。提供一系列基础能力,让开发只关注业务逻辑。
Fes 诞生的原因
在一个互联网企业内部会有很多管理台需求,满足技术和非技术人员对数据的增、删、改、查的操作。基于一个现在流行的前端框架开发一个管理台需要如下步骤:
这些管理台功能类似,会有很多共性。例如上图开发环境的搭建、环境配置、写需求页面前的准备等等,每个管理台都来一遍会产生大量重复而繁琐的工作,一些后端开发人员对前端流程没那么熟悉的更是挠头。Fes应运而生,抽象通用能力,管理开发到部署整个流程,降低开发的门槛,减少开发的工作量。用了 Fes 的开发流程变成:
Fes 的设计
Fes提供的是一整套解决方案。包含fes-cli、fes-core、fes-ui、fes-plugin四部分。
fes-cli
fes-cli 是一个命令行工具,用于创建工程、构建开发环境以及打包发布。还会根据应用下的 page目录自动生成 router 的配置,提供给 fes-core 创建 vue-router 实例,用户就不再需要手动编写繁琐的 router 配置。router 生成规则如下:
fes-core
fes-core 是框架的核心,内置了很多通用的能力,包括项目布局、权限管理、全局状态管理、api 情况封装等等,这里举两个简单的例子