推荐关注
责编:猿哥
| 来源:
GitHub猿 整理
我
今天
,推荐一个系统项目。猿哥第一次使用就有点上头,爱不释手,必须要推荐给大家。
上次是谁要的系统项目
啊,猿哥帮你找到
了。
这是我目前见过最好的系统项目。功能完整,代码结构清晰。值得推荐。
📚 项目介绍
最近猿哥在逛网站的时候发现一个不错的开源项目,猿哥觉得不错,值得拿出来和大家分享下。🔥本项目系统是一款基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于 mock 实现的动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。扩展:接私活
特性
最新技术栈:使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
TypeScript: 应用程序级 JavaScript 的语言
主题:丰富可配置的主题、暗黑模式,基于原子 css 框架 - UnoCss 的动态主题颜色
代码规范:丰富的规范插件及极高的代码规范
权限路由:基于文件的路由系统、基于 mock 的动态路由能快速实现后端动态路由
请求函数:基于 axios 的完善的请求函数封装,提供 Promise 和 hooks 两种请求函数,加入请求结果数据转换的适配器适配器。另外,搜索公众号Linux就该这样学后台回复“OA办公系统”,获取一份惊喜礼包。
项目示例图
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIvD5YBfwGeBkzHJwgVEW3OLcNepR78s8CVDmoxHo7B2jgtG6Y4hn9Jg/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIW7JP4ouvtYibD0TWTy5SFYibL8Sd9GDRNKxqxKMmkEibEyA90DzgIfvuw/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIyRNjwPex5tlrPLdMbAibbjx4anRXrEEUzxUq9AlnvcMSTXAv4vPzlYQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIPFyEjgUy3WBUibdRZPUCEuwbhaHGic48LjoAL0weFEsWLibC9Jn1VV9MA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIdiaSyAquZ7y8r5GwwCGyYLFPIY1LFgMBS6edeBgsBqQDB0lWmuk59Lw/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIicSSVL1aS3CMAK7IwY33aNMbvP5seXZEadGqqud9flCo00pk3WibqY0g/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIbpMiaJY7efoaLF7c0gyFoMHBKMX9z9Bkexia7VorNKEqV4cHa3r1wEjg/640?wx_fmt=png&tp=wxpic&wxfrom=5&wx_lazy=1&wx_co=1)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
牛逼啊!接私活必备的 N 个开源项目!赶快收藏
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIcs2DKS93qMRltaZsLJCNiapA7BoXEFaaLic0NTsy9VeDsIia7BXzxDzuA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIq4vnlBuTQ361v5WvLUvrX2icsMLpITBBtAGXMFDT65ft12KHk1jVMeA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIsH3Y860yO97k2txpDk1gvaawmG4NsmSicwEl5BcID9CP6DAdYRze7UA/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/WZoDoXZNb0vpoyT6thUn51vicjHicG92TIOnzACQ47hKawCJ9d2c54tpCxmFOxticWkAlbkMFt0WtEtuSibkENCoCQ/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
安装使用
git clone 文末获取
pnpm i
pnpm dev
pnpm build
Docker 部署
docker run --name soybean -p 80:80 -d soybeanjs/soybean-admin:v0.9.6
打开本地浏览器访问http://localhost
项目源码,怎么领取?
源码获取
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
![](http://mmbiz.qpic.cn/mmbiz_png/b96CibCt70iaajvl7fD4ZCicMcjhXMp1v6UXcBIdyPOYfUfaibicSXbZSrkFL9jwZRTUz8aKA1zXq1GDV8Z7uXeep6w/640?wx_fmt=png&wxfrom=5&wx_lazy=1&wx_co=1&tp=wxpic)
牛逼啊!接私活必备的 N 个开源项目!赶快收藏
扫码下方二维码,后台回复【中后台】即可获取所有系统
欢迎有需要的同学试试,如果本文对您有帮助,也请帮忙点个 赞 + 在看 啦!❤️
你还有什么想要补充的吗?
上周,又劝退十几个了。。。
ChatGPT 4.0 国内直接用 !!!
最后给大家推荐一个ChatGPT 4.0国内网站,是我们团队一直在使用的,我们对接是OpenAI官网的账号,给大家打造了一个一模一样ChatGPT,很多粉丝朋友现在也都通过我拿这种号,价格不贵,关键还有售后。
一句话说明:用官方一半价格的钱,一句话说明:用跟官方 ChatGPT4.0 一模一样功能,无需魔法,无视封号,不必担心次数不够。
最大优势:可实现会话隔离!突破限制:官方限制每个账号三小时可使用40次4.0本网站可实现次数上限之后,手动切换下一个未使用的账号【相当于一个4.0帐号,同享受一百个账号轮换使用权限】
![](http://mmbiz.qpic.cn/mmbiz_png/yfWUG6H1laSlQQUpngkcpms5QPUFicKSlmnCdOcdBPPsY4Y5hXy3Yjpicb9RWHuRAbBjawOwbpj3rFGKTSmsvpuw/640?wx_fmt=png&from=appmsg&tp=wxpic&wxfrom=5&wx_lazy=1&wx_co=1)
为了跟上AI时代我干了一件事儿,我创建了一个知识星球社群:ChartGPT与副业。想带着大家一起探索ChatGPT和新的AI时代。
有很多小伙伴搞不定ChatGPT账号,于是我们决定,凡是这三天之内加入ChatPGT的小伙伴,我们直接送一个正常可用的永久ChatGPT独立账户。
不光是增长速度最快,我们的星球品质也绝对经得起考验,短短一个月时间,我们的课程团队发布了8个专栏、18个副业项目:
![](http://mmbiz.qpic.cn/sz_mmbiz_jpg/nAPmobkkalvbPMYo41I5dWYsNsAJoiaeLm8tCEOPBIBWIIs4yUg4x8libhciaSlsQrkAQ0yanibYOC8MrwiclN7YzhQ/640?wx_fmt=jpeg&wxfrom=5&wx_lazy=1&wx_co=1)
简单说下这个星球能给大家提供什么:
1、不断分享如何使用ChatGPT来完成各种任务,让你更高效地使用ChatGPT,以及副业思考、变现思路、创业案例、落地案例分享。
2、分享ChatGPT的使用方法、最新资讯、商业价值。
3、探讨未来关于ChatGPT的机遇,共同成长。
4、帮助大家解决ChatGPT遇到的问题。
5、