Fes.js前端应用解决方案

联合创作 · 2023-09-20 02:25

Fes.js 是“快速、简单、健壮”的前端应用解决方案,包含 Fes-Cli、Fes-Core、Fes-UI 三部分。能够管理从开发到部署的全链路完成流程,提供模板项目、cli 命令行工具、丰富的 PC 端组件和一系列 API,提效中后台开发能力,让开发更专注的聚焦于业务逻辑。

  • Fes-Cli是命令行工具,一行命令创建工程、开启开发调试、打包发布。
  • Fes-Core是运行时框架,固定页面布局,提供权限管理、储存管理、路由管理、接口管理、状态管理、数据字典管理、环境管理等API。以插件的方式提供扩展接口。
  • Fes-UI是组件库,包含30+的PC端组件库,可以快速搭建出增删改查等页面

 Fes.js框架

 Fes是一整套解决方案。包含fes-clifes-corefes-ui三部分。
fes-cli是命令行工具,解决创建工程、开发调试、打包发布。
fes-core是框架核心,对Vue的API做了一些增强。建议先阅读学习Vue2.0,再阅读运行时框架
fes-ui是一套基于Ant.design设计理念的PC端组件库。

架构

使用场景

  • 管理系统前端的高效开发

快速搭建项目环境,封装后台管理应用的常用模块;固定应用布局,让开发者只需要关心用组件搭建页面。

  • 满足高质量和高稳定性运行

Fes.js 稳定的底层架构结合上层质量保障体系,配合整套经过线上验证的技术栈,可以保障应用上线稳定运行。

  • 支持国际化版本

Fes-Core和Fes-UI支持了国际化能力,可以轻松实现管理台应用的国际化支持。

演化过程

在使用Vue开发管理台过程中,实现业务需求积累了一些相对通用的组件,经过重构让组件更通用后ui-webank组件库诞生。

使用组件库开发管理台应用,效率得到提升。但是其中依然有很多内容,例如布局、菜单、权限、接口请求能力是类似的,为何不把管理台应用中其他通用的能力抽象出来,实现一个框架封装这些能力呢?于是Fes.js诞生了。

Fes.js 核心设计原则是“让开发者少写”,愿景是 “Fast 、Easy、Strong”。
从功能上 Fes.js 分为 Fes-CLI、Fes-Core 和 Fes-UI 三部分,在开源前经历过一次大的架构变更 v1.0 版本 Fes-ClI 和 Fes-Core 同属于一个包,这样带来一些问题:

  • Fes-CLI 和 Fes-Core 在同一个 npm 包,每次 Fes-Core 更新顺带更新 Fes-CLI 的版本,也就是用户需要重新全局安装一次fes命令;

  • Fes-Core 强依赖 Fes-UI,在代码中使用了 Fes-UI 的 Message 组件,Fes-Core 的 package.json 写死 Fes-UI的版本。导致每次升级 Fes-UI 版本需要同时升级 Fes-Core 版本,用户需要重新安装 fes 命令。

在 v2.0 版本中完全解耦三个模块,由项目决定 Fes-Core 和 Fes-UI 的版本。 

加入 Fes.js社区

我们已迈出了第一步,虽然目前不能更全面的实现某些功能,随着时间的推移,这部分功能一定会越发完善,希望这些可以帮助开发者们更好的进行开发。

在此诚邀关注前端开发的你,参与到 Fes.js 项目中来,我们欢迎任何形式的贡献,有任何建议或意见可在 GitHub/ gitee /微信群中提issue,期待你的到来。

欢迎联系项目负责人Harry:harrywan@webank.com

文档

详细使用请查看 文档

浏览 3
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报
评论
图片
表情
推荐
点赞
评论
收藏
分享

手机扫一扫分享

编辑 分享
举报