Skip to content

一个基于Vite Vue3 Element-Plus Pinia 的 通用Admin系统

Notifications You must be signed in to change notification settings

v-geek/Ep-Admin

Repository files navigation

Ep-Admin

简介

Ep-Admin 是一款开源免费的中后台管理系统模版, 使用最新的 Vue3ViteTselement-plusPiniatailwindcss 等主流技术开发

在线预览地址

点我预览

登录相关

项目截图

  • 正在开发中...

Ep-Admin Ep-Admin Ep-Admin Ep-Admin Ep-Admin

项目功能

  • 主题切换, 暗黑模式, 菜单栏搜索, 按钮权限指令封装

  • 原生 websocket 封装, Echarts 组件

  • 二次封装 el-progress 组件, 使其支持动画

  • 自定义 SvgIcon、iconify 组件, 使用 SvgLoader 插件 图标随心使用

  • 自定义 Tabs、Dialog、Modal、Upload、地图选点 等常用组件, 忘记实现思路, 看一下代码便知

  • 通用文件下载

  • 二次封装文件上传组件, 支持图片裁剪

  • 省市区 级联选择 组件, 省市区 select联动 选择组件, 新增, 编辑 v-model一键绑定

  • 支持输入错误 url 打开 404 页面

  • 使用 keepAlive 对页面进行缓存,支持多级嵌套页面缓存

  • 使用 Vue3.3 + Tsx 开发, 提升代码性能

  • 支持 路由权限拦截、页面按钮权限配置、路由懒加载、菜单动态权限

  • 点击 Tab 和面包屑进行跳转时, query 不会丢失

  • 更多功能正在持续完善中...

安装使用

  • 获取项目代码
git clone git@github.com:v-geek/EP-Admin.git
  • 安装依赖
cd Ep-Admin
pnpm install
  • 运行
新建 .env.development 文件
cp .env.development.default -> .env.development
pnpm run dev
  • 打包
pnpm run build:pro

todo-list

  • searchTable优化
  • 多种布局模式
  • 使用 spring-cloud 开发后端接口

支持

如果觉得本项目还不错或在工作中有所启发,请在 Github 帮助开发者点亮星星,这是对开发者最大的支持和鼓励!

接口功能梳理如下

技术栈: spring-boot mybatis-plus mysql

功能模块: ( 开发中... )

  • 登录注册
  • 用户管理模块
  • 菜单管理模块
  • 角色管理模块
  • 图片上传, 文件上传, 下载