业务和功能介绍
山房文创是一个面向C端用户的文房文创电商Web平台，主打文房四宝（笔墨纸砚）、文创周边及古籍复刻三大品类的线上选购。立项目标为打造具有传统美学气质的文创购物体验。核心功能模块包括：首页卷轴叙事风格展示与分类导航、商品分类浏览与多维筛选（按一/二/三级分类、关键词、价格区间）、商品详情页（规格选择、库存展示、墨友品鉴评价、星级打分与晒图）、购物车（多选/全选/数量修改）、结算页（收货地址管理、支付方式选择、文创立减优惠券选择与实付计算）、个人中心（订单管理与状态流转、我的优惠券）以及后台管理系统（商品/分类/订单/会员管理）
项目实现
整体采用前端单页应用架构，技术栈为 React + TypeScript + Vite + Tailwind CSS + shadcn/ui，使用 React Context 统一管理购物车、商品、订单、优惠券等全局状态，数据层使用 MockData 模拟，路由基于 React Router v6。负责模块包括：商品详情页的墨友品鉴评价板块（1-5星打分、图片上传、评价列表与统计分布）、结算页优惠券抵扣闭环（满减券/立减券领取、门槛校验、实付金额计算 ≥0）、首页三大分类卡片宣纸微浮与墨晕扩散悬停动效（CSS keyframe + radial-gradient）。难点在于导航高亮状态精准互斥（全部分类与三大子分类不能同时高亮），通过解析 URL query 参数（c1/c2/c3）精确判定激活分类，彻底修复了多项并列高亮的 Bug
示例图片视频
相似推荐
IP 互动微信小游戏-喵扎特元宇宙
为喵扎特 IP 品牌开发的互动微信小游戏，包含 253 个角色的收集系统、角色图鉴、像素涂色画板和 AR 识别互动。用户可浏览及收集角色、进行涂色创作，并在互动场景中查看角色动画。客户端根据可见区域与设备能力安排角色资源加载，离开场景时释放不再使用的资源，支持持续浏览与场景切换。
钢琴比赛报名系统
面向参赛者与评委的赛事系统，覆盖报名、材料上传、成绩查询及配套服务预约。系统按赛事配置报名字段、校验与联动规则，复用二十余类字段以适配不同赛事；参赛者可提交报名资料、上传图片和视频、查询成绩并预约配套服务。上传模块支持分片传输、图片压缩与方向修正；预约模块处理多日价格累计、跨日库存约束及重复请求。
找不同游戏及运营管理系统-神探喵扎特
面向休闲游戏玩家的找不同产品，由游戏客户端、服务端与运营管理系统组成。除双图找不同玩法外，项目还需要支持持续配置关卡规则、可靠结算奖励、调整玩家资产及维护排行榜，减少内容更新对客户端发版的依赖。
客户端提供章节闯关、双图找不同、提示、限时和误触限制等玩法，并展示玩家进度与排行榜。服务端统一关卡难度、奖励和资产记录；运营后台支持双图热点标注、规则校验、草稿发布、版本回滚以及玩家资产调整。通关与资产操作记录流水，在网络重试或结算中断时通过状态回查恢复结果。
跑步俱乐部社交平台小程序-喵扎特跑步
喵扎特跑步是一款面向跑步爱好者的俱乐部社交平台，旨在为跑步俱乐部提供数字化管理工具，促进跑者之间的交流互动。
核心功能模块包括：
1. 俱乐部管理：支持俱乐部创建、成员管理、权限分级、数据统计、月报生成等完整的俱乐部运营功能
2. 活动系统：支持多种活动类型（常规跑步活动、打卡挑战、PK对战、投票比赛），包含活动发布、报名管理、成绩记录、排行榜等
3. 社交动态：类似朋友圈的动态发布系统，支持图文发布、点赞评论、内容审核
4. 消息系统：私信聊天、系统通知、活动提醒等消息功能
5. 个人中心：跑步数据统计、目标设定、成就系统、设备绑定（运动手表）
业务流程：用户注册登录→加入/创建俱乐部→参与活动/发布动态→记录跑步数据→查看统计排名→获得成就奖励
简历生成器
架构设计：采用注册表模式解耦组件与框架，新增简历模块不改画布代码；设计配置驱动的动态表单引擎，通过DynamicForm遍历propDefs自动生成属性面板，支持Input / TextArea / Upload / DynamicList四种控件类型。
2. 交互实现：基于@dnd-kit实现组件从面板到画布拖拽及画布内排序；通过物理分离拖拽手柄与点击区域解决拖拽与选中的交互冲突。
3. 动态列表编辑：封装通用DynamicListEditor组件，支持添加/删除行，被技能栈、实习经历、项目经历三个模块复用。
4. 导出PDF：使用html2canvas截图+jsPDF生成A4尺寸PDF，内容超一页自动分页；处理头像上传裁剪与导出清晰度问题。
5. 工程化：pnpm monorepo管理multi-package项目；Git + Gitee版本控制；腾讯云CloudBase部署上线。
帮助文档
Copyright @ 2021-2024 程聚宝 | 浙ICP备2021014372号
人工客服