Tailwick v2.0 - Tailwind, React, Next.js, Angular, Vue Nuxt, Laravel, Rails Admin Dashboard HTML Template

# 项目简介 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 ## 项目结构 ``` 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 会自动热重载。