Geeker-Admin 简洁高效后台管理框架

前言

Geeker Admin:基于Vue3.4、TypeScript、Vite5、Pinia和Element-Plus的开源后台管理框架。

项目介绍

Geeker-Admin一款基于最新技术栈(Vue3.4、TypeScript、Vite5、Pinia、Element-Plus)的开源后台管理框架。

该项目采用先进的开发工具和技术,提供了强大的ProTable组件以提升开发效率,并封装了多种常用组件、Hooks、指令、动态路由及按钮级权限控制功能。

项目功能

技术栈 :基于Vue3.4和TypeScript,采用单文件组件 <script setup>。

构建工具:使用Vite5进行开发与打包,支持gzip/brotli压缩、tsx语法和跨域代理。

状态管理:采用Pinia替代Vuex,更轻量且易于使用,并集成持久化插件。

网络请求:对Axios进行全面封装,包括请求拦截、取消以及常用请求方法。

表格组件:基于Element UI二次封装的ProTable组件,支持通过配置项Columns实现表格功能。

主题与国际化:支持Element组件尺寸切换、多主题布局、暗黑模式及i18n国际化。

路由管理:利用VueRouter实现动态路由权限拦截与懒加载,并支持页面按钮级别的权限控制。

页面缓存:通过KeepAlive实现页面缓存及多级嵌套路由缓存。

自定义指令:开发了一系列常用指令,如权限检查、复制、水印、拖拽、节流、防抖和长按等。

代码质量:集成Prettier统一代码格式,并使用ESLint和Stylelint进行代码校验。

提交规范:借助husky、lint-staged、commitlint、cz-git等工具规范提交信息。

项目效果

1、在线体验

admin.spicyboy.cn

2、效果页面

首页

超级表格

数据统计

数据大屏

项目地址

GitHub:github.com/HalseySpicy...

Gitee:gitee.com/HalseySpicy...

文档地址:docs.spicyboy.cn

最后

如果你觉得这篇文章对你有帮助,不妨点个赞支持一下!你的支持是我继续分享知识的动力。如果有任何疑问或需要进一步的帮助,欢迎随时留言。

也可以加入微信公众号 DotNet技术匠 社区,与其他热爱技术的同行一起交流心得,共同成长!

优秀是一种习惯,欢迎大家留言学习!

相关推荐
FungLeo3 小时前
成为全栈·React 管理后台篇·总复盘:从“接口能调通”到“后台值得使用”
前端·react.js·前端框架·项目复盘·成为全栈
Csvn5 小时前
并发模式:让渲染学会排队、插队和让路
前端
可乐鸡翅yeah_5 小时前
新手梳理:M3U8 线上问题,哪些是前端锅,哪些是后端锅
前端·ios·音视频·实时音视频·m3u8·音视频在线播放
Flynt5 小时前
Linear 用 1000 个 PR 换掉 styled-components,我写了 200 个按钮,把这笔账复现了一遍
前端·css·preact
JavaGuide6 小时前
NVIDIA 又开源了!这次给 AI Agent 加上权限管控
前端·后端
excel6 小时前
prisma 如何处理数据库竞态
前端·数据库·后端
莪_幻尘7 小时前
Skill 体检:30 个 Skill 全凭感觉?体检器先自曝了 8 个“假 0 分
前端·人工智能·llm
风骏时光牛马7 小时前
AI模型综合能力评测:性能、指令遵循与多场景实测对比
前端
Frag0ut7 小时前
Chrome与Chromium内核浏览器在Windows 11上的新特性全景解析
前端·chrome·windows·web安全·chromium·gemini ai·playready drm
hiahiahia1238 小时前
实现完整 Tool Dispatcher
开发语言·前端