前言
四年只做一件事:把 Admin 做成“开箱即用”从开源的 naive-ui-admin 到 Pro、Plus,再到今天的 Max,每一次迭代,都是数百家企业、数千开发者用订单和 Star 为我们“续的电”,真心谢谢你们,让我们不靠爱发电,而是靠价值长跑,NaiveAdmin Max,续杯下一程
技术栈
采用 Vue3、NaiveUi、Typescript、Pinia、Vite、Unocss 主流技术栈 这套架构可以很方便自行个性化去定制布局,弥补之前的版本不少不足之处
痛点
用 Admin 框架时,你是不是也碰到或者担心过以下的问题?
想动一下布局,前端老手都怕改崩,AI 更抓瞎菜单和布局死死耦合,换个样式得扒层皮配置拆得比洋葱还碎,追源码追到头晕模板丑到甲方皱眉,业务再复杂一点就原地爆炸没有“前后端一起打包”的企业级方案,想做 SaaS 多租户?从零开始功能堆成山,拔不掉、插不进,项目越跑越重出了问题翻 Issue、加群、@全员,三天没人回公共组件少得可怜无法真正节约开发时间买个授权只能绑定一个开发者提问,多拉一个人——先打钱
解决方案
- 我们提供
精细化配置如不同菜单区域宽度高度大量插槽能够极大减少去改动源码的风险 完全可以自定义菜单展示样式,甚至针对不同布局模式区域,还可以自行封装一个 menu 去展示- 框架配置
全部平面化,拒绝文件拆洋葱,减少研究琢磨配置,浪费时间 - 模板由
设计师把控细节,专业前端开发者深度还原,最终呈现给 UI设计师验收->上线 - 提供
专业的前后端解决方案开箱即用,支持Java和PHP把时间省下来开发业务 - 代码全部采用
模块化设计不需要的直接删除即可不会存在交叉依赖 - 作者和开发者
亲自解答,为用户提供保姆式服务支持甚至还能当技术顾问(开玩笑哈) 30+实用扩展组件,均来自经验累积,还在持续更新中...- 提供专属讨论组提供技术支持服务,合理的情况下,没有限制
部分预览
值得一提
布局模式
我们内置 7 中布局模式,包含:垂直布局,水平布局,双栏布局,混合双栏,侧边栏,混合侧边栏,内容全屏,几乎可以满足多数项目要求啦
侧边栏主色
有时候有些项目,可能希望侧边栏是主色,来凸显系统的特色,框架内置,无需自行研究改CSS
主题色配置
系统主题色,可以随意在线修改,实时生效,意味着使用者,在一些内部系统,可以满足用户萝卜青菜各有所爱,自己 DIY
间隙布局
很多 Admin 布局都是连在一起的,用边框/阴影来区分左侧,顶部等区域,有时候间隙可能会更直观,框架内置,不需要自己去修改代码
菜单搜索
菜单搜索,支持英文首字母/中文模糊快捷搜索,还支持复制链接,新窗口打开
菜单分组
当菜单比较多,层级较深的时候,开启菜单分组,瞬间感觉菜单没那么难找了
放大LOGO设计
很多 Admin 默认 LOGO 要么是纯图标,要么是左右图标+文字,假设LOGO是上下结构怎么办,改样式,改高度,可能框架内部计算又会出问题,我们内置这个功能轻松实现,无需改代码
精细化配置
这个设计考虑是为了避免自己手动去修改代码,造成的连串 bug,直接通过配置修改,简单又轻松就满足需求了
扩展组件
扩展组件是为了简化重复代码,提高开发效率,项目统一规范,避免不同页面自行去编写通用的逻辑代码
相关链接
- Max 版本预览地址:max.naiveadmin.com
- 开源版 github 地址:github.com/jekip/naive…
最后
四年 90+次发版 我们把布局耦合、菜单死区、权限漂移这些“后台老毛病”全部做成了配置项
努力做成一套 开箱即用的现成方案 因为大多数的坑,我们已经替你踩完了,你只需专注业务开发即可!