查看原文
其他

Vite + Vue3 + NaiveUI + TypeScript的漂亮清新的中后台管理系统!

点击关注 👉 Java架构师技术 2023-09-18
以下文章来源Java架构师技术,回复”Spring“获惊喜礼包
上一篇推文:聊聊负载均衡 LVS vs Nginx 对比!

大家好,我是Java架构师

今天,推荐一个系统项目。猿哥第一次使用就有点上头,爱不释手,必须要推荐给大家。

上次是谁要的系统项目啊,猿哥帮你找到了。

这是我目前见过最好的系统项目。功能完整,代码结构清晰。值得推荐。

📚 项目介绍

近猿哥在逛网站的时候发现一个不错的开源项目,猿哥觉得不错,得拿出来和大家分享下

🔥本项目系统是一款基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。扩展:接私活

特性

  • 最新技术栈:使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm

  • TypeScript: 应用程序级 JavaScript 的语言

  • 主题:丰富可配置的主题、暗黑模式,基于原子 css 框架 - UnoCss 的动态主题颜色

  • 代码规范:丰富的规范插件及极高的代码规范

  • 权限路由:基于文件的路由系统、基于 mock 的动态路由能快速实现后端动态路由

  • 请求函数:基于 axios 的完善的请求函数封装,提供 Promise 和 hooks 两种请求函数,加入请求结果数据转换的适配器适配器。另外,搜索公众号Linux就该这样学后台回复“OA办公系统”,获取一份惊喜礼包。

项目示例图







牛逼啊!接私活必备的 N 个开源项目!赶快收藏




安装使用

  • 环境配置 本地环境需要安装 pnpm 7.x 、Node.js 14.18+ 和 Git

  • 克隆代码

git clone 文末获取
  • 安装依赖

pnpm i
  • 运行

pnpm dev
  • 打包

pnpm build

Docker 部署

  • Docker 部署 Soybean

docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6
  • 访问 SoybeanAdmin

打开本地浏览器访问http://localhost

最后,想学习这个项目的可以查看项目地址:


项目源码,怎么领取?

源码获取

牛逼啊!接私活必备的 N 个开源项目!赶快收藏

扫码下方二维码,后台回复【中后台】即可获取所有系统


欢迎有需要的同学试试,如果本文对您有帮助,也请帮忙点个 赞 + 在看 啦!❤️

在 GitHub猿 还有更多优质项目系统学习资源,欢迎分享给其他同学吧!

最后,整理了400多套项目,赠送读者。扫码下方二维码,后台回复赚钱即可获取。

--END--

来源:GitHub猿 整理

版权申明:内容来源网络,版权归原创者所有。除非无法确认,我们都会标明作者及出处,如有侵权烦请告知,我们会立即删除并表示歉意。谢谢!

往期惊喜:

何谓架构?

一个很酷的后台权限管理系统

一个很酷的博客系统

一个很酷的快速开发代码生成器系统

看看人家那 IM 即时通讯系统,那叫一个优雅(附源码)

Ngnix IP封禁以及实现自动封禁 IP !

轻量级工业物联网开源平台,快速部署私有化平台千万级承载!

Redis和MySQL如何保持数据一致性?

不要再封装各种 Util 工具类了,这个神级框架值得拥有!

实现高并发秒杀的七种方式!

多端一体、多商户分销商城系统,前后端分离全部100%开源!

ES+Redis+MySQL,这个高可用架构设计太顶了!

Vue3、Element-Plus、TypeScript4、Vite3的后台集成方案!


扫码关注我们的Java架构师技术

带你全面深入Java

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存