全源码提供-浪漫定格的婚纱摄影预约小程序一个面向婚纱摄影行业的在线预约与档期管理平台覆盖客户 摄影师 管理后台三端基于 Vue 3 构建。项目背景每年超过 800 万对新人步入婚姻殿堂婚纱摄影是刚需中的高客单消费——客单价从 ¥2,999 到 ¥19,999 不等。但大量影楼仍靠门市接待 纸质合同 电话排档存在三大痛点新人看作品难想选摄影师只能到店翻 iPad线上只有几张精修图档期协调难摄影师档期靠 Excel 排撞档、漏档频发进度不透明拍完等修图一等就是两个月新人天天打电话催婚纱摄影预约小程序正是为这个行业打造的 O2O 平台打通浏览作品集 → 选择套餐 → 预约档期 → 拍摄进度 → 选片交付 → 评价的完整业务闭环。适用婚纱影楼、写真工作室、婚礼跟拍、旅拍摄影、情侣写真馆。技术选型层级技术栈前端框架Vue 3 Composition API路由Vue Router 4状态管理Pinia构建工具ViteUI 风格自定义 CSS 变量体系移动端优先浪漫粉色系--primary: #FF6B6F目标平台H5 / 微信小程序UniApp 可扩展功能全景客户端移动端客户端采用底部 Tab 导航覆盖从浏览作品到评价的完整链路。1. 登录页支持微信一键登录和手机号登录。slogan浪漫定格预约你的专属摄影师。底部提供管理员入口和摄影师入口。2. 首页顶部 Banner定格浪漫瞬间 专属摄影师为你记录粉色渐变背景搭配婚纱照氛围图。下方展示6 大分类婚纱摄影、写真摄影、婚礼跟拍、旅拍摄影、情侣写真、孕妇照推荐摄影师横向滚动卡片展示头像、风格标签ins风/韩式/中式/复古/清新、作品数量、起拍价热门套餐经典婚纱 ¥3,999、户外旅拍 ¥6,999、室内纯色 ¥2,999、婚礼跟拍 ¥5,8883. 摄影师列表核心筛选维度风格标签ins风/韩式/中式/复古/清新——这是新人选择摄影师的第一决策因素。支持按评分/作品数/价格排序。每位摄影师展示头像、姓名、风格标签、评分、作品数量、起拍价。4. 摄影师详情与作品集核心决策页这个页面是新人决定预约的关键信息密度极高基本信息头像、姓名、评分、从业年限8年、服务次数856单、好评率98%风格标签ins风 / 韩式简约 / 中式复古——快速匹配新人审美偏好资质证书摄影师资格证、修图师证等3 列作品集画廊这是比任何文字描述都有说服力的功能。网格展示摄影师的代表作品新人可以直观判断拍摄风格是否合心意顾客评价带新人头像和婚期的真实评价列表底部固定栏显示¥3,999起和预约档期按钮。5. 套餐选择分类筛选套餐每套标注关键信息套餐价格服装套数精修张数拍摄时长经典婚纱¥3,9994套40张半天户外旅拍¥6,9995套60张全天室内纯色¥2,9993套30张3小时婚礼跟拍¥5,8882套80张全天情侣写真¥1,9993套25张3小时孕妇照¥1,6882套20张2小时6. 下单确认行业特色婚纱摄影特有的下单信息套餐 摄影师选择可指定摄影师或系统分配拍摄地点室内影棚 / 户外公园 / 海边沙滩 / 古镇街道拍摄日期日历选择自动过滤摄影师已约日期服装套数3套/5套/7套影响价格浮动妆面造型风格韩式/中式/自然/复古——化妆师提前准备备注描述期望的拍摄风格和特殊需求30% 定金机制下单支付 30% 定金锁定档期尾款拍摄前付清。符合婚纱摄影行业惯例。7. 5 步服务进度追踪婚纱摄影特有的进度追踪新人在手机上追踪婚照进度已付定金 → 拍摄中 → 修图中 → 选片中 → 已交付拍摄中显示拍摄日期和摄影师修图中显示精修张数和修图师选片中可在线查看和选择精修照片已交付可在线查看和下载成片8. 订单详情展示完整订单信息状态横幅、摄影师信息头像电话风格、套餐信息类型/服装套数/精修张数、拍摄日期/地点、费用明细定金尾款。进行中订单显示 5 步进度追踪。9. 个人中心顶部展示用户头像、手机号。统计区显示进行中/已完成/优惠券数量。菜单包含我的订单、消息中心、我的评价、收藏的摄影师、优惠券、意见反馈、设置。摄影师端移动端摄影师拥有独立的工作台底部 3 个 Tab工作台、订单、收入。1. 工作台顶部展示摄影师头像、姓名、在线/离线切换开关。统计行展示今日订单数、本月收入、评分。下方展示档期日历视图——已约日期标记红色、可选日期绿色、休假灰色一目了然避免撞档。2. 订单管理支持按全部/待接单/进行中/已完成筛选。订单详情页可查看客户信息、套餐信息、拍摄要求并上报服务进度拍摄完成→修图完成→选片完成→交付完成。3. 收入明细本月收入、累计收入、可提现余额按日期分组展示收入明细订单编号、套餐类型、时间、金额。底部提供提现按钮。管理后台PC 端管理后台采用深色侧边栏布局6 组菜单支持多机构/多门店切换。1. 数据看板4 个指标卡片今日订单12、本月营收¥128,600、在线摄影师6、待分配订单4。下方提供订单趋势图和订单状态分布。2. 订单管理全平台订单列表支持按状态筛选和日期范围搜索。待分配订单可点击分配摄影师弹窗展示摄影师档期——空闲的摄影师高亮已约的摄影师显示冲突日期避免撞档分配。3. 摄影师管理摄影师列表展示姓名、手机号、风格标签、评分、作品数、注册日期、审核状态。支持入驻审核查看资质证书和作品集→通过/驳回、编辑作品集、上线/下线。4. 套餐管理管理套餐类目和定价经典婚纱、户外旅拍、室内纯色等支持增删改。每套标注服装套数、精修张数、拍摄时长、价格。5. 财务报表4 个汇总卡片总营收、平台抽佣、退款、订单数 营收趋势图 交易明细表。支持日/周/月切换和 Excel 导出。6. 评价管理 机构管理全平台评价列表。多机构/多门店卡片网格展示运营数据。项目结构26-frontend-wedding/src/ ├── router/index.js # 路由配置三端共 35 条路由 ├── stores/app.js # Pinia 状态摄影师/套餐/订单 ├── pages/ │ ├── LoginPage.vue # 登录 │ ├── MainLayout.vue # 客户 Tab 布局 │ ├── HomePage.vue # 首页Banner分类推荐套餐 │ ├── PhotographerListPage.vue # 摄影师列表风格筛选排序 │ ├── PhotographerDetailPage.vue # 摄影师详情资质3列作品集 │ ├── ServiceListPage.vue # 套餐列表 │ ├── OrderConfirmPage.vue # 下单确认套餐摄影师妆面风格 │ ├── OrderSuccessPage.vue # 预约成功 │ ├── OrderDetailPage.vue # 订单详情 │ ├── ReviewPage.vue # 服务评价 │ ├── OrdersPage.vue # 我的订单 │ ├── MyPage.vue # 个人中心 │ ├── MessagesPage.vue # 消息中心 │ ├── CouponsPage.vue # 优惠券 │ ├── FavoritesPage.vue # 收藏列表 │ ├── FeedbackPage.vue # 意见反馈 │ ├── SettingsPage.vue # 设置 │ │ │ ├── photographer/ # 摄影师端 │ │ ├── PhotographerLayout.vue # 摄影师 Tab 布局 │ │ ├── PhotographerHomePage.vue # 工作台档期日历 │ │ ├── PhotographerOrdersPage.vue # 订单管理 │ │ ├── PhotographerOrderDetailPage.vue # 订单详情进度上报 │ │ └── PhotographerIncomePage.vue # 收入明细 │ │ │ └── admin/ # 管理后台 │ ├── AdminLayout.vue # 深色侧边栏布局 │ ├── DashboardPage.vue # 数据看板 │ ├── OrderMgmtPage.vue # 订单管理分配含档期冲突检测 │ ├── PhotographerMgmtPage.vue # 摄影师管理审核 │ ├── ServiceMgmtPage.vue # 套餐管理 │ ├── FinancePage.vue # 财务报表 │ ├── ReviewMgmtPage.vue # 评价管理 │ └── OrgMgmtPage.vue # 机构管理设计亮点3 列作品集画廊比任何文字描述都有说服力。影楼省去了到店看 iPad的环节新人在手机上就能浏览摄影师的完整作品集直观判断拍摄风格是否合心意。这是摄影师详情页转化率提升的关键。定金 尾款 30/70 机制30% 定金锁定档期尾款拍摄前付清。符合婚纱摄影行业高客单价的消费习惯降低新人决策门槛的同时保障影楼现金流。5 步服务进度已付定金→拍摄中→修图中→选片中→已交付。婚纱摄影特有的长周期进度追踪修图阶段新人可在线选片交付后可在线查看和下载成片。省去了拍完等两个月天天催的焦虑。档期日历摄影师端日历视图已约/可选/休假一目了然。管理后台分配订单时自动检测档期冲突避免撞档——这是传统 Excel 排档最容易出错的地方。风格标签体系ins风/韩式/中式/复古/清新——匹配新人审美偏好的核心筛选维度。从列表页到详情页到下单页风格标签贯穿整个决策链路。妆面造型选择下单时选择韩式/中式/自然/复古妆面风格化妆师提前准备。这个细节体现了对婚纱摄影行业多角色协作的理解——不只是摄影师化妆师也是关键角色。三端分离架构客户端、摄影师端、管理后台三个独立路由入口一套代码部署三角色。摄影师端支持在线/离线切换和档期管理。婚纱摄影行业特色功能总结作品集画廊3 列网格直观判断风格定金 30%锁定档期降低决策门槛5 步进度拍摄→修图→选片→交付在线选片档期日历避免撞档智能分配风格标签贯穿整个决策链路妆面选择化妆师提前准备源代码获取演示地址http://wedding.hei-ai.com/源码购买https://srcs.hei-ai.com/搜索婚纱摄影交付内容完整前端源码Vue 3 Vite开箱即跑npm install npm run dev产品需求文档含完整数据模型、API 设计和业务逻辑部署说明文档本项目为婚纱摄影行业数字化转型的一次实践探索。既是可直接上线运营的 SaaS 产品原型也是学习 Vue 3 多角色架构客户摄影师管理开发的优质参考项目。欢迎交流讨论。
全源码提供-浪漫定格的婚纱摄影预约小程序
发布时间:2026/6/7 17:41:44
全源码提供-浪漫定格的婚纱摄影预约小程序一个面向婚纱摄影行业的在线预约与档期管理平台覆盖客户 摄影师 管理后台三端基于 Vue 3 构建。项目背景每年超过 800 万对新人步入婚姻殿堂婚纱摄影是刚需中的高客单消费——客单价从 ¥2,999 到 ¥19,999 不等。但大量影楼仍靠门市接待 纸质合同 电话排档存在三大痛点新人看作品难想选摄影师只能到店翻 iPad线上只有几张精修图档期协调难摄影师档期靠 Excel 排撞档、漏档频发进度不透明拍完等修图一等就是两个月新人天天打电话催婚纱摄影预约小程序正是为这个行业打造的 O2O 平台打通浏览作品集 → 选择套餐 → 预约档期 → 拍摄进度 → 选片交付 → 评价的完整业务闭环。适用婚纱影楼、写真工作室、婚礼跟拍、旅拍摄影、情侣写真馆。技术选型层级技术栈前端框架Vue 3 Composition API路由Vue Router 4状态管理Pinia构建工具ViteUI 风格自定义 CSS 变量体系移动端优先浪漫粉色系--primary: #FF6B6F目标平台H5 / 微信小程序UniApp 可扩展功能全景客户端移动端客户端采用底部 Tab 导航覆盖从浏览作品到评价的完整链路。1. 登录页支持微信一键登录和手机号登录。slogan浪漫定格预约你的专属摄影师。底部提供管理员入口和摄影师入口。2. 首页顶部 Banner定格浪漫瞬间 专属摄影师为你记录粉色渐变背景搭配婚纱照氛围图。下方展示6 大分类婚纱摄影、写真摄影、婚礼跟拍、旅拍摄影、情侣写真、孕妇照推荐摄影师横向滚动卡片展示头像、风格标签ins风/韩式/中式/复古/清新、作品数量、起拍价热门套餐经典婚纱 ¥3,999、户外旅拍 ¥6,999、室内纯色 ¥2,999、婚礼跟拍 ¥5,8883. 摄影师列表核心筛选维度风格标签ins风/韩式/中式/复古/清新——这是新人选择摄影师的第一决策因素。支持按评分/作品数/价格排序。每位摄影师展示头像、姓名、风格标签、评分、作品数量、起拍价。4. 摄影师详情与作品集核心决策页这个页面是新人决定预约的关键信息密度极高基本信息头像、姓名、评分、从业年限8年、服务次数856单、好评率98%风格标签ins风 / 韩式简约 / 中式复古——快速匹配新人审美偏好资质证书摄影师资格证、修图师证等3 列作品集画廊这是比任何文字描述都有说服力的功能。网格展示摄影师的代表作品新人可以直观判断拍摄风格是否合心意顾客评价带新人头像和婚期的真实评价列表底部固定栏显示¥3,999起和预约档期按钮。5. 套餐选择分类筛选套餐每套标注关键信息套餐价格服装套数精修张数拍摄时长经典婚纱¥3,9994套40张半天户外旅拍¥6,9995套60张全天室内纯色¥2,9993套30张3小时婚礼跟拍¥5,8882套80张全天情侣写真¥1,9993套25张3小时孕妇照¥1,6882套20张2小时6. 下单确认行业特色婚纱摄影特有的下单信息套餐 摄影师选择可指定摄影师或系统分配拍摄地点室内影棚 / 户外公园 / 海边沙滩 / 古镇街道拍摄日期日历选择自动过滤摄影师已约日期服装套数3套/5套/7套影响价格浮动妆面造型风格韩式/中式/自然/复古——化妆师提前准备备注描述期望的拍摄风格和特殊需求30% 定金机制下单支付 30% 定金锁定档期尾款拍摄前付清。符合婚纱摄影行业惯例。7. 5 步服务进度追踪婚纱摄影特有的进度追踪新人在手机上追踪婚照进度已付定金 → 拍摄中 → 修图中 → 选片中 → 已交付拍摄中显示拍摄日期和摄影师修图中显示精修张数和修图师选片中可在线查看和选择精修照片已交付可在线查看和下载成片8. 订单详情展示完整订单信息状态横幅、摄影师信息头像电话风格、套餐信息类型/服装套数/精修张数、拍摄日期/地点、费用明细定金尾款。进行中订单显示 5 步进度追踪。9. 个人中心顶部展示用户头像、手机号。统计区显示进行中/已完成/优惠券数量。菜单包含我的订单、消息中心、我的评价、收藏的摄影师、优惠券、意见反馈、设置。摄影师端移动端摄影师拥有独立的工作台底部 3 个 Tab工作台、订单、收入。1. 工作台顶部展示摄影师头像、姓名、在线/离线切换开关。统计行展示今日订单数、本月收入、评分。下方展示档期日历视图——已约日期标记红色、可选日期绿色、休假灰色一目了然避免撞档。2. 订单管理支持按全部/待接单/进行中/已完成筛选。订单详情页可查看客户信息、套餐信息、拍摄要求并上报服务进度拍摄完成→修图完成→选片完成→交付完成。3. 收入明细本月收入、累计收入、可提现余额按日期分组展示收入明细订单编号、套餐类型、时间、金额。底部提供提现按钮。管理后台PC 端管理后台采用深色侧边栏布局6 组菜单支持多机构/多门店切换。1. 数据看板4 个指标卡片今日订单12、本月营收¥128,600、在线摄影师6、待分配订单4。下方提供订单趋势图和订单状态分布。2. 订单管理全平台订单列表支持按状态筛选和日期范围搜索。待分配订单可点击分配摄影师弹窗展示摄影师档期——空闲的摄影师高亮已约的摄影师显示冲突日期避免撞档分配。3. 摄影师管理摄影师列表展示姓名、手机号、风格标签、评分、作品数、注册日期、审核状态。支持入驻审核查看资质证书和作品集→通过/驳回、编辑作品集、上线/下线。4. 套餐管理管理套餐类目和定价经典婚纱、户外旅拍、室内纯色等支持增删改。每套标注服装套数、精修张数、拍摄时长、价格。5. 财务报表4 个汇总卡片总营收、平台抽佣、退款、订单数 营收趋势图 交易明细表。支持日/周/月切换和 Excel 导出。6. 评价管理 机构管理全平台评价列表。多机构/多门店卡片网格展示运营数据。项目结构26-frontend-wedding/src/ ├── router/index.js # 路由配置三端共 35 条路由 ├── stores/app.js # Pinia 状态摄影师/套餐/订单 ├── pages/ │ ├── LoginPage.vue # 登录 │ ├── MainLayout.vue # 客户 Tab 布局 │ ├── HomePage.vue # 首页Banner分类推荐套餐 │ ├── PhotographerListPage.vue # 摄影师列表风格筛选排序 │ ├── PhotographerDetailPage.vue # 摄影师详情资质3列作品集 │ ├── ServiceListPage.vue # 套餐列表 │ ├── OrderConfirmPage.vue # 下单确认套餐摄影师妆面风格 │ ├── OrderSuccessPage.vue # 预约成功 │ ├── OrderDetailPage.vue # 订单详情 │ ├── ReviewPage.vue # 服务评价 │ ├── OrdersPage.vue # 我的订单 │ ├── MyPage.vue # 个人中心 │ ├── MessagesPage.vue # 消息中心 │ ├── CouponsPage.vue # 优惠券 │ ├── FavoritesPage.vue # 收藏列表 │ ├── FeedbackPage.vue # 意见反馈 │ ├── SettingsPage.vue # 设置 │ │ │ ├── photographer/ # 摄影师端 │ │ ├── PhotographerLayout.vue # 摄影师 Tab 布局 │ │ ├── PhotographerHomePage.vue # 工作台档期日历 │ │ ├── PhotographerOrdersPage.vue # 订单管理 │ │ ├── PhotographerOrderDetailPage.vue # 订单详情进度上报 │ │ └── PhotographerIncomePage.vue # 收入明细 │ │ │ └── admin/ # 管理后台 │ ├── AdminLayout.vue # 深色侧边栏布局 │ ├── DashboardPage.vue # 数据看板 │ ├── OrderMgmtPage.vue # 订单管理分配含档期冲突检测 │ ├── PhotographerMgmtPage.vue # 摄影师管理审核 │ ├── ServiceMgmtPage.vue # 套餐管理 │ ├── FinancePage.vue # 财务报表 │ ├── ReviewMgmtPage.vue # 评价管理 │ └── OrgMgmtPage.vue # 机构管理设计亮点3 列作品集画廊比任何文字描述都有说服力。影楼省去了到店看 iPad的环节新人在手机上就能浏览摄影师的完整作品集直观判断拍摄风格是否合心意。这是摄影师详情页转化率提升的关键。定金 尾款 30/70 机制30% 定金锁定档期尾款拍摄前付清。符合婚纱摄影行业高客单价的消费习惯降低新人决策门槛的同时保障影楼现金流。5 步服务进度已付定金→拍摄中→修图中→选片中→已交付。婚纱摄影特有的长周期进度追踪修图阶段新人可在线选片交付后可在线查看和下载成片。省去了拍完等两个月天天催的焦虑。档期日历摄影师端日历视图已约/可选/休假一目了然。管理后台分配订单时自动检测档期冲突避免撞档——这是传统 Excel 排档最容易出错的地方。风格标签体系ins风/韩式/中式/复古/清新——匹配新人审美偏好的核心筛选维度。从列表页到详情页到下单页风格标签贯穿整个决策链路。妆面造型选择下单时选择韩式/中式/自然/复古妆面风格化妆师提前准备。这个细节体现了对婚纱摄影行业多角色协作的理解——不只是摄影师化妆师也是关键角色。三端分离架构客户端、摄影师端、管理后台三个独立路由入口一套代码部署三角色。摄影师端支持在线/离线切换和档期管理。婚纱摄影行业特色功能总结作品集画廊3 列网格直观判断风格定金 30%锁定档期降低决策门槛5 步进度拍摄→修图→选片→交付在线选片档期日历避免撞档智能分配风格标签贯穿整个决策链路妆面选择化妆师提前准备源代码获取演示地址http://wedding.hei-ai.com/源码购买https://srcs.hei-ai.com/搜索婚纱摄影交付内容完整前端源码Vue 3 Vite开箱即跑npm install npm run dev产品需求文档含完整数据模型、API 设计和业务逻辑部署说明文档本项目为婚纱摄影行业数字化转型的一次实践探索。既是可直接上线运营的 SaaS 产品原型也是学习 Vue 3 多角色架构客户摄影师管理开发的优质参考项目。欢迎交流讨论。