后台框架复用性及扩展性解决方案探寻之旅

3,134 阅读3分钟

框架复用性及扩展性解决方案

文章视频和文章大部分来自于极客时间的每日一课, 需要会员, 这里有优惠券, 非广告~

灵魂叩问:

  • 一个框架如何如何适用多个项目或系统,难道新项目来了,把业务代码删除后,复制粘贴一把梭?
  • 后台系统到处都是类似的表单、表格、图表,很多时候都在复制粘贴,难道不是在浪费生命?
  • A项目写了一堆组件到B项目又来一遍,各个项目重复造轮子,有意思?
  • A项目写了一堆组件,都复制到B项目,一个文档也没有,难道让人读你写的垃圾代码?
  • 组件不复制粘贴了,而形成了npm包,发布到私有仓库,组件A、组件B、组件C依赖于组件core,当core更新后,难道要一个一个的去升级A、B、C??

国内已有实践

  • 阿里巴巴 umijs,通过cli工具,打通从创建到发布全流程;
  • 百度 amis,前端低代码框架,通过 JSON 配置就能生成各种后台页面;
  • 阿里巴巴 飞冰,可视化构建页面;

相关文章和视频

  • 后工程化时代的通天塔: 通过一站式可视化平台, 打造了前后端比例20:1的效果, 并且达到了前端无需写页面,让后端和业务人员写页面的效果;
  • 51 信用卡前端研发基础体系建设与工程化演进: 前端从0到1, 从工具化到平台化, 用工程的思维解决人工问题, 51信用可团队的工程实践值得中小公司借鉴;
  • VUE组件库建设实践: 组件库建设实践, 解答了什么的组件库是好的, 如何管理和维护组件库以及组件库的发展方向;
  • 框架开发中的基础设施搭建: 本篇文章主要分享了一个在大多数公司都会遇到的问题即: 1个框架怎么适用于多个项目? 作者从公司的实践给了一些建议和解决思路;
  • 蚂蚁金服前端框架和工程化实践: 主要介绍了 umi 一统江湖的历程, 用 cli 工具打通从项目创建到发布上线的全流程赋能, 极大降低开发的难度, 值得思考和借鉴;
  • 前端路上的思考: 阿里前端委员会主席, 以史为鉴, 分析了当下前端的发展趋势, 为我们发展提供借鉴意义, 以及发出了灵魂叩问, 为什么总是别人引领趋势, 是我们能力问题吗, 是我们没思考吗, 值得我们学习和反思。

后台框架复用性及扩展性解决方案探寻之旅

框架复用性问题

基础框架(三种可选方案)

  • vue-cli 3.x preset 项目模板
  • git 简单管理框架项目
  • 自研 cli 工具

组件库建设

版本依赖更新问题

  • 基础组件
  • 业务组件
  • 块级组件
  • 页面组件
  • 组件及页面可视化生成

功能拆分

  • 监控体系(异常、性能、用户行为...)
  • MOCK
  • 部署
  • 权限
  • 路由
  • ...

扩展性

模块拆分

  • 微前端
  • MPA

如果您有其它好的解决方案分享,一定在下方留言,重要人人献出一份爱,世界将变成美好的人间!