GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → honghuangdc → soybean-admin

honghuangdc / soybean-admin

Licence: MIT license
A fresh and elegant admin template, based on Vue3,Vite3,TypeScript,NaiveUI and UnoCSS [一个基于Vue3、Vite3、TypeScript、NaiveUI 和 UnoCSS的清新优雅的中后台模版]

Programming Languages

Vue
7211 projects
typescript
32286 projects
CSS
56736 projects
javascript
184084 projects - #8 most used programming language
shell
77523 projects
SCSS
7915 projects

Labels

adminvueadmin-dashboardadmin-templatevue-adminnaivevue-admin-templatevue3vitevite-adminnaive-uinaive-ui-admin

Projects that are alternatives of or similar to soybean-admin

vue-admin-better
🚀🚀🚀vue admin,vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design,vue-admin-beautiful-pro,vab admin pro,vab admin plus,vue admin plus,vue admin pro
Stars: ✭ 12,962 (+458.23%)
Mutual labels:  admin-dashboard, admin-template, vue-admin, vue3
Vue Admin Beautiful
🚀🚀🚀vue3 admin,vue3.0 admin,vue后台管理,vue-admin,vue3.0-admin,admin,vue-admin,vue-element-admin,ant-design，vue-admin-beautiful-pro,vab admin pro,vab admin plus主线版本基于element-plus、element-ui、ant-design-vue三者并行开发维护，同时支持电脑，手机，平板，切换分支查看不同的vue版本，element-plus版本已发布(vue3,vue3.0,vue,vue3.x,vue.js)
Stars: ✭ 10,968 (+372.35%)
Mutual labels:  admin-dashboard, admin-template, vue-admin, vue3
vue3.0-template-admin
本项目基于vue3+ElementPlus+Typescript+Vite搭建一套通用的后台管理模板；并基于常见业务场景，抽象出常见功能组件；包括动态菜单，菜单权限、登录、主题切换、国际化、个人中心、表单页、列表页、复制文本、二维码分享等等
Stars: ✭ 500 (-78.47%)
Mutual labels:  vue-admin, vue3, vite
vue-vben-admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast！
Stars: ✭ 12,169 (+424.07%)
Mutual labels:  admin-template, vue3, vite
Admin-Frame-Vue3
基于Vue3 + Element-Plus + Vite 开发的中/后台管理系统
Stars: ✭ 181 (-92.2%)
Mutual labels:  vue-admin, vue3, vite
Vue Admin Template
Sample Admin Template based on Vuejs & Vuetify.
Stars: ✭ 177 (-92.38%)
Mutual labels:  admin-dashboard, admin-template, vue-admin
vue3-element-admin
🎉 基于 vite2 + vue3 + element-plus 的后台管理系统vue3-element-admin；使用vue-cli可以切换webpack分支
Stars: ✭ 79 (-96.6%)
Mutual labels:  vue-admin, vue3, vite
Vue Element Admin
🎉 A magical vue admin https://panjiachen.github.io/vue-element-admin
Stars: ✭ 73,044 (+3045.74%)
Mutual labels:  admin-dashboard, admin-template, vue-admin
Vue Vben Admin
A modern vue admin. It is based on Vue3, vite and TypeScript. It's fast！
Stars: ✭ 8,036 (+246.08%)
Mutual labels:  admin-template, vue3, vite
vue-next-admin
🎉🎉🔥基于vue3.x 、Typescript、vite、Element plus等，适配手机、平板、pc 的后台开源免费模板库（vue2.x请切换vue-prev-admin分支）
Stars: ✭ 1,002 (-56.85%)
Mutual labels:  vue3, vite, vite-admin
Vue Framework Wz
👏vue后台管理框架👏
Stars: ✭ 3,757 (+61.8%)
Mutual labels:  admin-dashboard, admin-template, vue-admin
vue-lite-admin
a lite vue3.0 admin template,there is no typescript and vuex (但注释挺全)
Stars: ✭ 67 (-97.11%)
Mutual labels:  vue-admin, vue3, vite
fearless
A dashboard scaffolding based on Vue.js 3.x & TypeScript created by Vite.
Stars: ✭ 1,156 (-50.22%)
Mutual labels:  vue3, vite, naive-ui
RuoYi-Cloud-Vue3
🎉 基于Spring Boot、Spring Cloud & Alibaba、Vue3 & Vite、Element Plus的分布式前后端分离微服务架构权限管理系统
Stars: ✭ 295 (-87.3%)
Mutual labels:  vue-admin, vue3, vite
seezoon-stack
一款基于当前最前沿的前端（Vue3 + Vite + Antdv）和后台（Spring boot）实现的低代码开发平台。
Stars: ✭ 227 (-90.22%)
Mutual labels:  admin-dashboard, vue3, vite
Vue Quasar Admin
Vue 2.0 admin-dashboard based on Quasar-Framework
Stars: ✭ 516 (-77.78%)
Mutual labels:  admin-dashboard, admin-template, vue-admin
D2 Admin
An elegant dashboard
Stars: ✭ 11,012 (+374.25%)
Mutual labels:  admin-dashboard, admin-template, vue-admin
Voler
The first Bootstrap 5 admin dashboard template
Stars: ✭ 183 (-92.12%)
Mutual labels:  admin-dashboard, admin-template
vue-component-lib-starter
A bare-bones example of creating your own Vue component library.
Stars: ✭ 221 (-90.48%)
Mutual labels:  vue3, vite
Stellar
Stellar is completely based on the latest version of Bootstrap 4. Stellar Admin is designed to reflect the simplicity and svelte of the components and UI elements and coded to perfection with well-organized code.
Stars: ✭ 176 (-92.42%)
Mutual labels:  admin-dashboard, admin-template
View All Similar Projects ➔

Soybean Admin

license

简介

Soybean Admin 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版，它使用了最新的前端技术栈，内置丰富的主题配置，有着极高的代码规范，基于 mock 实现的动态权限路由，开箱即用的中后台前端解决方案，也可用于学习参考。

特性

  • 最新技术栈：使用 Vue3/vite2 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
  • TypeScript: 应用程序级 JavaScript 的语言
  • 主题：丰富可配置的主题、暗黑模式，基于原子 css 框架 - UnoCss 的动态主题颜色
  • 代码规范：丰富的规范插件及极高的代码规范
  • 权限路由：基于文件的路由系统、基于 mock 的动态路由能快速实现后端动态路由
  • 请求函数：基于 axios 的完善的请求函数封装，提供 Promise 和 hooks 两种请求函数，加入请求结果数据转换的适配器适配器

预览

文档

代码仓库

更新日志

CHANGELOG

后端服务

项目示例图

安装使用

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

  • 克隆代码

git clone https://github.com/honghuangdc/soybean-admin.git
  • 安装依赖
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

如何贡献

非常欢迎您的加入！提一个 Issue 或者提交一个 Pull Request。

Git 贡献提交规范

项目已经内置 angular 提交规范，直接执行 commit 命令即可。

项目已用 simple-git-hooks 代替了 husky, 旧版本用了 husky，执行 pnpm soy init-git-hooks 进行初始化配置

浏览器支持

本地开发推荐使用Chrome 90+ 浏览器

支持现代浏览器, 不支持 IE

IEIE EdgeEdge FirefoxFirefox ChromeChrome SafariSafari
not support last 2 versions last 2 versions last 2 versions last 2 versions

开源作者

@Soybean

交流

Soybean Admin 是完全开源免费的项目，在帮助开发者更方便地进行中大型管理系统开发，同时也提供微信和 QQ 交流群，使用问题欢迎在群内提问。

  • 微信交流群（添加本人微信拉进群），欢迎来技术交流，业务咨询。

  • QQ 交流群 711301266

捐赠

如果你觉得这个项目对你有帮助，可以请 Soybean 喝杯饮料表示支持，Soybean 开源的动力离不开各位的支持和鼓励。

赞助

License

MIT © Soybean-2021

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].