8ea41f17b6
主要优化： - 修复角色分配回显问题，编辑时正确加载用户完整信息 - 优化邮箱字段tooltip显示，解决文字颜色不清晰问题 - 美化角色分配标签，采用主题色渐变设计 - 统一操作按钮样式，使用圆形按钮和悬浮效果 - 新增NovaEmpty空状态组件，提升无数据时用户体验 技术改进： - 编辑用户时调用getUserById获取完整roleIds信息 - 自定义renderRoleTag函数，优化角色标签视觉效果 - 修复tooltip文字继承灰色样式导致不清晰的问题 - 移除用户类型标签圆角，保持界面设计一致性 - 操作列宽度优化，按钮间距和布局更加紧凑 交互体验： - 角色标签支持悬停动效和渐变背景 - 操作按钮tooltip提示更加友好 - 空状态页面提供智能操作建议 |
||
|---|---|---|
| .github | ||
| .vscode | ||
| build | ||
| doc | ||
| locales | ||
| public | ||
| src | ||
| .dockerignore | ||
| .editorconfig | ||
| .env | ||
| .env.dev | ||
| .env.prod | ||
| .env.test | ||
| .gitattributes | ||
| .gitignore | ||
| .npmrc | ||
| CLAUDE.md | ||
| eslint.config.js | ||
| index.html | ||
| LICENSE | ||
| netlify.toml | ||
| nginx.conf | ||
| package-lock.json | ||
| package.json | ||
| README.md | ||
| README.zh-CN.md | ||
| service.config.ts | ||
| tsconfig.json | ||
| unocss.config.ts | ||
| vite.config.ts | ||
Nova Admin
English | 中文
Introduction
Nova-admin is a clean and concise back-end management template based on Vue3, Vite5, Typescript, and Naive UI. It implements complete functionality in a simple way, while also considering code standards, readability, and avoiding excessive encapsulation to facilitate secondary development.
Features
- Developed based on the latest technology stack including Vue3, Vite6, TypeScript, NaiveUI, Unocss, etc.
- Based on alova encapsulation and configuration, providing unified response handling and multi-scenario capabilities.
- Comprehensive front-end and back-end permission management solution.
- Supports local static routes and dynamically generated routes from the back end, with easy route configuration.
- Secondary encapsulation of commonly used components to meet basic work requirements.
- Dark theme adaptation, maintaining the Naive style for interface aesthetics.
- Only performs eslint validation during submission without excessive restrictions for simpler development.
- Flexible and configurable interface style layout.
- Multilanguage (i18n) support.
Project preview
Repo
Interface document
This project uses ApiFox for interface mock, check the online documentation for more interface details online aipfox docs
Install and use
The local development environment is recommended to use pnpm 10.x, Node.js version 21.x.
It is recommended to directly download the compressed package from Releases
# install dependencies
pnpm i
# Run
pnpm dev
# Build product
pnpm build
You can deploy nova-admin in a production environment using docker-compose.
# Build product
docker compose -f docker-compose.product.yml up --build -d
The nginx.conf provided is for reference only. You can adjust it according to your own needs.
Related projects
- Nova-admin-nest (under development) Nova-Admin supporting background project based on TS, NestJs, typeorm
Learn to communicate
Nova-Admin is a completely open-source and free project. It is still being optimized and iterated. It is designed to help developers more conveniently develop medium and large management systems. If you have any questions, please ask questions in the QQ exchange group.
| Q-Group | wechat-Group |
|---|---|
 |
 |
Please indicate the purpose of adding WeChat.
Contribution
If you find any issues or have suggestions for improvement, please create an issue or submit a PR. We welcome your contributions!
Support
If you feel that this project is helpful for your work or study, please help me order a ✨ Star, which will be a great encouragement and support for me, or you can buy me a cup of coffee below
| alipay | |
|---|---|
 |
 |
Contributors
Thanks for all their contributions!