凡是使用Vue.js开发管理系统的前端工程师,几乎都接触过vue-element-admin开源模板框架,并能得心应手地使用它。

模板归模板,用起来虽然舒服,但要开发定制化业务时,该怎么办呢?

作为前端工程师,我们通常会接触非常多的Web端项目,例如:小程序、官网、H5和企业管理后台……

尤其是管理后台,它几乎是每家企业必不可少的项目。如果你不了解管理系统的整体框架,就无法随心所欲地变换业务需求。

管理后台项目可大可小,大如SASS、CRM,小如信息统计、数据报表。

无论大小,管理后台项目往往都绕不开“用户权限”“资源安全”“文件规划”等几个方面。

摸透管理系统和后台开发流程(摸透管理系统和后台开发流程)(1)

用户权限是管理后台的基础,在企业中,分工不同的员工,其可操作的权限、可查看的数据也有所不同。

例如:一家规模在几百人的企业,分为研发部、销售部、财务部、人事部等。

全体企业人员都在系统中办公,在线上发起流程及审批流程等。在这种场景中,不同的部门人员,在进入管理后台后看到的功能菜单是不同的,又或者在同一个菜单中所看到的可操作按钮也有所不同。

上面所提到的仅是一些基础的用户权限,相对来说,复杂程度并不是很高。

关于权限方面的内容,比如“路由权限”和“按钮权限”的设计,通过第12章学习,我们可以全面地了解权限的设计模式及逻辑路由。

摸透管理系统和后台开发流程(摸透管理系统和后台开发流程)(2)

资源,我们可以将其理解为企业的一切数据、资料等。只有作为企业内部人员,才有资格进入管理后台。

如果非企业人员进入管理后台,那么可以识别为“非法”行为,需在第一时间将该人员踢出管理后台,确保资源的安全性。

这种场景就好比用正确的“钥匙”打开正确的“门”,在互联网中,这便是对人员的身份机制的验证:企业人员使用账号和密码登录后台,我们为该人员生成“密钥”,通过密钥匹配数据库,判断其是否可以安全地进入管理后台。

第8章详细讲解了用户登录并进入管理后台的整体过程,包括在这个过程中所发生的安全验证、识别用户、清除数据等一系列的操作,使管理后台更加安全。

摸透管理系统和后台开发流程(摸透管理系统和后台开发流程)(3)

无论是什么样的管理后台或软件工具,都是由不同的文件、文件夹组成的,它们的组合形成了最终的工具。

因此,熟悉管理后台的整体运作,也有助于合理地划分框架、分配和管理文件。

遗憾的是,很多入门或经验较少的前端工程师无法了解管理后台的整体面貌,因此在工作上会造成很多问题。

如果不了解管理后台文件的分布情况,就直接上手开发项目,怎么快怎么来,文件复制来、复制去、Ctrl C、Ctrl V……结果会出现很多重复的东西。

在大型的管理后台项目中,会有更多更细致、可重复使用的组件,例如:Table表格组件、Form表单表组。

在开发项目时,如果没有“组件封装”思想,而是以传统的方式开发,不但会使管理后台的功能不一致,还会浪费大量的时间,并且产生很多Bug。

项目文件规则、框架规则等业务多种多样,切忌纸上谈兵,只有通过不断的实践,才能亲身体会到其中的关窍。

第9章和第11章从实战的角度介绍了传统模式和组件化模式开发的根本区别,以便于读者更深刻地理解管理后台的整体业务结构。

摸透管理系统和后台开发流程(摸透管理系统和后台开发流程)(4)

《Vue.js 3.0企业级管理后台开发实战:基于Element Plus》详细介绍了管理后台各业务模块及项目文件,全景还原企业内部项目开发过程,带你轻松实现自主搭建管理后台。

摸透管理系统和后台开发流程(摸透管理系统和后台开发流程)(5)

Vue.js 3.0企业级管理后台开发实战:基于Element Plus

《Vue.js 3.0企业级管理后台开发实战:基于Element Plus》(杨海民)【摘要 书评 试读】- 京东图书

全书深入浅出地介绍了企业内部初立项目、原型、PRD文档、UI稿件、业务逻辑、项目开发流程、API接口联调和项目部署的方方面面,揭示了企业内部真实的项目开发流程。

通过本书,你将学习到:

企业内部开发项目的标准流程;如何通过项目原型和PRD文档开发业务需求;如何使用后端提供的API接口与前端联调数据。

尤其是在校学生和初入职场、实践经验不足的小白,可以从本书中更深一步地获取真实的项目经验,熟悉管理后台的运作,并且能够完全自主地开发管理后台,从同行中脱颖而出。

此外,本书还提供了项目代码仓库,包含大量的资源和示例,你完全可以将它作为编写代码的指南。

摸透管理系统和后台开发流程(摸透管理系统和后台开发流程)(6)

,