Nova Admin - 简洁干净、免费开源的后台管理系统,基于Vue3 / Vite5 / Typescript / Naive UI 等前端开发技术栈

Nova Admin - 简洁干净、免费开源的后台管理系统,基于Vue3 / Vite5 / Typescript / Naive UI 等前端开发技术栈

今天看到一款 Vue3 后台管理 admin 系统,研究了一下发现很不错,推荐给大家。

Nova-admin 是一个颜值在线,风格清新、简洁干净后台管理模板,包含了平时常用的管理后台功能页面模板。基础的 UI 组件基于我之前推荐的 naive-ui 开发,我十分喜欢这款组件库,所以我花了点时间了解这款 admin 框架,发现很不错,于是就写一篇文章来介绍给大家。

nova admin 官网主页

  • 整体框架基于 Vue3 / Vite5 / TypeScript / NaiveUI / Unocss 等目前前端最新技术栈开发;
  • 基于 Alova 封装和配置,提供统一的响应处理和多场景能力;
  • 拥有完善的前后端权限管理方案,轻松配置权限;
  • 支持本地静态路由和后台返回动态路由,路由配置简单易用;
  • 对日常使用频率较高的组件二次封装,满足基础工作需求;
  • 适配了黑暗主题,组件界面样式保持原有的 Naive-ui 风格;
  • 仅在代码提交时进行 eslint 校验,没有过多限制,开发更简便;
  • 支持 国际化(i18n);
  • 界面样式布局灵活,容易配置。

在互联网项目的初始阶段,admin 往往是最优先开发的项目,用来对整个项目的支持。为了实现这样的后台管理系统,我们一般都会选择一款好用的 admin 系统。Nova Admin 采用了目前很新的前端技术趋势,可以很好地帮助我们提高开发效率。

nova admin 主控台

简单看了一下源码,Nova Admin 的作者开发时尽可能用了简单的方式实现常用的功能,并尽代码书写规范,便于维护,易读易理解,并且无过度封装,方便二次开发。

获取源码,构建项目

要构建项目,我们需要将项目源码拉取到本地,比如我们用 git 命令:

然后进入项目目录,安装项目所有的依赖:

成功后就可以启动项目进行开发了。具体的脚本命令如下:

根据官网的文档,做好请求服务、路由和菜单、以及环境变量的配置,就可以运行项目来开发。可以说是开箱即用了。

功能丰富的页面模板

除了两个好看的工作台和监控首页、查询表格列表、数据图表等必备页面,Nova Admin 还基于其他插件封装了 markdown / 富文本编辑器、地图和各种反馈页面,我们可以用这些页面模板快速搭建各种后台操作界面,大大提高生产效率。

nova admin 数据监控页

数据表格

作者还封装了一个剪贴板组件,复制粘贴操作在后台系统的使用频率太高了,很多系统往往都没有对这个很小的功能做优化,导致有些时候管理员的操作不便,看来作者对细节还是很注重的。

默认标签模式,支持黑白主题

我之前也推荐了很多管理后台,也不止一次提过,相比单页面模式,业务稍微复杂一些的项目,admin 的操作是很依赖多标签布局的,因为需要多次切换不同的功能,有时候还需要来回对比。

nova admin 黑模式

Nova Admin 本身就是多标签模式,右侧可以手动刷新页面,对管理员来说,这些都是很方便的功能。总体来说,这是一款值得去研究尝试的 admin 系统,作者的维护更新频率也很高,目前仍然在优化迭代中,目前使用者也不少,如果有兴趣,也可以给作者提提意见,甚至是加入到项目中去做贡献。

Nova-Admin 是完全开源免费的项目,适合用来进行中大型管理系统开发,项目源代码采用 MIT 开源协议托管在 Github 上,我们可以免费自由地下载来研究和使用,当然也可以用在商业项目上。

原文链接:https://www.thosefree.com/nova-admin

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/diannao/49469.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【Golang 面试基础题】每日 5 题(六)

✍个人博客:Pandaconda-CSDN博客 📣专栏地址:http://t.csdnimg.cn/UWz06 📚专栏简介:在这个专栏中,我将会分享 Golang 面试中常见的面试题给大家~ ❤️如果有收获的话,欢迎点赞👍收藏…

HTML前端 盒模型及常见的布局 流式布局 弹性布局 网格布局

CSDN的文章没有“树状目录管理”,所以我在这里整理几篇相关的博客链接。 操作有些麻烦。 CSS 两种盒模型 box-sizing content-box 和 border-box 流式布局 flow layout 弹性布局 flex layout HTML CSS 网格布局 grid layout HTML CSS

百度,有道,谷歌翻译API

API翻译 百度,有道,谷歌API翻译(只针对中英相互翻译),其他语言翻译需要对应from,to的code 百度翻译 package fills.tools.translate; import java.util.ArrayList; import java.util.HashMap; import java.util.Lis…

Win11+Anaconda+VScode:mmpose环境配置与基本使用

MMPose 是一款基于 PyTorch 的姿态分析的开源工具箱,是 OpenMMLab 项目的成员之一。 目录 前言 一、mmpose整体框架 二、依赖与安装 从源码安装(推荐) 作为 Python 包安装 三、验证安装 四、使用mmpose处理数据 总结 前言 官方安装手册:欢迎来到 MMPose 中文文档!…

TMS320F28335多级中断及中断响应过程

DSP28335的中断系统设计为多级中断机制,主要包括外设级中断、PIE级中断和CPU级中断。以下是详细的中断使能及响应过程: 1.外设级中断: 当外设产生中断事件时,对应的中断标志寄存器(IF)的相应位将被自动置…

ABAP+从SAP发出去的PDF文件在第三方系统出现乱码

这是一个 ABAP转换PDF调用函数CALL FUNCTION CONVERT_OTF的问题记录,关乎字体STSong-Light-ldentity-H 和 STSong-Light的区别 背景: 做了一个增强,是采购订单审批后自动发送采购订单PDF1到企业微信,用户再将企业微信收到的P…

C# 代理模式

栏目总目录 概念 代理模式是一种结构型设计模式,它为其他对象提供一种代理以控制对这个对象的访问。在代理模式中,我们创建一个具有现有对象(称为“真实对象”或“被代理对象”)相同功能的代理对象。代理对象可以在客户端和目标对…

【海康威视】-Java读取监控摄像头实时帧

目录 1、基于JavaCV 1.1、pom依赖 1.2、读取帧Frame 1.3、转换BufferedImage 1.4、完整代码 2、基于Ffmpeg命令 2.1、ffmpeg命令 2.2、读取帧 2.3、转换BufferedImage 2.4、完整代码 1、基于JavaCV 1.1、pom依赖 <dependency><groupId>org.bytedeco<…

最优化理论与方法-第十讲割平面法

文章目录 1. 原问题&#xff1a;2. 割平面法程序步骤2.1 第一次迭代2.2 第二次迭代2.3 第三次迭代 1. 原问题&#xff1a; 给定下列约束优化问题&#xff1a; ( P ) min ⁡ 3 x 1 2 2 x 2 2 s t . − 5 x 1 − 2 x 2 3 ≤ 0 , x ∈ X { x ∈ Z n ∣ 8 x 1 8 x 2 ≥ 1 , 0…

mysql的主从复制和读写分离:

mysql的主从复制和读写分离&#xff1a; 主从复制 面试必问&#xff1a;主从复制的原理 主从复制的模式&#xff1a; 1、mysql的默认模式&#xff1a; 异步模式 主库在更新完事务之后会立即把结果返回给从服务器&#xff0c;并不关心从库是否接受到&#xff0c;以及从库是…

共享存储可以解决FusionCompute哪些问题

共享存储在FusionCompute环境中扮演着至关重要的角色&#xff0c;主要通过提供集中的数据访问点来优化和增强虚拟化基础设施的功能。以下是共享存储在FusionCompute中可以解决的一些关键问题&#xff1a; 虚拟机迁移&#xff1a; 共享存储允许虚拟机&#xff08;VM&#xff09;…

【React】package.json 文件详解

文章目录 一、package.json 文件的基本结构二、package.json 文件的关键字段1. name 和 version2. description3. main4. scripts5. dependencies 和 devDependencies6. repository7. keywords8. author 和 license9. bugs 和 homepage 三、package.json 文件的高级配置1. 配置…

分享一个Springer模板关于论文作者和单位信息的修改范例,以及Applied Intelligence期刊latex模板的下载链接

在这篇文章中&#xff0c;我写一些关于解决springer期刊提供的LaTex模板参考文献格式为作者年份时的顺序问题以及如何在正文中将参考文献格式引用成[1]这种数字格式类似的经验&#xff0c;该篇帖子里还分享了一个大佬关于springer模板完整的修改流程&#xff0c;有需要的伙伴可…

全球电脑蓝屏崩溃,为何中国没事?周鸿祎:因 90% 用 360 软件!

2024 年 7 月 19 日&#xff0c;出现了震惊世界的微软蓝屏事件&#xff0c;全球近千万台 Windows 设备集体蓝屏宕机&#xff01; 这次的事件绝对称得上是 “载入史册”&#xff01;甚至百度百科都专门针对这次的事件出了一个词条、央视新闻也专门报道了此事。 这次事件的影响有…

ActiViz实战:二维纹理贴图vtkTexture

文章目录 一、效果预览二、基本概念三、功能特性四、与C++不同五、完整示例代码一、效果预览 二、基本概念 vtkTexture是VTK(Visualization Toolkit)中用于纹理映射的一个类,它允许用户将二维图像(纹理)贴到三维物体的表面上,从而增加场景的真实感和细节。 纹理映射:是一…

PY32F071单片机,主频最高72兆,资源丰富,有USB,DAC,运放

PY32F071 系列单片机是基于32 位 ARM Cortex-M0 内核的微控制器&#xff0c;宽电压工作范围的 MCU。芯片嵌入高达 128 Kbytes flash 和 16 Kbytes SRAM 存储器&#xff0c;最高72 MHz工作频率。芯片支持串行调试 (SWD)。PY32F071单片机提供了包含了HAL和LL两种不同层次的驱动库…

自定义webIpad证件相机(webRTC)

该技术方案可用于各浏览器自定义相机开发 相机UI&#xff08;index.html&#xff09; <!DOCTYPE html> <html lang"zh" prew"-1"><head><meta charset"UTF-8"><meta name"viewport"content"user-sc…

Redis从入门到超神-(六)SpringCache操作缓存

引言 java操作Redis有很多中方案&#xff0c;Jedis&#xff0c;SpringBootDataRedis,Redisson等&#xff0c;本篇文章的目的是使用SpringBootDataRedis整合SpringCache基于Redis实现缓存操作 一、SpringBoot整合Redis实现缓存 SpringBoot提供了整合Redis的方案&#xff0c;我…

Llama 3.1要来啦?!测试性能战胜GPT-4o

哎呀&#xff0c;Meta声称将于今晚发布的Llama 3.1&#xff0c;数小时前就在Hugging Face上泄露出来了&#xff1f;泄露的人很有可能是Meta员工&#xff1f; 还是先来看泄露出来的llama3.1吧。新的Llama 3.1模型包括8B、70B、405B三个版本。 而经过网友测试&#xff0c;该base…

Spark实时(二):StructuredStreaming编程模型

文章目录 StructuredStreaming编程模型 一、基础语义 二、事件时间和延迟数据 三、​​​​​​​​​​​​​​容错语义 StructuredStreaming编程模型 一、基础语义 Structured Streaming处理实时数据思想是将实时数据看成一张没有边界的表&#xff0c;数据源源不断的追…