Skip to content

A modern admin rapid development platform | 一个现代化风格的快速开发平台,主要技术为 React 18、TypeScript、Vite、Ant Design、TailwindCSS、Zustand、React-Query,并配套 NestJS 后端

Notifications You must be signed in to change notification settings

kangood/prune-admin

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

86 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation


Prune Admin

中文 | English

简介

Prune Admin 是一个现代化风格的快速开发平台,前端基于 React 18、Vite、Ant Design 和 TypeScript 构建,后端使用 NestJS 开发:Prune Api,它旨在帮助开发人员快速搭建功能强大的后台管理系统。

预览

sign-in.png menu-black.png home.png

特性

  • 使用 React 18 hooks 进行构建
  • 基于 Vite 进行快速开发和热模块替换
  • 集成 Ant Design,提供丰富的 UI 组件和设计模式
  • 使用 TypeScript 编写,提供类型安全性和更好的开发体验
  • 使用 Node.js 流行框架 NestJS 集成后端 Prune Api,提供数据服务
  • 集成常见的后台管理功能,如用户管理、角色管理、菜单管理、地区管理等
  • 集成国际化支持,轻松切换多语言
  • 可定制的主题和样式,使用 TailwindCSS 原子化操作按需使用
  • 灵活的路由配置,支持多级嵌套路由
  • 集成权限管理,根据用户角色控制页面以及细化到按钮的访问权限(待完善)
  • 使用 Zustand 进行状态管理
  • 使用 React-Query 进行数据获取
  • 响应式设计,适应各种屏幕尺寸和设备

快速开始

获取项目代码

git clone https://github.com/kangood/prune-admin.git

安装依赖

在项目根目录下运行以下命令安装项目依赖:

pnpm install

启动开发服务器

运行以下命令以启动开发服务器:

pnpm dev

访问 http://localhost:7442 查看您的应用程序。

构建生产版本

运行以下命令以构建生产版本:

pnpm build

构建后的文件将位于 dist 目录中。

鸣谢

本项目的前端是在 slash-admin 脚手架基础上进行的开发,我在此基础上开发了后台管理系统中常用的一些页面

About

A modern admin rapid development platform | 一个现代化风格的快速开发平台,主要技术为 React 18、TypeScript、Vite、Ant Design、TailwindCSS、Zustand、React-Query,并配套 NestJS 后端

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published