Vue + Element Plus 实现权限管理系统(前端篇)

在后台管理系统中,一般都会有个人中心页面用于修改查看我们的账户信息、修改密码等。本篇文章将使用vue和elementplus来实现我们后台权限管理系统的个人中心页面。最终效果如下 可以查看我们当前的账

最近这段时间工作不忙,想着提升一下自己的技术,沉淀沉淀。于是做了一个开源的后台权限管理系统。因为我本身是一个前端开发,所以前端和服务端都是用的 JS 语言来开发的,前端用的框架是 vue3,后端则用的

文接上回,上篇文章我们已经使用NestJS实现了后端部分的 excel 的导入和导出功能。本篇文章我们将介绍根据后端提供的接口如何在前端实现 excel 的导入和导出功能。实现效果如下图所示 点击导出

在权限管理系统中,用户管理是一个非常重要的功能,它可以让管理员对系统中的用户进行添加、修改、删除、禁用和查询等操作,从而实现对系统的安全管理和用户的权限控制。本篇文章将详细介绍前端如何实现用户管理功能

在权限管理系统中,角色管理是一个非常重要的功能,它可以让管理员为不同的用户分配不同的权限,从而使拥有这些角色的用户拥有这些权限。本篇文章将实现角色管理的功能,包括角色的创建、编辑、删除、查看等操作。

本篇文章开始我们便进入了真正的页面开发阶段,首先要做的是一个菜单管理的页面,所实现的功能其实就是对菜单的增删改查功能。效果图如下 其中条件查询部分使用elementplus的el-form组件,先定义

在 Vue 中"指令"相信大家都不陌生,比如v-if,v-for,v-model等等,这些都是 Vue 中内置的指令。在 Vue 中指令其实也可以自定义,本篇文章就带大家来看一下如何使用自定义指令来控

在 Vue 中，默认情况下，当一个组件实例被替换后会被销毁，导致丢失所有已变化的状态。这意味着当组件再次显示时，会创建一个只带有初始状态的新实例。然而，有时候我们希望在页面切换到其他页面再返回时能够保

本篇文章要实现的功能如下图所示 面包屑导航 面包屑导航在后台管理系统中是一个非常常见的功能,它用于显示用户当前所在页面的位置路径。通常以层次结构的方式呈现，从首页或主目录开始，逐级显示用户所访问的页面

在菜单权限管理开发中，通常需要根据后端返回的菜单列表递归渲染左侧菜单栏以及动态加载路由，这样可以确保用户无法访问没有权限的菜单。为了实现这个功能，我们需要进行以下步骤： 获取菜单列表数据：调用菜单接口

上一篇文章已经完成了对前端项目的相关配置,接下来便开始我们项目的开发。首先要做的是完成我们的登录页面以及相关接口的调用。 首页打开我们的接口文档地址:http://localhost:3000/fs_

本篇文章开始介绍项目前端部分的开发。项目将使用 Vue 的最新版本 vue3.5 版本进行开发,UI 则使用ElementPlus,样式部分将采用scss和tailwindcss进行编写,状态管理使用

前言 这是Vue3+NestJS实现权限管理系统系列文章第一篇文章,这个系列我曾经写过多篇文章,但是写完之后回过头来再看里面有很多遗漏以及不足之处,所以决定重新梳理这个系列,并从头开始开发一个完整的V