查看原文
其他

一个超级好看的开源的后台管理框架

猿哥 GitHub猿 2022-07-01

推荐关注

责编:猿哥 | 来源:GitHub黑板报 整理

往期文章:一套全部代码开源的自动化测试平台,吊到不行!


正文

大家好,我是GitHub猿。今天,推荐一个系统项目。猿哥第一次使用就有点上头,爱不释手,必须要推荐给大家。

上次是谁要的系统项目啊,猿哥帮你找到了。

这是我目前见过最好的系统项目。功能完整,代码结构清晰。值得推荐。

📚 项目介绍

最近猿哥在逛网站的时候发现一个不错的开源项目,这个项目目前收获了 1.1K Star,我猿觉得不错,值得拿出来和大家分享下。

本项目是基于 Vue3.2、TypeScript、Vite2、Pinia、Element-Plus 开发的一套后台管理模板。扩展:接私活儿

目前这个开源的后台管理框架的功能如下:

  • 🍓 使用 Vue3.2 开发(单文件组件 <script setup>

  • 🍇 采用 vite2 作为项目开发工具(配置了 Gzip 打包、图片压缩、跨域代理、打包预览工具……)

  • 🍉 整个项目集成了 TypeScript (完全是为了想学习 🤣)

  • 🍍 使用 pinia 替代 Vuex,轻量、简单、易用(香啊~🤤)

  • 🍎 使用 TypeScript 对 Axios 整个二次封装 (全局错误拦截、常用请求封装、重复请求取消……)

  • 🍌 对表格的所有操作基本都封装成了 Hooks (表格搜索、重置、查询、分页、多选、单条数据操作、文件上传、下载、格式化单元格)

  • 🍐 基于 Element 二次封装 Pro-Table 组件 ,表格页面全部传成配置项 Columns

  • 🍊 支持 Element 组件大小切换,i18n 国际化(暂时没配置所有文件,根据项目自行配置)

  • 🍉 使用 prettier 统一格式化代码,集成 Eslint 代码校验规范

  • 🥭 使用 vue-router 进行路由权限拦截、按钮权限设置

  • 🍈 使用 keep-alive 对整个页面进行缓存,支持多级嵌套页面(路由里可配置)

  • 🥥 常用自定义指令开发(复制、水印、拖拽、节流、防抖、长按……)

具体介绍,我就不多说了,直接看预览的效果图吧。

是不是非常不错呢?

最后,想学习这个项目的可以查看项目地址:

项目源码,怎么领取?

源码获取

牛逼啊!接私活必备的 N 个开源项目!

扫码下方二维码,后台回复【模板】即可获取所有系统

欢迎有需要的同学试试,如果本文对您有帮助,也请帮忙点个 赞 + 在看 啦!❤️

在 GitHub猿 还有更多优质项目系统学习资源,欢迎分享给其他同学吧!

--END--


猿哥个人微信


添加猿哥个人微信即送一份惊喜大礼包


→ 技术资料共享

→ 技术交流社群



版权申明:内容来源网络,版权归原创者所有。除非无法确认,我们都会标明作者及出处,如有侵权烦请告知,我们会立即删除并表示歉意。谢谢!

往日文章:
推荐一套开源通用后台管理系统(附源码)
一款神奇的极客工具,用了永无 Bug
推荐一个酷炫的监控系统(附源码)!
看看人家那 IM 即时通讯系统,那叫一个优雅(附源码)
一套全部代码开源的快速开发平台,毫无保留给个人及企业免费使用
10.4k Star,这个开源项目有点强!
一款神仙儿企业级代码生成器系统!阿里最新企业级低代码平台,到吊炸裂!牛逼,团队工作的神器开源了!
太卷了, 某公司把自家运营多年的核心系统(智慧系统)完全开源了....

最近,GitHub猿建了一个「GitHub猿交流群」,欢迎大家一起交流优秀开源项目,也可以宣传自己的开源项目,在 「GitHub猿」公众号后台回复【加群】邀请你入群。

你点的每个赞,我都认真当成了喜

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存