项目简介
Tailwink 是一套基于 Tailwind CSS v4 的多框架管理后台模板合集，同时提供 ASP.NET Core 9、ASP.NET Core MVC、Angular 和 Django 四种后端实现，适用于快速搭建企业级管理后台或 SaaS 产品。
技术栈
- Tailwind CSS v4 + @tailwindcss/vite
- Vite 6（构建工具）
- FullCalendar、ApexCharts、Flatpickr（图表与日期组件）
- Lucide、Iconify（图标库）
- Swiper（轮播）、Preline（UI 组件）、Dropzone（文件上传）
- ASP.NET Core 9 / ASP.NET Core MVC / Angular 20 / Django 5.1
项目结构
text
tailwink-20/
├── ASP.NET-Core-9/ # .NET 9 最小 API 实现
│ └── Tailwick/
│ ├── Program.cs
│ ├── Pages/ # Razor Pages
│ └── wwwroot/ # 前端资源
├── ASP.NET-Core-MVC/ # .NET MVC 完整架构
│ └── Tailwick/
│ ├── Controllers/ # 8 个业务控制器
│ ├── Models/
│ ├── Views/
│ └── wwwroot/
├── Angular/ # Angular 20 SPA 实现
│ ├── src/app/ # 路由、组件、配置
│ └── package.json
└── Django/ # Django 5.1 + Cookiecutter
├── locale/ # 国际化翻译
└── requirements/
核心文件说明
ASP.NET-Core-MVC/Tailwick/Controllers/*.cs— 各模块业务控制器（Dashboard、Auth、Ecommerce、HR 等）Angular/src/main.ts— Angular 应用入口，挂载 iconify-icon 图标库Angular/src/app/app.config.ts— 应用配置与依赖注入Angular/src/app/app.routes.ts— 路由定义ASP.NET-Core-*/Tailwick/wwwroot/— 前端静态资源输出目录Django/locale/README.md— Django 国际化配置说明
快速开始
Angular 前端（主推）
bash
cd tailwink-20/Angular
npm install
ng serve
# 访问 http://localhost:4200
ASP.NET Core MVC
bash
cd tailwink-20/ASP.NET-Core-MVC/Tailwick
dotnet restore
dotnet run
# 访问 https://localhost:5001
Django
bash
cd tailwink-20/Django
python -m venv env && source env/bin/activate
pip install -r requirements/local.txt
python manage.py migrate
python manage.py runserver
使用建议
各框架变体共享相同的 Tailwind CSS 配置与 UI 组件（FullCalendar、ApexCharts 等），可根据团队技术栈选择任一后端实现。开发前需运行 npm install 安装前端依赖，Vite 会自动热重载。
