杯杯乐官网产品系统

传统饮用水与净水设备行业长期依赖线下推广和人工对接，存在品牌展示渠道单一、客户了解产品及解决方案成本高、订单处理依赖人工易出错等行业痛点。杯杯乐作为深耕智饮生态的企业，需要一个专业且响应迅速的门户网站来向政企、教育、医疗等客户展示公司实力、产品矩阵与饮水解决方案。同时，随着业务量增加，内部亟需一套轻量级的后台管理系统，将零散的订单进行线上化汇总与高效派发，提升内部协作效率。本项目正是基于此需求，打造了集“品牌展示门户”与“业务流转后台”于一体的数字化系统，助力企业完成从传统营销到线上线下一体化服务的闭环。

—、前端官网模块：

品牌与资讯展示：包括公司介绍、发展历程、新闻动态、合作企业，人才招聘等，全面树立企业专业形象；

产品与方案中心：展示公司核心产品矩阵，提供商务办公、教育、医疗等不同场景的饮水解决方案及详情页；

线索收集模块：提供在线咨询表单与联系方式，方便意向客户快速建立联系。
二、后台管理模块：

订单汇总中心：统一收录前端及业务线下单数据，实时查看订单状态与明细；

订单派发系统：支持后台管理员根据区域或业务线，将订单精准指派给对应的服务人员或团队，形成处理闭环；

内容管理（CMS）：实现各页面的动态更改，运营人员可自由编辑公司新闻、产品信息、合作企业等图文内容

本人独立负责该项目的从需求沟通、结构设计到前端开发的全流程。具体负责：前端响应式官网的搭建、后台管理系统界面的开发、订单流转逻辑的接口联调，以及内容管理模块的数据绑定与发布。
技术栈采用 Vue 3 + Vite 构建前端（后台UI组件库使用 Element Plus），与后端配合完成接口对接。在实现上，前端利用组件化抽离了多处复用的列表与卡片组件，提升了开发效率；后台则重点实现了基于角色权限的菜单管理。项目亮点在于：为传统企业落地了一套易用的 CMS 内容管理系统，运营人员通过富文本编辑器即可完成各页面的更新，极大降低了维护成本；难点在于处理后台订单状态的流转逻辑，通过严谨的数据校验与状态机设计，确保了订单从“汇总”到“派发”过程中的数据一致性，有效提升了企业的业务响应速度。