V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
zclzone
V2EX  ›  程序员

一个极致轻量的 Vue3 后台管理,继 1.2k Star 后,终迎 2.0 版本,这次有点东西

  •  1
     
  •   zclzone ·
    zclzone · 336 天前 · 3837 次点击
    这是一个创建于 336 天前的主题,其中的信息可能已经有所发展或是发生改变。

    Vue Naive Admin 从 2022 年 2 月开始开源,其简单易上手的特性广受好评,当时发过一篇推文,感兴趣的朋友可以重温一下,Vite+Vue3+Unocss+NaiveUI+Pinia 搭建一套优雅的后台管理模板,真香 - 掘金 (juejin.cn)

    回顾开源

    Vue Naive Admin 开源一年零十个月,收获了 1.2k Star, gitee 上也有 260+ 的 Star ,建了两个微信交流群,总人数 500+,成绩不算优秀,但贵在坚持。

    Vue Naive Admin 2.0 是什么?

    源码: vue-naive-admin (github.com)

    体验: https://admin.isme.top

    简介

    Vue Naive Admin 2.0 是一款极简风格的后台管理模板,包含前后端解决方案,前端使用 Vite + Vue3 + Pinia + Unocss ,后端使用 Nestjs + TypeOrm + MySql + Redis ,简单易用,赏心悦目,历经十几次重构和细节打磨,诚意满满!!

    设计理念

    Vue Naive Admin 2022 年 2 月开始开源,2023 年 12 月 发布 2.0 版本,从 1.0 到现在的 2.0 ,一直秉持着简单即正义的理念,旨在帮助中小企业、在校大学生及个人开发者快速上手开发后台管理项目,为了降低使用者的学习成本,没有使用当前看似“主流”的 TypeScript (前端),而是使用 JavaScript, 这也使得 Vue Naive Admin 成为了市面上少有的 使用 JavaScript 的 Vue3 后台管理模板,而且还算优秀,得到了大量朋友的认可和喜爱。

    这里就不讨论为什么使用 JavaScript 而不使用 TypeScript了,各自的优缺点大家都清楚,需要 TypeScript 版本的可以绕道,使用 TypeScript 的后台管理模板现在多如牛毛,请自行在 github 搜索

    特性

    • 🆒 使用 Vue3 主流最新技术栈: Vite + Vue3 + Pinia
    • 🍇 使用 原子 CSS框架: Unocss,优雅、轻量、易用
    • 🍍 集成 Pinia 状态管理,支持状态持久化
    • 🤹 使用主流的 iconify + unocss 图标方案,支持自定义图标,支持动态渲染
    • 🎨 使用 Naive UI ,极致简洁的代码风格和清爽的页面设计,审美在线,主题轻松定制
    • 👏 先进且易于理解的文件结构设计,多个模块之间零耦合,单个业务模块删除不影响其他模块
    • 🚀 扁平化路由设计,每一个组件都可以是一个页面,告别多级路由 KeepAlive 难实现问题
    • 🍒 基于权限动态生成路由,无需额外定义路由,403 和 404 页面可区分,而不是无权限也跳 404
    • 🔐 基于 Redis 集成 无感刷新,用户登录态可控,安全与体验缺一不可
    • ✨ 基于 Naive UI 封装 message 全局工具方法,支持批量提醒,支持跨页面单例模式
    • ⚡️ 基于 Naive UI 封装常用的业务组件,包含Page 组件、CRUD 表格组件及 Modal组件等,简单易用,减少大量重复性工作

    极致的性能

    Vue Naive Admin 2.0 极致轻量,性能也很优秀

    6558568b2b476.png (954×820) (isme.top) 655853caa9ce8.png (1104×510) (isme.top)

    提供对应的后端服务:Isme Nest Serve

    Vue Naive Admin 2.0 提供一套后端代码,技术栈使用 Nestjs + TypeOrm + MySql ,内置 JWT 、RABC 及模板所需的一些基础接口。

    后续可能会提供 Java 版和 Go 版的,但由于精力有限,欢迎感兴趣的大佬基于前端提供对接好的后端项目,当然,并不局限于 Java 和 Go ,已对接的后端项目会展示到仓库的 README 和 官方文档中

    为什么会有 2.0 版本?

    因为 2.0 是基于 1.0 风格从 0 到 1 重新设计的,虽然看着很像,但是代码结构差别很大,在 1.0 版本基础上迭代不合适。另外,2.0 版本是全栈版本,提供了对应后端服务,把后端服务搭建起来就可以直接上手开发,这跟 1.0 版本也是有着根本的不同。

    可以这样说,2.0 版本既有 1.0 版本的沉淀, 也在 1.0 版本上做了根本性的突破

    2.0 和 1.0 区别

    • 2.0 是基于 1.0 风格从 0 到 1 重新设计的,虽然看着很像,但是代码结构差别很大。
    • 1.0 只提供前端,后端使用 Mock 模拟的,而 2.0 是全栈版,提供真实的后端接口。
    • 2.0 虽然版本高于 1.0 ,但复杂度却远低于 1.0 ,虽然 1.0 也很简单。
    • 2.0 的灵活度远高于 1.0 ,得益于 扁平化路由 的设计,任何一个 .vue 文件都可以是一个页面,并且可以放到任意菜单下,甚至你还可以为每个页面单独定制一个 layout 。

    体验 1.0 | template.isme.top

    体验 2.0 | admin.isme.top

    版权说明

    本项目使用 MIT 协议,默认授权给任何人,被授权人可免费地无限制的使用、复制、修改、合并、发布、发行、再许可、售卖本软件拷贝、并有权向被供应人授予同等的权利,但必须满足以下条件:

    • 复制、修改和发行本项目代码需包含原作者的版权及许可信息,包括但不限于文件头注释、协议等

    简单来说,作者只想保留版权,没有任何其他限制,个人或者企业都可以放心使用。


    前端源码( 2.x-beta 分支): vue-naive-admin (github.com)

    后端源码: isme-nest-serve (github.com)

    文档手册: docs.isme.top

    访问不了 github 的朋友可以打开 文档手册,里面有对应 gitee 仓库的地址

    最后,如果这个项目对您或者贵公司有帮助,请 Star 或者 捐助支持一下,开源不易,您的支持是作者最大的动力~

    17 条回复    2023-12-08 17:23:57 +08:00
    lcy630409
        1
    lcy630409  
       336 天前   ❤️ 1
    后台管理 还是觉得类似 layui 这种好用,
    也可能是我这种单纯后端 不思进取 看 vue 这种前端框架 看的头晕

    不过还是支持一下 op 萝卜青菜各有所爱
    type
        2
    type  
       336 天前
    如果只需要一个后台的前端,是选 1.0 还是 2.0 ?
    moxiaonai
        3
    moxiaonai  
       336 天前
    体验了一下,挺好的,考虑 TS 版本吗
    huangliu
        4
    huangliu  
       336 天前
    用 naive ui 的时候官网看到过,好评
    dufu1991
        5
    dufu1991  
       336 天前
    我还是觉得应该是登录而不是登陆。
    sub166
        6
    sub166  
       336 天前
    感谢开源,毕设用的是 ts 的那套,js 真的不想写
    qppq54s
        7
    qppq54s  
       336 天前
    感谢开源,学习下
    GuguDan
        8
    GuguDan  
       336 天前
    已 star, 后续考虑支持代码生成么?
    zsh2517
        9
    zsh2517  
       336 天前
    看了半天我才发现是 Naive 不是 Native
    zclzone
        10
    zclzone  
    OP
       336 天前
    @type 1.0 是 mock 的服务,没有后端
    zclzone
        11
    zclzone  
    OP
       336 天前
    @moxiaonai 1.0 有 ts 版本,2.0 短期内没计划出 ts 版,精力不够,还得全职工作
    zclzone
        12
    zclzone  
    OP
       336 天前
    @GuguDan 有考虑
    whichiswrong
        13
    whichiswrong  
       336 天前
    非前端,请问 i18n 好集成吗
    fuchish112
        14
    fuchish112  
       336 天前
    配色灰蒙蒙的,不够清爽
    Belmode
        15
    Belmode  
       336 天前
    已 star
    zclzone
        16
    zclzone  
    OP
       336 天前
    @whichiswrong i18n 其实就是体力活,不难
    zclzone
        17
    zclzone  
    OP
       336 天前
    @Belmode 感谢支持
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   1833 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 16:36 · PVG 00:36 · LAX 08:36 · JFK 11:36
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.