Naive Ui Admin - 基于 Vue3/Vite/TS 构建的免费开源中后台前端框架
ccwgpt 2024-09-20 13:33 32 浏览 0 评论
又一个开箱即用的高质量 admin 前端框架，漂亮优雅又能打！
关于 Naive Ui Admin
Naive Ui 是不久之前推荐的一款优秀的 UI 组件库，基于最新的 Vue3.0、Vite、 Naive UI、TypeScript 等前端技术栈， 而今天分享的 Naive Ui Admin 就是基于 Naive Ui 构建的 admin 中后台前端框架。
不少对中后台框架不够熟悉的人会认为一款 UI 组件库几乎等于一款 admin 框架，但成熟的 admin 框架需要做的很多，Naive Ui Admin 提炼了常用且具有代表性的业务模型页面，包括二次封装组件、动态菜单、权限校验、粒子化权限控制等功能，可以帮助开发者快速搭建企业级中后台项目，节省造轮子的时间，大幅提高开发效率。
Naive Ui Admin 使用目前最新的前端技术栈，相信不管是从新技术的学习还是生产应用方面，都能帮助到我们。
Naive Ui Admin 技术特性
- 最新技术栈：使用 Vue3/vite2 等前端前沿技术开发
- TypeScript: 应用程序级 JavaScript 的语言
- 一键配置：基于配置文件可一键配置色彩主题、显示风格等
- Mock 数据 内置 Mock 数据方案
- 权限控制 内置完善的动态路由权限生成方案
- 更多组件 二次封装了原 Naive Ui 没有的多个常用的中后台组件
不过由于使用的技术较新，想要顺畅地使用 Naive Ui Admin，需要具备以下的前端基础：
- node 和 git -项目开发环境
- Vite – 熟悉 vite 特性
- Vue3 – 熟悉 Vue 基础语法
- TypeScript – 熟悉TypeScript基本语法
- Es6+ – 熟悉 es6 基本语法
- Vue-Router-Next – 熟悉 vue-router 基本使用
- Naive-ui – 熟悉 UI 框架基本使用
- Mock.js – mockjs 基本语法
开发上手体验和使用建议
Naive Ui Admin 是一款用户操作体验优秀的漂亮中后台管理框架，基于有特色的 Naive Ui，给人一种别具一格的体验，用来搭建管理后台简单便捷，官网提供了 admin 项目预览地址，大家可以登录进去体验。
但尽管 Naive Ui Admin 提供了很多业务组件，但在应对相对复杂的业务功能时，目前这些组件还不够用，很多操作界面仍需要自行实现，因此更推荐给业务相对简单的产品项目使用。复杂业务更推荐使用基于 element ui 的 admin 框架。
目前 Naive Ui Admin 由 @Ah jung 开发维护，更新频率很高，借助官网的使用文档和 github 的源码，上手难度不大。值得一说的是，Naive Ui Admin 借鉴 vue-vben-admin 实现的骨架，后者同样是一款颜值很能打的优秀 admin 框架。
免费开源说明
Naive Ui Admin 和 Naive Ui 一样都是完全免费开源的，基于 MIT 开源协议托管在 Github 上，任何个人都公司都可以免费下载使用。
关注我，持续分享高质量的免费开源、免费商用的资源。
↓↓点击查看本次分享的网址。
Naive Ui Admin - 基于 Vue3/Vite/TS 等最新的前端技术栈构建的免费开源中后台前端框架｜那些免费的砖
相关推荐
- 详解DNFSB2毒王的各种改动以及大概的加点框架
-
首先附上改动部分，然后逐项分析第一个，毒攻掌握技能意思是力量智力差距超过15%的话差距会被强行缩小到15%，差距不到15%则无效。举例：2000力量，1650智力，2000*0.85=1700，则智力...
- 通篇干货!纵观 PolarDB-X 并行计算框架
-
作者：玄弟七锋PolarDB-X面向HTAP的混合执行器一文详细说明了PolarDB-X执行器设计的初衷，其初衷一直是致力于为PolarDB-X注入并行计算的能力，兼顾TP和AP场景，逐渐...
- 字节新推理模型逆袭DeepSeek，200B参数战胜671B，豆包史诗级加强
-
梦晨发自凹非寺量子位|公众号QbitAI字节最新深度思考模型，在数学、代码等多项推理任务中超过DeepSeek-R1了？而且参数规模更小。同样是MoE架构，字节新模型Seed-Thinkin...
- 阿里智能化研发起飞!RTP-LLM 实现 Cursor AI 1000 token/s 推理技术揭秘
-
作者|赵骁勇阿里巴巴智能引擎事业部审校|刘侃，KittyRTP-LLM是阿里巴巴大模型预测团队开发的高性能LLM推理加速引擎。它在阿里巴巴集团内广泛应用，支撑着淘宝、天猫、高德、饿...
- 多功能高校校园小程序/校园生活娱乐社交管理小程序/校园系统源码
-
校园系统通常是为学校、学生和教职工提供便捷的数字化管理工具。综合性社交大学校园小程序源码:同城校园小程序-大学校园圈子创业分享，校园趣事，同校跑腿交友综合性论坛。小程序系统基于TP6+Uni-app...
- 婚恋交友系统nuiAPP前端解决上传视频模糊的问题
-
婚恋交友系统-打造您的专属婚恋交友平台系统基于TP6+Uni-app框架开发；客户移动端采用uni-app开发，管理后台TH6开发支持微信公众号端、微信小程序端、H5端、PC端多端账号同步，可快速打包...
- 已节省数百万GPU小时!字节再砍MoE训练成本，核心代码全开源
-
COMET团队投稿量子位|公众号QbitAI字节对MoE模型训练成本再砍一刀，成本可节省40%！刚刚，豆包大模型团队在GitHub上开源了叫做COMET的MoE优化技术。COMET已应用于字节...
- 通用电气完成XA102发动机详细设计审查 将为第六代战斗机提供动力
-
2025年2月19日，美国通用电气航空航天公司（隶属于通用电气公司）宣布，已经完成了“下一代自适应推进系统”（NGAP）计划下提供的XA102自适应变循环发动机的详细设计审查阶段。XA102是通用电气...
- tpxm-19双相钢材质（双相钢f60材质）
-
TPXM-19双相钢是一种特殊的钢材，其独特的化学成分、机械性能以及广泛的应用场景使其在各行业中占有独特的地位。以下是对TPXM-19双相钢的详细介绍。**化学成分**TPXM-19双相钢的主要化学成...
- thinkphp6里怎么给layui数据表格输送数据接口
-
layui官网已经下架了，但是产品还是可以使用。今天一个朋友问我怎么给layui数据表格发送数据接口，当然他是学前端的，后端不怎么懂，自学了tp框架问我怎么调用。其实官方文档上就有相应的数据格式，js...
- 完美可用的全媒体广告精准营销服务平台PHP源码
-
今天测试了一套php开发的企业网站展示平台，还是非常不错的，下面来给大家说一下这套系统。1、系统架构这是一套基于ThinkPHP框架开发的HTML5响应式全媒体广告精准营销服务平台PHP源码。现在基于...
- 一对一源码开发，九大方面完善基础架构
-
以往的直播大多数都是一对多进行直播社交，弊端在于不能满足到每个用户的需求，会降低软件的体验感。伴随着用户需求量的增加，一对一直播源码开始出现。一个完整的一对一直播流程即主播发起直播→观看进入房间观看→...
- Int J Biol Macromol .|交联酶聚集体在分级共价有机骨架上的固定化:用于卤代醇不对称合成的高稳定酶纳米反应器
-
大家好，今天推送的文章发表在InternationalJournalofBiologicalMacromolecules上的“Immobilizationofcross-linkeden...
- 【推荐】一款开源免费的 ChatGPT 聊天管理系统，支持PC、H5等多端
-
如果您对源码&技术感兴趣，请点赞+收藏+转发+关注，大家的支持是我分享最大的动力！！！项目介绍GPTCMS是一款开源且免费（基于GPL-3.0协议开源）的ChatGPT聊天管理系统，它基于先进的GPT...
- 高性能计算(HPC)分布式训练:训练框架、混合精度、计算图优化
-
在深度学习模型愈发庞大的今天，分布式训练、高效计算和资源优化已成为AI开发者的必修课。本文将从数据并行vs模型并行、主流训练框架（如PyTorchDDP、DeepSpeed）、混合精度训练（...
欢迎 你 发表评论:
- 一周热门
- 最近发表
-
- 详解DNFSB2毒王的各种改动以及大概的加点框架
- 通篇干货!纵观 PolarDB-X 并行计算框架
- 字节新推理模型逆袭DeepSeek，200B参数战胜671B，豆包史诗级加强
- 阿里智能化研发起飞!RTP-LLM 实现 Cursor AI 1000 token/s 推理技术揭秘
- 多功能高校校园小程序/校园生活娱乐社交管理小程序/校园系统源码
- 婚恋交友系统nuiAPP前端解决上传视频模糊的问题
- 已节省数百万GPU小时!字节再砍MoE训练成本，核心代码全开源
- 通用电气完成XA102发动机详细设计审查 将为第六代战斗机提供动力
- tpxm-19双相钢材质（双相钢f60材质）
- thinkphp6里怎么给layui数据表格输送数据接口
- 标签列表
-
- MVC框架 (46)
- spring框架 (46)
- 框架图 (58)
- bootstrap框架 (43)
- flask框架 (53)
- quartz框架 (51)
- abp框架 (47)
- jpa框架 (47)
- laravel框架 (46)
- express框架 (43)
- springmvc框架 (49)
- 分布式事务框架 (65)
- scrapy框架 (52)
- java框架spring (43)
- grpc框架 (55)
- orm框架有哪些 (43)
- ppt框架 (48)
- 内联框架 (52)
- winform框架 (46)
- gui框架 (44)
- cad怎么画框架 (58)
- ps怎么画框架 (47)
- ssm框架实现登录注册 (49)
- oracle字符串长度 (48)
- oracle提交事务 (47)