如何快速搭建一个功能齐全中后台前端框架?

5,298 阅读3分钟

云前端

吹个牛逼,其实我也只是按着这个想去总结归纳

我们可以把云计算理解成一栋大楼,而这栋楼又可以分为顶楼、中间、低层三大块。那么我们就可以把Iass(基础设施)、Pass(平台)、Sass(软件)理解成这栋楼的三部分。基础设施在最下端,平台在中间,软件在顶端。别的一些“软”的层可以在这些层上面添加。

前端可以借用云计算思想开发一个体系化的架构出来 前端分层:

  1. iass 层:基础库封装(route,request、laguage等等)
  2. pass 层:典型的交互场景封装,与业务逻辑无关(权限校验登录流程、loading在route,request时候的交互场景呀)
  3. sass 层:与业务强关联的某⼀类业务封装、交由项⽬开发(多个项目用到或多个页面用到的业务逻辑)

说这么复杂,我就想快速搭建解决事情,偷个懒,打个盹。

初衷为了偷懒

接触前端中后台前端开发已有五年;做过普通应用页开发者,也在前端架构组待过;

感觉后台系统基本上就是那些千变一律的东西,是比较简单稳定的;那么能不能把所有的场景全部通过配置服务的形式,然后快速构建出来呢?

麻烦

  1. 菜单也有手动配、开发环境配、灰度配置、正式还要配置,累不累
  2. 权限还需要在各种环境手动配置
  3. 我不想知道你框架怎么写的、打包怎么写的,我就想拿来直接用
  4. 我不想文件这里一个那里一个,找来找去,写错地方了
  5. 我希望后台的所有功能我都有,直接调用就好了,而且要很方便,甚至不需要引用,它会自动加载进来;比如在当前菜单页目录下写一个lang.json,我再页面里面直接使用this.$lang.XXX就可以获取到当前语言值,什么作用域隔离,都是你框架该做的事情
  6. 工程化考量、你架构也需要考虑啊;什么git提交自动eslint,git commit格式化,代码发布、部署、统统需要考虑到位呀
  7. 后台项目开发vscode好用的插件库,的推荐到位,安装到位

能不能要架构师站在开发人员的角度思考问题?

由于后台开发大多数是什么稳定成熟的、不要让页面开发这么麻烦,怎么让开发简单,就怎么来布局架构;而不是说那些大道理,工程化考量、性能问题、其实那些道理大多数是因为没有找到合适的解决方案,然而决定权在架构师,他怎么方便就怎么来了

用UE的视角看问题,把页面开发者,当做一个产品使用者
架构师应该有的思维:页面开发者是我的客户,客户是上帝
不会偷懒的程序员,不是好程序员

尝试

想要了解更多详情;请看文档
如果喜欢,请为手脚架地址点个赞哦
DEMO

趁热度

微前端

微前端架构是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将 Web 应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。

微前端主要解决以下问题

  1. 后台比较分散,体验差别大,因为要频繁跳转导致操作效率低,希望能统一收口的一个系统内
  2. 单页面应用非常庞大,多人协作成本高,开发/构建时间长,依赖升级回归成本高
  3. 系统有二方/三方接入的需求 总结:后端解耦,前端聚合
最近大家都在谈论微前端,微前端只是云前端的一个子集,一个pass服务哦