精通管理系统与后台开发流程，告别前端新手

发表时间: 2022-11-03 23:41

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

通过本书，你将学习到：

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

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

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