当前位置:首页 > 技术分析 > 正文内容

Naive Ui Admin - 基于 Vue3/Vite/TS 构建的免费开源中后台前端框架

ruisui883个月前 (02-13)技术分析13

又一个开箱即用的高质量 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 等最新的前端技术栈构建的免费开源中后台前端框架|那些免费的砖

扫描二维码推送至手机访问。

版权声明:本文由ruisui88发布,如需转载请注明出处。

本文链接:http://www.ruisui88.com/post/1930.html

标签: vue路由权限
分享给朋友:

“Naive Ui Admin - 基于 Vue3/Vite/TS 构建的免费开源中后台前端框架” 的相关文章

neovim 0.9在win下配置 python开发环境

初级的一些配置点击下面链接查看neovim安装插件管理器neovim常用快捷键neovim python开发环境简易配置方法 (需要手动键入命令行 运行python)安装neovim python的模块pip install pynvim pip install jedi pip install n...

美国民众负债累累 但今年假期消费者支出仍将创下新高

智通财经APP获悉,在迎接假期之际,许多美国人已经背负了创纪录的信用卡债务。然而,今年假期消费者支出仍将创下新高。根据美国零售联合会(NRF)上周发布的报告,预计今年11月1日至12月31日期间的消费总额将达到创纪录的9795亿至9890亿美元之间。NRF首席经济学家Jack Kleinhenz表示...

Solid State Logic 发布低保真数字失真插件 Digicrush

Solid State Logic 宣布推出低保真数字失真插件 Digicrush ,他们最新的创意工具具有经典数字失真的粗糙、低保真特性,完美模拟早期数字音频的衰减和伪影。Digicrush 充满怀旧气息,深受经典数字采样器和效果器的影响,具有内置抖动、可调比特深度和采样率降低功能,是为音轨添加复...

vue打开新窗口并且实现传参,有图有真相

我要实现的功能是打开一个新窗口用来展示新页面,而且需要传参数,并且参数不能显示在地址栏里面,而且当我刷新页面的时候,传过来的参数不能丢失,要一直存在,除非我手动关闭这个新窗口,即浏览器的标签页。通过面向百度编程,发现网上的根本达不到这个效果,而且还都是坑,明明实现不了,还若有其事的写出来,于是我在标...

慕课 SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序

本课程以业务驱动技术栈,打造业务相对完整的掌上医疗小程序,解决大家没有好的毕设项目或者求职项目的困境。本课程案例采用前后端分离架构,业务功能完善(既有WEB管理端,也有移动用户端),界面美观,无需艰涩的技术也能做出亮眼的作品。SpringBoot2.X+Vue+UniAPP,全栈开发医疗小程序 |...

微信开发的五大价值应用

企业形象展示微网站是企业在移动互联网时代完美展示企业及品牌形象的最佳选择,表现内容丰富、实时更新、形式多样化,保证品牌形象的有效传播!微网站带来的轻营销模式,更适应现代网站的发展模式,所以微网站的开发也具有更好的商业营销效果,其面对的受众是7亿多的微信用户,蕴含着无限的商机。将企业微网站植入微信公众...