- API 层实装(api/tenants.ts):创建/详情/PATCH 租户、建站/改站、 域名绑定解绑——400 撞车 detail(slug/域名归属/prefix 引导)经 showErrorMessage:false 关全局 toast、由向导与绑域名弹窗内联常驻展示 - 租户列表:slug/名称/状态/域名数/版本/管理员概要 + 状态筛选 + 行操作(详情/停用复启用/改名);停用确认框写明 503 服务暂停语义 - 创建向导(ElSteps 四步):名称+slug(^[a-z0-9-]+$ 与撞车内联拦截) → 域名多填 → 出厂档案(auto/jiancai 提示 prefix 全局唯一撞车引导 改 blank;blank 提示墙与提示词取建材出厂档案)→ 管理员账号; 201 后列表刷新并提示首登需改密 - 站点管理(详情抽屉):站点表/新建站(门面覆盖层表单——brand 组 子集字段留空=继承租户默认)/停用复启用(404 语义提示)/域名绑定 (撞车归属内联)与解绑(标签 × 确认) - vitest +9(API 层 URL/方法/请求体契约);页面仅超管(菜单 roles 已挡) Co-Authored-By: Claude Code <noreply@anthropic.com>
Art Design Pro
A backend system template that combines design aesthetics with efficient development, helping you quickly build professional-grade applications
What makes this project special?
Interface Design: Modern UI design with smooth interactions, focusing on user experience and visual design
Quick Start: Clean architecture + comprehensive documentation, easy for backend developers to use
Rich Components: Built-in high-quality components for data display, forms, and more to meet different business scenarios
Smooth Interactions: Button clicks, theme switching, page transitions, chart animations - experience comparable to commercial products
Efficient Development: Built-in practical APIs like useTable and ArtForm to significantly improve development efficiency
Clean Scripts: Built-in one-click cleanup script to quickly remove demo data and get a ready-to-develop base project
Tech Stack
Development Framework: Vue3, TypeScript, Vite, Element-Plus, Tailwind CSS
Code Standards: Eslint, Prettier, Stylelint, Husky, Lint-staged, cz-git
Preview
Quick Access
Live Demo | Official Documentation | Changelog
Installation & Setup
# Install dependencies
pnpm install
# If pnpm install fails, try using the command below
pnpm install --ignore-scripts
# Start local development environment
pnpm dev
# Build for production
pnpm build
Clean Version
The project includes a cleanup script to quickly remove demo data and provide developers with a ready-to-develop base project
pnpm clean:dev
Technical Support
QQ Group: 1038930070 (Click the link to join the group chat)
Browser Compatibility
Supports modern mainstream browsers including Chrome, Safari, Firefox, and more.
Contributing
We sincerely welcome and appreciate the support of every contributor! Whether you have new ideas, feature suggestions, or code optimizations, you can participate in the following ways:
Submit Pull Requests: Share your code and help the project grow.
Create GitHub Issues: Provide bug feedback or new feature suggestions to help us improve together.
Every contribution you make takes this project one step further! Come join our open source community!
Continuous Optimization & Extension
The project maintains active updates, supports the latest frontend tech stack, is compatible with mainstream frameworks, and ensures long-term stability and extensibility. Community-driven feedback mechanisms allow your needs to be quickly integrated into project iterations.
Donation
If you feel this project has reduced your development costs and solved problems in your work/life, you can support us through the following ways:



