coder-common-thin 前端模版
Go to file
Leo 8f8a416e88 feat(personal): 全面重构个人中心页面UI和功能
- 重新设计页面布局,移除顶部标题区域
- 优化个人信息展示,调整字段排序和显示位置
- 新增角色信息显示,支持多角色标签展示
- 修复状态标签颜色显示逻辑,启用状态使用主题色
- 使用n-tabs组件重新设计右侧操作区域
- 集成基本资料编辑和密码修改为标签页形式
- 优化日期格式显示为YYYY-MM-DD HH:mm:ss格式
- 改进表单验证错误处理机制
- 调整操作按钮位置到表单下方左侧
- 移除弹框设计,改为内联表单编辑

主要改进:
- 统一视觉体验和交互逻辑
- 更好的空间利用和布局优化
- 增强的表单验证用户体验
- 清晰的功能分组和操作流程
2025-07-07 15:54:08 +08:00
.github init project 2025-07-04 15:08:19 +08:00
.vscode init project 2025-07-04 15:08:19 +08:00
build init project 2025-07-04 15:08:19 +08:00
doc feat(user-management): 实现用户管理导入导出功能 2025-07-06 00:58:26 +08:00
locales feat(i18n): 更新国际化配置 2025-07-06 00:58:59 +08:00
public feat(ui): 更新Logo设计为可爱猫咪主题 2025-07-06 02:32:38 +08:00
src feat(personal): 全面重构个人中心页面UI和功能 2025-07-07 15:54:08 +08:00
.dockerignore init project 2025-07-04 15:08:19 +08:00
.editorconfig init project 2025-07-04 15:08:19 +08:00
.env chore(config): 更新项目配置和依赖 2025-07-06 00:58:48 +08:00
.env.dev init project 2025-07-04 15:08:19 +08:00
.env.prod init project 2025-07-04 15:08:19 +08:00
.env.test init project 2025-07-04 15:08:19 +08:00
.gitattributes init project 2025-07-04 15:08:19 +08:00
.gitignore init project 2025-07-04 15:08:19 +08:00
.npmrc init project 2025-07-04 15:08:19 +08:00
CLAUDE.md docs(guide): 完善项目开发规范和图标使用指南 2025-07-07 14:34:42 +08:00
eslint.config.js config(eslint): 更新Vue组件代码块顺序规范 2025-07-07 00:16:29 +08:00
index.html init project 2025-07-04 15:08:19 +08:00
LICENSE init project 2025-07-04 15:08:19 +08:00
netlify.toml init project 2025-07-04 15:08:19 +08:00
nginx.conf init project 2025-07-04 15:08:19 +08:00
package-lock.json docs(guide): 完善项目开发规范和图标使用指南 2025-07-07 14:34:42 +08:00
package.json chore(config): 更新项目配置和依赖 2025-07-06 00:58:48 +08:00
README.md init project 2025-07-04 15:08:19 +08:00
README.zh-CN.md init project 2025-07-04 15:08:19 +08:00
service.config.ts chore(config): 更新项目配置和依赖 2025-07-06 00:58:48 +08:00
tsconfig.json init project 2025-07-04 15:08:19 +08:00
unocss.config.ts init project 2025-07-04 15:08:19 +08:00
vite.config.ts init project 2025-07-04 15:08:19 +08:00

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

preview-1.png preview-2.jpg preview-5.png preview-6.png preview-4.png preview-3.png

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.

  • 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

wechat alipay

Contributors

Thanks for all their contributions!

contributors

Star History

Star History Chart

License

MIT