coder-common-thin 前端模版
Go to file
Leo d09a400ad0 feat(user-management): 实现用户管理导入导出功能
- 新增用户数据导出功能:
  * 支持导出当前查询条件下的数据
  * 支持导出全部用户数据
  * 支持下载用户导入模板
  * 自动生成带时间戳的文件名

- 新增用户数据导入功能:
  * 拖拽上传Excel文件支持
  * 文件类型和大小验证(.xlsx/.xls, 最大10MB)
  * 覆盖已存在数据选项
  * 实时上传进度显示
  * 详细的导入结果反馈

- 完善API接口:
  * downloadExcelTemplate: 下载Excel模板
  * exportExcelData: 导出用户数据(支持查询参数)
  * importUserData: 导入用户数据(支持覆盖选项)

- UI/UX优化:
  * 下拉菜单式导出按钮设计
  * 专业的导入模态框界面
  * 完善的错误处理和用户反馈
  * 导入说明和操作指导

技术实现:
- 使用Blob处理文件下载
- FormData处理文件上传
- Naive UI组件深度集成
- TypeScript类型安全保障
2025-07-06 00:58:26 +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 init project 2025-07-04 15:08:19 +08:00
public init project 2025-07-04 15:08:19 +08:00
src feat(user-management): 实现用户管理导入导出功能 2025-07-06 00:58:26 +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 init project 2025-07-04 15:08:19 +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 init project 2025-07-04 15:08:19 +08:00
docker-compose.product.yml init project 2025-07-04 15:08:19 +08:00
eslint.config.js init project 2025-07-04 15:08:19 +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 init project 2025-07-04 15:08:19 +08:00
package.json init project 2025-07-04 15:08:19 +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 init project 2025-07-04 15:08:19 +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