摸透管理系统和后台开发流程,不做前端菜鸟

凡是使用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》详细介绍了管理后台各业务模块及项目文件,全景还原企业内部项目开发过程,带你轻松实现自主搭建管理后台。

摸透管理系统和后台开发流程,不做前端菜鸟

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

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

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

通过本书,你将学习到:

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

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

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

摸透管理系统和后台开发流程,不做前端菜鸟

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

(0)
上一篇 2022年12月6日 上午8:42
下一篇 2022年12月6日 上午8:44

相关推荐

  • 通达信链接大全

    通达信链接大全 通达信是一款非常受欢迎的股票交易软件,其用户数量众多,因此有很多不同的链接可以用来访问该软件。在本文中,我们将介绍一些常用的通达信链接,并提供一些有用的建议,以便您…

    科研百科 2024年11月30日
    1
  • 高质量教育体系大家谈|葛保红:丰富教育党校的工作样态 努力培养“双强型”党建工作者

    教育是立国之本、兴国之基。党的二十大报告指出:“教育、科技、人才是全面建设社会主义现代化国家的基础性、战略性支撑。”蓝图绘就,正当扬帆破浪;任重道远,更需策马扬鞭。学习宣传贯彻党的…

    科研百科 2023年10月19日
    125
  • 淮安市洪金灌区2012、2013年度续建配套与节水改造项目通过竣工验收(淮安市洪金灌区管理所)

    近日,淮安市洪金灌区2012、2013年度续建配套与节水改造项目竣工验收会议顺利召开。市发改委、水利局分管领导和相关处室负责人,县区发改委、水利局分管领导,工程建设、设计、监理、施…

    科研百科 2023年9月28日
    247
  • 运营商项目管理系统

    运营商项目管理系统 运营商项目管理系统是一种用于帮助运营商管理其项目和项目的生命周期的软件系统。它可以帮助运营商更好地组织和管理其项目,提高项目效率和质量,降低项目成本。 运营商项…

    科研百科 2025年1月1日
    0
  • 数字协同办公

    数字协同办公:让工作更高效、更透明、更具创新性 随着数字技术的发展,协同办公已经成为现代组织中不可或缺的一部分。数字协同办公不仅提高了工作效率,还提供了更多的协作和沟通机会,让人们…

    科研百科 2024年8月30日
    39
  • e线天心红”凝聚“e企蓝”开启互联网行业党建新局面

    天心区开展互联网企业大走访活动助企发展。 红网时刻新闻通讯员石万红 长沙报道 为了不断扩大党在互联网领域的号召力和凝聚力,长沙市天心区深入实施“党建聚合力”工程,着力提升党建融合度…

    科研百科 2023年1月23日
    337
  • 科研项目成员分工

    科研项目成员分工 在科研项目中,每个成员都扮演着至关重要的角色。分工合作是确保项目成功的关键之一。以下是一个基本的科研项目成员分工方案,可以根据具体情况进行修改和调整。 1. 项目…

    科研百科 2025年1月5日
    0
  • 人防工程建设管理系统

    人防工程建设管理系统 人防工程是我国的一项基本战略工程,旨在为人民提供安全、可靠的饮用水和医疗服务。随着任务的不断增多,人防工程建设管理也变得越来越复杂。因此,一套完善的人防工程建…

    科研百科 2024年9月30日
    21
  • 2分钟上手、3小时学会无代码软件开发—HTML使用(html写代码软件)

    HTML是标签语言,浏览器识别网络传递的最基本的信息就是HTML标签和标签包含的内容,所有网页信息都是这种类型的,开发者用标签来标记信息内容传给浏览器,浏览器识别并解释标签要求的种…

    科研百科 2024年5月19日
    84
  • 金融信贷为牛羊业“撑腰”

      近年来,随着国家多项惠牧政策的出台,牛羊业正朝着集约化、规模化、产业化和设施化方向稳步发展。但是,资金短缺一直成为制约产业发展的重大问题。因此,如何筹措资金,为牛羊业发展提供可…

    科研百科 2022年5月13日
    288