# hua

**Repository Path**: format_hu/hua

## Basic Information

- **Project Name**: hua
- **Description**: hua web
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2026-08-12
- **Last Updated**: 2026-08-16

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# 花间集 - 鲜花盆栽展示与询价平台

基于 Next.js 16 + TypeScript + TailwindCSS v4 + Prisma + MySQL 开发的鲜花盆栽展示网站。

## 技术栈

- **框架**: Next.js 16.3.0 (App Router)
- **语言**: TypeScript 7
- **样式**: TailwindCSS v4
- **数据库**: MySQL + Prisma 6 ORM
- **认证**: NextAuth v5 (Credentials Provider)
- **UI组件**: 自定义组件 + Lucide Icons
- **图片爬取**: Unsplash / Pexels / Pixabay 多源支持

## 快速开始

### 1. 配置数据库

编辑 `.env` 文件，修改数据库连接信息：

```env
DATABASE_URL="mysql://root:你的密码@localhost:3306/flower_shop"
```

创建数据库：

```bash
mysql -u root -p
CREATE DATABASE flower_shop CHARACTER SET utf8mb4 COLLATE utf8mb4_unicode_ci;
```

### 2. 初始化数据库

```bash
# 生成 Prisma Client
pnpm db:generate

# 推送表结构
pnpm db:push

# 初始化示例数据
pnpm db:seed
```

### 3. 启动开发服务器

```bash
pnpm dev
```

访问 http://localhost:3000

## 管理后台

- 地址: http://localhost:3000/admin/login


### 后台功能

- **数据概览**: 商品、询价统计
- **商品管理**: 增删改查，支持图片爬取
- **询价管理**: 查看客户询价，更新状态，添加备注
- **轮播图管理**: 首页轮播图配置
- **系统设置**: 站点信息、联系方式、服务特色、客户评价

## C端页面

- `/` 首页 - 轮播图、分类入口、新品、热销、推荐
- `/products` 商品列表 - 支持类型筛选、分页
- `/products/[id]` 商品详情 - 图片轮播、养护说明、询价表单
- `/category/[type]` 分类页 - 鲜花/盆栽/花瓶/耗材
- `/about` 关于我们 - 品牌介绍、联系方式

## 图片爬取配置

在 `.env` 中配置 API Key 后，可在后台商品编辑中使用图片爬取功能：

```env
UNSPLASH_ACCESS_KEY="你的key"
PEXELS_API_KEY="你的key"
PIXABAY_API_KEY="你的key"
```

## 项目结构

```
├── app/                    # Next.js App Router
│   ├── (client)/          # C端页面
│   ├── admin/             # 管理后台
│   ├── api/               # API Routes
│   ├── layout.tsx         # 根布局
│   └── globals.css        # 全局样式
├── components/
│   ├── ui/                # 基础UI组件
│   ├── client/            # C端组件
│   └── admin/             # 后台组件
├── lib/
│   ├── prisma.ts          # Prisma 客户端
│   ├── auth.ts            # NextAuth 配置
│   ├── utils.ts           # 工具函数
│   ├── settings.ts        # 站点设置
│   ├── data.ts            # 数据获取
│   └── scraper/           # 图片爬取适配器
├── prisma/
│   ├── schema.prisma      # 数据库模型
│   └── seed.ts            # 初始化脚本
└── middleware.ts          # 路由权限保护
```

## 设计规范

- 主色: `#86C5A8` 柔和绿
- 辅助色: `#FFD1DC` 淡粉
- 背景色: `#FAF8F3` 米白
- 文字色: `#2C3E50` 深灰
- 卡片圆角: 12px
- 按钮圆角: 8px