- 重新设计页面布局,移除顶部标题区域 - 优化个人信息展示,调整字段排序和显示位置 - 新增角色信息显示,支持多角色标签展示 - 修复状态标签颜色显示逻辑,启用状态使用主题色 - 使用n-tabs组件重新设计右侧操作区域 - 集成基本资料编辑和密码修改为标签页形式 - 优化日期格式显示为YYYY-MM-DD HH:mm:ss格式 - 改进表单验证错误处理机制 - 调整操作按钮位置到表单下方左侧 - 移除弹框设计,改为内联表单编辑 主要改进: - 统一视觉体验和交互逻辑 - 更好的空间利用和布局优化 - 增强的表单验证用户体验 - 清晰的功能分组和操作流程 |
||
|---|---|---|
| .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!









