澄屿企业官网与产品目录管理系统（demo）产品系统Vibe Coding

面向中小型纺织与制造企业的品牌展示、产品资料维护和采购询盘场景，解决产品资料更新依赖开发人员、展示内容分散以及客户询盘跟进不便的问题。项目将企业官网与后台内容管理结合，支持持续更新产品、新闻和品牌资料，并集中处理客户咨询，适用于工厂官网、纺织供应商展示站和B2B产品目录网站。本作品采用虚构企业资料进行演示。

前台提供企业首页、公司介绍、产品分类与详情、图片展示、新闻文章及联系询盘，支持电脑和手机浏览。后台支持管理员登录、产品与分类维护、图片上传、文章发布、品牌资料修改，以及询盘查看和处理状态管理。询盘先保存至数据库，再按配置发送邮件通知。英文版增加隐私同意、业务时区和网站基础SEO配置。项目附有源码、配置示例及部署说明，可根据企业需求替换品牌和产品内容。邮件通知需配置SMTP，当前作品以演示资料展示功能。

我采用AI辅助开发方式，负责需求梳理、功能设计、结果核对与测试验收，完成企业展示前台、产品目录、内容管理后台和客户询盘流程。前端使用React、TypeScript与Tailwind CSS构建响应式界面，后端通过Node.js、Fastify提供REST API，并使用Prisma操作SQLite数据库。实现重点包括管理员鉴权、图片上传校验、询盘先入库再发送邮件通知，以及前后台内容同步。英文版进一步支持品牌配置、隐私同意和业务时区。通过接口检查和浏览器操作验证产品编辑、询盘处理及手机端布局，并整理源码、配置示例与部署说明。当前采用虚构企业资料演示，邮件通知需单独配置SMTP。