百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术文章 > 正文

基于 Vue3 / Vite / Pinia 等主流技术栈打造的免费开源中后台管理系统

ccwgpt 2025-06-10 13:42 23 浏览 0 评论

有一段时间没有推荐 admin 管理系统了,今天推荐一个完整度很高,教程详细,很容易上手的 admin 框架。

关于 Pure Admin

Pure Admin 是一款开源免费且开箱即用的中后台管理系统模版,内置超多页面模板以及基于 node.js 的后端开发源码,提供现成的开箱解决方案及丰富的代码示例,利用它我们可以快速搭建企业级中后台。

Pure Admin 的技术特点

  • 采用最新技术栈:在保证稳定的同时基于 Vue3、Vite、Element-Plus、TypeScript、Pinia、Tailwindcss 等最新技术栈开发
  • 轻快完善的热重载打包优化方案:无论应用程序大小如何,始终极快的模块热重载(HMR),内置完善的打包优化方案
  • 内置丰富组件工具函数,简单易上手:使用单文件组件语法 <script setup>,提供了很多丰富的开箱即用的组件和工具库
  • RBAC 权限管理可控粒度的权限:采用目前最常用的 RBAC 基于角色的权限控制( 用户 -> 角色 -> 权限 ),可配置各种粒度的权限
  • 高度可配置主题和三种菜单布局:高度可配置的主题以及暗黑主题适配,并且提供左侧、顶部、综合这三种菜单布局模式
  • 提供精简版并永久同步完整版代码:提供国际化和非国际化两种精简版本,开启 brotli 压缩和 cdn 替换本地库模式后,打包大小低于 500 KB

Pure Admin 上手开发和使用建议

Pure Admin 官网提供了非常详尽的使用文档,连同所使用的工具包,都给出了代码相关的使用方法,甚至还录制了视频教程,堪称保姆级文档教程,极易上手。

Pure Admin 完整版源码里包含我们在开发中后台管理系统时遇到的绝大多数场景,大量现成的页面模板,直接就可以使用。而精简版则是一个最小化到只有菜单、权限控制的 admin 系统,适合高度自定义开发的场景。

开始开发

从代码仓库拉取项目代码,比如拉取 Pure Admin 精简版

git clone -b i18n https://github.com/xiaoxian521/pure-admin-thin.git

然后再拉取 node.js 后端代码:

git clone https://github.com/xiaoxian521/pure-admin-backend.git

安装依赖:

pnpm install

本地启动项目

pnpm dev

这样就能在本地启动项目,然后通过简单的配置文件,就可以开始开发,熟悉 Element Plus 的直接就可以开发管理页面,和后端的数据交互参照官网 http 模块的文档,即可通过 mockaxios 完成。

值得一提的是,Pure Admin 虽然是桌面优先的,但移动端适配也非常好。

免费开源和商用说明

Pure Admin 是一个免费开源的项目,源码基于 MIT 开源协议,任何人都可以免费下载使用,也能用在商业用途,官方声明原则上不收取任何费用及版权,可以放心使用,但如果需要用 Pure Admin 二次开发并再次开源,则需要请联系作者获取许可。

关注我,持续分享高质量的免费开源、免费商用的资源。

↓↓点击查看本次分享的网址。

Pure Admin - 基于 Vue3 / Vite / Pinia 等主流技术栈打造的免费开源中后台管理系统,包含前后端源码|那些免费的砖

相关推荐

自己动手写Android数据库框架_android开发数据库搭建

http://blog.csdn.net/feiduclear_up/article/details/50557590推荐理由关于Android数据库操作,由于每次都要自己写数据库操作,每次还得去...

谷歌开源大模型评测工具LMEval,打通谷歌、OpenAI、Anthropic

智东西编译|金碧辉编辑|程茜智东西5月28日消息,据科技媒体TheDecoder5月26日报道,当天,谷歌正式发布开源大模型评测框架LMEval,支持对GPT-4o、Claude3.7...

工信部:着力推动大模型算法、框架等基础性原创性的技术突破

工信部新闻发言人今日在发布会上表示,下一步,我们将坚持突出重点领域,大力推动制造业数字化转型,推动人工智能创新应用。主要从以下四个方面着力。一是夯实人工智能技术底座。通过科技创新重大项目,着力推动大模...

乒乓反复纠结“框架不稳定”的三个小误区

很多球友由于对框架的认知不清晰,往往会把“框架不稳定”当成一种心理负担,从而影响学球进度,其典型状态就是训练中有模有样,一旦进入实战,就像被捆住了手脚。通过训练和学习,结合“基本功打卡群”球友们交流发...

前AMD、英特尔显卡架构师Raja再战GPU,号称要全面重构堆栈

IT之家8月5日消息,知名GPU架构师拉贾科杜里(RajaKoduri)此前曾先后在AMD和英特尔的显卡部门担任要职。而在今日,由Raja创立的GPU软件与IP初创企...

三种必须掌握的嵌入式开发程序架构

前言在嵌入式软件开发,包括单片机开发中,软件架构对于开发人员是一个必须认真考虑的问题。软件架构对于系统整体的稳定性和可靠性是非常重要的,一个合适的软件架构不仅结构清晰,并且便于开发。我相...

怪不得别人3秒就知道软考案例怎么做能50+

软考高级统一合格标准必须三科都达到45分,案例分析也一直是考生头疼的一门,但是掌握到得分点,案例能不能50+还不是你们说了算吗?今天就结合架构案例考点,分享实用的备考攻略~一、吃透考点,搭建知识框架从...

UML统一建模常用图有哪些,各自的作用是什么?一篇文章彻底讲透

10万+爆款解析:9大UML图实战案例,小白也能秒懂!为什么需要UML?UML(统一建模语言)是软件开发的“蓝图”,用图形化语言描述系统结构、行为和交互,让复杂需求一目了然。它能:降低沟通成本避...

勒索软件转向云原生架构,直指备份基础设施

勒索软件组织和其他网络犯罪分子正越来越多地将目标对准基于云的备份系统,对久已确立的灾难恢复方法构成了挑战。谷歌安全研究人员在一份关于云安全威胁演变的报告中警告称,随着攻击者不断改进数据窃取、身份泄露和...

ConceptDraw DIAGRAM:释放创意,绘就高效办公新未来

在当今数字化时代,可视化工具已成为提升工作效率和激发创意的关键。ConceptDrawDIAGRAM,作为一款世界顶级的商业绘图软件,凭借其强大的功能和用户友好的界面,正逐渐成为众多专业人士的首选绘...

APP 制作界面设计教程:一步到位_app界面设计模板一套

想让APP界面设计高效落地,无需繁琐流程,掌握“框架搭建—细节填充—体验优化”三步法,即可一步到位完成专业级设计。黄金框架搭建是基础。采用“三三制布局”:将屏幕横向三等分,纵向保留三...

MCP 的工作原理:关键组件_mcp部件

以下是MCP架构的关键组件:MCP主机:像ClaudeDesktop、GitHubCopilot或旅行助手这样的AI智能体,它们希望通过MCP协议访问工具、资源等。MCP主机会...

软件架构_软件架构师工资一般多少

软件架构师自身需要是程序员,并且必须一直坚持做一线程序员。软件架构应该是能力最强的一群程序员,他们通常会在自身承接编程任务的同时,逐渐引导整个团队向一个能够最大化生产力的系统设计方向前进。软件系统的架...

不知不觉将手机字体调大!老花眼是因为“老了吗”?

现在不管是联系、交友,还是购物,都离不开手机。中老年人使用手机的时间也在逐渐加长,刷抖音、看短视频、发朋友圈……看手机的同时,人们也不得不面对“视力危机”——老花眼,习惯眯眼看、凑近看、瞪眼看,不少人...

8000通用汉字学习系列讲座(第046讲)

[表声母字]加(续)[从声汉字]伽茄泇迦枷痂袈笳嘉驾架咖贺瘸(计14字)嘉[正音]标准音读jiā。[辨形]上下结构,十四画。会意形声字,从壴从加,加也表声。注:从壴,字义与鼓乐有关;从加,字义与...

取消回复欢迎 发表评论: