An open API service indexing awesome lists of open source software.

https://github.com/mikasa33/cool-admin-naive

cool-admin for Naive UI
https://github.com/mikasa33/cool-admin-naive

admin admin-dashboard admin-template cool-admin naive naive-ui naive-ui-admin vite vue vue3

Last synced: 6 months ago
JSON representation

cool-admin for Naive UI

Awesome Lists containing this project

README

          


logo

cool-admin-naive


## 简介

[cool-admin-naive](https://github.com/Mikasa33/cool-admin-naive) 是一个基于 Vue3、Vite3、TypeScript、NaiveUI、Pinia 和 UnoCSS 的清新优雅的中后台模版,它使用了最新流行的前端技术栈,内置丰富的主题配置,有着极高的代码规范,基于后台的路由系统以及动态权限路由,开箱即用的中后台前端解决方案,也可用于学习参考。

## 特性

- **最新流行技术栈**:使用 Vue3/Vite 等前端前沿技术开发, 使用高效率的 npm 包管理器 pnpm
- **TypeScript**: 应用程序级 JavaScript 的语言
- **主题**:丰富可配置的主题、暗黑模式,基于原子 css 框架 - UnoCss 的动态主题颜色
- **代码规范**:丰富的规范插件及极高的代码规范
- **文件路由系统**:基于文件的路由系统,根据页面文件自动生成路由声明、路由导入和路由模块
- **权限路由**:提供后端动态路由模式

## 地址

- [vue3 + naive-ui + ts + vite](https://github.com/Mikasa33/cool-admin-naive)

## 在线预览

- [cool-admin-naive 预览地址](http://cool.mikasa.cc)

账户:admin,密码:123456

## 后端服务

- [https://github.com/cool-team-official/cool-admin-midway](https://github.com/cool-team-official/cool-admin-midway)

***务必使用 sql 目录下的 sql 文件更新数据库***

***务必修改 menu.ts 文件,添加了一个 `isFrame` 属性***

## 项目示例图

![](https://github.com/Mikasa33/cool-admin-naive/assets/29498153/4035badd-ebbd-43a3-ab03-33450400da60)
![](https://github.com/Mikasa33/cool-admin-naive/assets/29498153/aa22adc7-38a7-46f0-a6e6-17c091f66b22)
![](https://github.com/Mikasa33/cool-admin-naive/assets/29498153/431b2876-c23d-443b-a93e-c8780ca85206)
![](https://github.com/Mikasa33/cool-admin-naive/assets/29498153/1704fa9b-ea1c-4b72-acfb-1d591dffe376)
![](https://github.com/Mikasa33/cool-admin-naive/assets/29498153/9ff59974-1665-4ac4-873a-da7f9d2e004d)
![](https://github.com/Mikasa33/cool-admin-naive/assets/29498153/85143af1-18dd-412e-9770-d1de5dba1433)

## 安装使用

- 克隆代码

```bash
git clone https://github.com/Mikasa33/cool-admin-naive.git
```

- 安装依赖

```bash
pnpm i
```

- 运行

```bash
pnpm dev
```

- 打包

```bash
pnpm build
```

## 开源作者

[@Mikasa33](https://github.com/Mikasa33)

## 捐赠

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

| 微信 | 支付宝 |
| ----------- | ----------- |
|logo|logo|

## License

本项目基于[MIT © Mikasa33-2023](./LICENSE) 协议,仅供参考学习,商用时请保留作者的版权信息,作者不对软件做担保和负责。