docs: 更新前端技术栈文档和页面布局规范

更新 README.md 和 AGENTS.md 文档，详细说明前端技术栈从 Flowbite 迁移到 DaisyUI v5 的变更
新增页面布局规范，包括元数据定义、DaisyUI 组件使用指南和主题适配说明

Author: Deali-Axy

AGENTS.md

@@ -24,8 +24,8 @@ DjangoStarter 是下一代 Django 项目快速开发模板，专为提升开发
 - 模板引擎: Django Templates
 - 交互框架: HTMX
 - JavaScript框架: Alpine.js
-- CSS框架: TailwindCSS
-- 组件库: Flowbite
+- CSS框架: TailwindCSS v4
+- 组件库: DaisyUI v5 (Pure CSS)
 - 图标: Font Awesome Free 6
 - 动画: AOS (Animate On Scroll)
 
@@ -245,7 +245,9 @@ def list_users(request):
 
 ### Django View
 
-- 在 context 中传入 title 和 breadcrumbs，示例代码：
+- **页面元数据**: 每个返回独立页面的视图函数（View）必须在 context 中定义 `title` 和 `breadcrumbs`，以保证统一的页面标题显示和导航体验。
+
+  示例代码：
 
   ```python
   context = {
@@ -267,6 +269,7 @@ def list_users(request):
 - 在各个 app 下创建 templates 目录编写前端页面代码，不要直接修改 src\templates 里的代码
 - DjangoStarter 提供 page_header 组件用于渲染标准页面标题和面包屑导航，位于 `django_starter/contrib/navbar/templatetags/page_tags.py` 内，使用时在模板代码顶部引入: `{% load page_tags %}`
 - 根据具体情况选择合适的交互方式，DjangoStarter 默认已集成 HTMX / Alpine.js 相关依赖和配置
+- **页面布局**: 默认使用 DaisyUI Drawer 布局，主内容区在 `block content` 中。
 
 示例页面代码：
 
@@ -284,6 +287,15 @@ def list_users(request):
 {% block content %}
 {% page_header title breadcrumbs %}
 <!-- 页面主体内容，外部已有 container 容器，这里直接写页面内容元素 -->
+<div class="card bg-base-100 shadow-xl">
+    <div class="card-body">
+        <h2 class="card-title">Card Title</h2>
+        <p>Content goes here...</p>
+        <div class="card-actions justify-end">
+            <button class="btn btn-primary">Action</button>
+        </div>
+    </div>
+</div>
 {% endblock %}
 
 <!-- Alpine.js 交互脚本 -->
@@ -300,11 +312,12 @@ def list_users(request):
 
 #### CSS/TailwindCSS规范
 
-- 优先使用 flowbite 组件库已有组件，保持界面设计风格统一
-- 使用 TailwindCSS 工具类
-- 避免直接使用 CSS
-- 使用响应式设计原则
-- 遵循移动优先的设计理念
+- **优先使用 DaisyUI 组件类** (如 `btn btn-primary`, `card`, `input input-bordered`)，减少冗长的 Utility Classes。
+- 使用daisyui MCP查询组件列表和组件的类名。
+- 使用 TailwindCSS 工具类处理布局和微调。
+- 避免直接使用 CSS，利用 DaisyUI 的 Design Tokens (如 `bg-base-100`, `text-primary`) 确保 Light/Dark 主题适配。
+- 使用响应式设计原则。
+- 遵循移动优先的设计理念。
 
 ### 测试规范
 

README.md

@@ -57,7 +57,7 @@
 - **代码自动生成**：v3 版本进一步优化了代码生成器，丢掉了 DRF 这个包袱，只需要定义模型，就可以生成 schema 以及 RESTFul API，还能根据定义自动创建测试用例，大大提高开发效率。
 - **随机种子数据生成**：v3 版本内置 seed 模块，支持为已有模型自动填充假数据，方便开发测试。
 - **模块化项目结构**：推出了更加模块化的项目结构设计，方便开发者根据需要添加或移除功能模块，使项目维护更为简单。
-- **现代化前端集成**：提供了对现代化前端技术的集成，以及利用 NPM 和 gulp 管理前端资源，帮助开发者打造富交互式的用户界面。
+- **现代化前端集成**：采用 **TailwindCSS v4 + DaisyUI v5** 构建 UI，移除 Flowbite，支持 Light/Dark 多主题切换。使用 **Alpine.js** 处理前端交互，结合 HTMX 实现 SPA 级体验。以及利用 NPM 和 gulp 管理前端资源，帮助开发者打造富交互式的用户界面。
 - **容器化支持**：内置 Dockerfile 和 docker-compose.yml 配置，简化了容器化部署的过程，支持一键部署到任何支持 Docker 的环境。
 - **详尽的文档与社区支持**：提供全面的文档和指南，覆盖从项目启动到部署的每一个步骤。同时，基于活跃的 Django 开源社区，开发者可以轻松获取支持和反馈。
 
@@ -99,7 +99,7 @@ v2版本已经定下了大体的框架，v3的主要改动是将 RestFramework 
 - 随机种子数据，目前使用 faker 实现假数据，打算进一步实现类似 EFCore 的种子数据机制，使假数据更自然
 - 新的登录接口
 - 多种第三方登录接入（目前接了微信、小程序、企微）
-- 使用 tailwindcss 替换 bootstrap 实现前端（只是一些简单的后台展示，还是以 API 为主）
+- 使用 TailwindCSS v4 + DaisyUI 重构前端，提供精美的现代化 UI 组件与布局，支持多主题切换
 - 拆分 settings 配置，像 AspNetCore 那样支持多个环境配置
 - 更换了包管理器为 uv