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

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

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

又一个开箱即用的高质量 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 构建的免费开源中后台前端框架” 的相关文章

如何在 Linux 发行版中安装微信和 QQ?

很多人因为工作沟通的原因需要用到微信和 QQ,那么如何在 Linux 发行版中安装微信和 QQ 呢?以下是一些尝试的解决方法。QQ上一个版本的 QQ Linux 版还是在2009年,而在现在,基于 NT 架构的全新 QQ Linux版已经被正式推出,为所有用户提供下载。新版本提供了deb、rpm、A...

el-table内容\n换行解决办法

问题请求到的数据带有换行符 '\n'但页面展示时不换行statusRemark: "\"1、按期完成计划且准确率100%,得100分;\n2、各项目每延误1天,扣1分;每失误1次或者员工投诉1次,扣3分,失误层面达到公司级影响较大的,该项绩效分数为0\"\n&...

深度解析!AI智能体在To B领域应用,汽车售后服务落地全攻略

在汽车售后服务领域,AI智能体的应用正带来一场效率和专业度的革命。本文深度解析了一个AI智能体在To B领域的实际应用案例,介绍了AI智能体如何通过提升服务顾问和维修技师的专业度及维修效率,优化汽车售后服务流程。上周我分享了AI智能体+AI小程序To C的AI应用场景《1000%增长!我仅用一个小时...

VUE-router

七.Vue-router1、什么是vue-routervue-router是vue.js官方路由管理器。vue的单页应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来。传统页面切换是用超链接a标签进行切换。但vue里是用路由,因为我们用Vue做的都是单页应用,就相当于只有一个主的i...

Vue实战篇|使用路由管理用户权限(动态路由)

权限控制是后台管理系统比较常见的需求,如果我们需要对某些页面的添加权限控制的话,那我们可以在路由管理中的权限做一些校验,没有通过权限校验的给出相应的提示或者直接跳转到报错页面。跟着我一起来学vue实战篇路由管理权限吧!权限校验函数getCurrentAuthority()函数用于获取当前用户权限,一...

精品微信小程序在线考试系统+后台管理系统|前后...

《微信小程序在线考试系统+后台管理系统|前后分离VUE》该项目含有源码、论文等资料、配套开发软件、软件安装教程、项目发布教程等本系统包含微信小程序前台和Java做的后台管理系统,该后台采用前后台前后分离的形式使用Java+VUE微信小程序——前台涉及技术:WXML 和 WXSS、JavaScript...