凡是使用Vue.js开发管理系统的前端工程师,几乎都接触过vue-element-admin开源模板框架,并能得心应手地使用它。
模板归模板,用起来虽然舒服,但要开发定制化业务时,该怎么办呢?
作为前端工程师,我们通常会接触非常多的Web端项目,例如:小程序、官网、H5和企业管理后台……
尤其是管理后台,它几乎是每家企业必不可少的项目。如果你不了解管理系统的整体框架,就无法随心所欲地变换业务需求。
管理后台项目可大可小,大如SASS、CRM,小如信息统计、数据报表。
无论大小,管理后台项目往往都绕不开“用户权限” “资源安全” “文件规划”等几个方面。
用户权限是管理后台的基础,在企业中,分工不同的员工,其可操作的权限、可查看的数据也有所不同。
例如:一家规模在几百人的企业,分为研发部、销售部、财务部、人事部等。
- 人事部:负责人员信息、招聘信息、员工入职、转正、调岗、离职等管理工作。
- 财务部:负责成本预算、记账报账、核算、发放工资、归档发票等工作。
全体企业人员都在系统中办公,在线上发起流程及审批流程等。
在这种场景中,不同的部门人员,在进入管理后台后看到的功能菜单是不同的,又或者在同一个菜单中所看到的可操作按钮也有所不同。
- 比如,对于【人员信息】页面,人事部和财务部都能查看,但人事部有【转正】按钮的操作权限,财务部却没有。
- 再比如,对于【工资界面】页面,A成员仅能查看自己的每月工资发放信息,而无权查看其他人员的工资发放信息。
上面所提到的仅是一些基础的用户权限,相对来说,复杂程度并不是很高。
关于权限方面的内容,比如“路由权限”和“按钮权限”的设计,通过第12章学习,我们可以全面地了解权限的设计模式及逻辑路由。
资源,我们可以将其理解为企业的一切数据、资料等。只有作为企业内部人员,才有资格进入管理后台。
如果非企业人员进入管理后台,那么可以识别为“非法”行为,需在第一时间将该人员踢出管理后台,确保资源的安全性。
这种场景就好比用正确的“钥匙”打开正确的“门”,在互联网中,这便是对人员的身份机制的验证:企业人员使用账号和密码登录后台,我们为该人员生成“密钥”,通过密钥匹配数据库,判断其是否可以安全地进入管理后台。
第8章详细讲解了用户登录并进入管理后台的整体过程,包括在这个过程中所发生的安全验证、识别用户、清除数据等一系列的操作,使管理后台更加安全。
无论是什么样的管理后台或软件工具,都是由不同的文件、文件夹组成的,它们的组合形成了最终的工具。
因此,熟悉管理后台的整体运作,也有助于合理地划分框架、分配和管理文件。
遗憾的是,很多入门或经验较少的前端工程师无法了解管理后台的整体面貌,因此在工作上会造成很多问题。
如果不了解管理后台文件的分布情况,就直接上手开发项目,怎么快怎么来,文件复制来、复制去、Ctrl+C、Ctrl+V……结果会出现很多重复的东西。
在大型的管理后台项目中,会有更多更细致、可重复使用的组件,例如:Table表格组件、Form表单表组。
在开发项目时,如果没有“组件封装”思想,而是以传统的方式开发,不但会使管理后台的功能不一致,还会浪费大量的时间,并且产生很多Bug。
项目文件规则、框架规则等业务多种多样,切忌纸上谈兵,只有通过不断的实践,才能亲身体会到其中的关窍。
第9章和第11章从实战的角度介绍了传统模式和组件化模式开发的根本区别,以便于读者更深刻地理解管理后台的整体业务结构。
《Vue.js 3.0企业级管理后台开发实战:基于Element Plus》详细介绍了管理后台各业务模块及项目文件,全景还原企业内部项目开发过程,带你轻松实现自主搭建管理后台。
获取本书https://item.jd.com/13443805.html
全书深入浅出地介绍了企业内部初立项目、原型、PRD文档、UI稿件、业务逻辑、项目开发流程、API接口联调和项目部署的方方面面,揭示了企业内部真实的项目开发流程。
通过本书,你将学习到:
企业内部开发项目的标准流程;
如何通过项目原型和PRD文档开发业务需求;
如何使用后端提供的API接口与前端联调数据。
尤其是在校学生和初入职场、实践经验不足的小白,可以从本书中更深一步地获取真实的项目经验,熟悉管理后台的运作,并且能够完全自主地开发管理后台,从同行中脱颖而出。
此外,本书还提供了项目代码仓库,包含大量的资源和示例,你完全可以将它作为编写代码的指南。