一、项目权限分析 一个项目我们如何做好权限管理,取决于项目实际应用场景,比如说我们要做一个内容管理后台,可能只是简单的几个角色,我们就没有必要做的很复杂,只是需要一个权限模块,分为超级管理员,中级管理员,普通管理员,然后在新建用户的时候绑定到用户表上就行了,这样就可以满足日常需求了,这样的权限完全有我们...
关于使用ElementPlus构建后台管理系统,我们可以从以下几个方面进行详细阐述: 1. ElementPlus的概念和特性 ElementPlus是一个基于Vue 3的开源UI组件库,它是Element UI的升级版。ElementPlus提供了一系列常用的组件和样式,如按钮、表单、表格等,可以帮助开发者快速构建出美观且功能丰富的用户界面。其特性包括丰富的组件库...
1.初始化项目 vue create element-test 1. 2.安装 npm i element-ui -S 1. 3.Vue 插件 + 引用样式 //main.js import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(ElementUI) 1. 2. 3. 4. 5. 4.element-ui 案例App.vue <template> <el-button @c...
经过一段时间的打磨(具体忘了),迎来管理系统的第一个版本, 相较于其他后台管理模板,本后台管理模版只包含基本的刷新,全屏以及暗黑模式效果。本模板只供学习使用,难免会存在一些bug,还请见谅。 😀 项目介绍 一个基于Vue3.4+Element-plus+Vite搭建的轻量级后台管理模板,本项目分一个登录接口和一个用户信息接口,并且...
用户管理 日志 个人中心 image.png 项目技术栈 前端部分主要技术栈:vue3 element-plus pinia tailwindcss...
tagsview 现在的后端管理平台现在基本上成必须了,先看下效果。 代码实现 总体思路: 利用keepalive和routeLink解决,数据是通过vuex进行管理。 数据的来源:同样是监听路由变化的时候添加route 代码引用@/components/tags-views/Index.vue 代码语言:javascript
Geeker-Admin 是一款基于 Vue3、Element Plus 等技术开发的中后台管理系统开发模板。提供了丰富的组件和常用的 Hooks 封装，支持权限管理，主题配置等功能，简单易上手。项目技术栈：Vue3 + TypeScript + Vite + Element Plus + Pinia + Axios。项目安装环境：Node.js 16.x+、pnpm 7.x+、Git。部分页面预览：...
Vue3 + TypeScript + Element-Plus:从0到1构建高效后台管理系统 随着Vue3和Element-Plus的发布,我们需要对vue-element-admin进行升级,以适应新的技术栈。本文将从零开始,详细介绍如何构建基于Vue3、TypeScript和Element-Plus的后台管理系统。 一、项目初始化 首先,我们需要使用Vue CLI来创建一个新的Vue3项目。在终...
Element-Plus Vite 2.0 Vue-Router Echarts 5.0 Axios 主要技术栈为 Vue 3.0 和 Element Plus,Vue 3.0正式版本已上线半年有余,之后又看到 @iamkun 大佬发了一篇文章《? Element UI for Vue 3.0 来了!》,文章中有提到 Element Plus 正式发版,就想着用它来重构之前写的一个后台管理系统,然后又尝试了一下 Vite...
项目vue3-admin的开发时间应该是在 2020 年的 12 月份,当时看到 @iamkun 大佬发了一篇文章《🎉 Element UI for Vue 3.0 来了!》,文章里有提到 element plus 正式发版,就想着用它来重构之前的后台管理系统。 不过这次花的时间有点久,到今天为止已经差不多 4 个月了,刚开发完,还在测试阶段。因为我的时间比...