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