Home / Blog / example

example

Published on August 17, 2026 · Updated on August 17, 2026

使用指南

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E4%BD%BF%E7%94%A8%E6%8C%87%E5%8D%97)

前台功能

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E5%89%8D%E5%8F%B0%E5%8A%9F%E8%83%BD)

  1. 浏览产品
  • 访问首页查看精选产品
  • 进入产品页面浏览所有产品
  • 使用分类筛选和搜索查找特定产品
  1. 提交产品询盘
  • 在产品详情页点击"发送询盘"
  • 填写并提交询盘表单
  • 或通过联系我们页面提交通用询盘

后台管理

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E5%90%8E%E5%8F%B0%E7%AE%A1%E7%90%86)

  1. 登录
  • 访问 `/admin` 或 `/admin/login`
  • 使用您的管理员凭据登录
  1. 管理产品(仅超级管理员)
  • 查看所有产品
  • 编辑产品信息
  • 上传产品图片(支持 JPEG、PNG、GIF、WebP,最大 5MB)
  • 删除不需要的产品
  • 添加新产品
  1. 管理询盘
  • 查看所有客户询盘(所有管理员)
  • 查看询盘详情(所有管理员)
  • 更新询盘状态(所有管理员)
  • 删除已处理的询盘(仅超级管理员)
  1. 配置设置(仅超级管理员)
  • 更新网站名称和描述
  • 编辑公司介绍
  • 修改联系信息
  • 设置社交媒体链接

项目结构

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E9%A1%B9%E7%9B%AE%E7%BB%93%E6%9E%84)

```

cf_b2b/

├── src/

│ ├── index.js # Workers 入口文件

│ ├── api/

│ │ ├── router.js # API 路由

│ │ └── handlers/ # API 处理器

│ │ ├── products.js # 产品 API

│ │ ├── inquiries.js # 询盘 API

│ │ ├── admin.js # 管理员 API

│ │ ├── upload.js # 图片上传 API

│ │ └── settings.js # 设置 API

│ ├── pages/

│ │ ├── router.js # 页面路由

│ │ ├── layout.js # 页面布局模板

│ │ ├── home.js # 首页

│ │ ├── products.js # 产品列表页

│ │ ├── product-detail.js # 产品详情页

│ │ ├── about.js # 关于我们页

│ │ ├── contact.js # 联系我们页

│ │ ├── admin-login.js # 管理员登录页

│ │ ├── admin-dashboard.js# 管理后台

│ │ └── static.js # 静态资源处理器

│ └── utils/

│ └── auth.js # 认证工具

├── public/

│ ├── css/

│ │ └── main.css # 主样式表

│ └── js/

│ ├── main.js # 主 JS 文件

│ └── admin.js # 管理后台 JS

├── schema/

│ ├── schema.sql # 数据库结构

│ ├── init.sql # 初始化脚本

├── package.json

├── wrangler.toml # Cloudflare Workers 配置

├── README.md

└── DEPLOY.md

```

故障排除

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E6%95%85%E9%9A%9C%E6%8E%92%E9%99%A4)

常见问题

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98)

  1. 数据库连接错误
  • 验证 wrangler.toml 中的 `database_id` 与您的 D1 数据库匹配
  • 确保数据库 schema 已初始化
  1. 图片上传失败
  • 确认 R2 bucket 存在:`wrangler r2 bucket list`
  • 检查 wrangler.toml 中的 R2 绑定名称是否为 "IMAGES"
  1. 设置无法保存
  • 确保 KV 命名空间已创建并绑定
  • 验证您是以超级管理员身份登录
  • 检查浏览器控制台是否有错误
  1. 登录问题
  • 验证密码哈希是否正确
  • 检查 JWT\_SECRET 是否已配置
  • 清除浏览器 localStorage 后重试
  1. 权限被拒绝错误
  • 确认您的管理员角色(super\_admin vs admin)
  • 只有超级管理员可以创建/更新/删除
  • 普通管理员只有只读权限

后续优化建议

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E5%90%8E%E7%BB%AD%E4%BC%98%E5%8C%96%E5%BB%BA%E8%AE%AE)

  1. 📧 邮件通知 \- 为新询盘发送提醒
  2. 🔍 增强搜索 \- 全文搜索功能
  3. 📊 分析仪表板 \- 更详细的统计数据和图表
  4. 🌐 多语言支持 \- 面向全球受众的国际化
  5. 💾 数据导出 \- 导出数据到 Excel/CSV
  6. 🔔 实时通知 \- 基于 WebSocket 的通知系统
  7. 🖼️ 图片优化 \- 自动调整大小和压缩图片
  8. 📱 移动端管理应用 \- 原生移动端管理界面

技术支持

[](https://github.com/geeeeeeeek/cf_b2b/blob/master/readme-cn.md#%E6%8A%80%E6%9C%AF%E6%94%AF%E6%8C%81)

遇到问题时请检查:

  1. 检查 Wrangler CLI 版本:`wrangler --version`
  2. 验证 D1 数据库初始化
  3. 检查 wrangler.toml 配置
  4. 查看浏览器控制台错误信息
  5. 查看 Cloudflare Workers 日志

#cf-b2b

Interested in our products?

Get a Quote
Contact By Whatsapp