news 2026/4/25 8:39:41

教培管家第10讲:套餐管理——把教育服务“产品化”

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
教培管家第10讲:套餐管理——把教育服务“产品化”

目录

  • ⏳ 前情回顾
  • 🎯 本节目标
  • 第一步:套餐——教培机构的“商品档案”
  • 第二步:搭建“套餐管理”页面
  • 第三步:完善新增表单
  • 第四步:核心交互——实现“上架/下架”状态控制
  • 第五步:录入测试数据
  • 🌟 总结与预告

⏳ 前情回顾

在上一讲中,我们完成了物理空间的基建——“教室管理”。有了宽敞明亮的教室,下一步就是要把我们的知识和技能“产品化”。

在教培行业,“套餐”就是我们的产品。它不仅是课时的集合,更是包含价格策略、服务承诺和有效期约束的商业契约。本讲我们将深入《教培管家》系列的第二篇,攻克“套餐管理”。


🎯 本节目标

  1. 产品化建模:创建CoursePackage(课程套餐)模型,定义其商业属性。
  2. 页面搭建:构建具备“电商感”的套餐展示中心。
  3. 核心业务逻辑
    • 价格策略:支持原价与现价的对比显示。
    • 有效期管理:设定套餐的使用寿命。
    • 表单优化:实现高效的套餐录入。


第一步:套餐——教培机构的“商品档案”

一个好的套餐设计,直接决定了前台销售的转化率。我们需要在系统中记录以下核心维度:

创建数据源:CoursePackage(套餐表)

字段名称字段标识类型说明
基本属性
套餐名称name文本如:少儿创意美术·48节基础套餐
课程类型courseType枚举体验课、正课
描述/特色description文本卖点描述,如“包含全套画材”
课时/价格
基础课时sessions数字客户付费购买的课时数
赠送课时bonusSessions数字营销赠送的课时数
原价originalPrice数字用于划线价显示
现价currentPrice数字实际成交价
约束条件
有效期validDays数字天数,0表示长期有效
状态status枚举销售中、已下架、草稿

💡 业务逻辑沉淀:

  • 消课优先级:在后续的消课模块中,系统通常会优先消耗“基础课时”,再消耗“赠送课时”,这涉及到退费时的核算逻辑。
  • 价格吸引力:通过原价与现价的对比,在前端生成“划线价”,提升成交冲动。


第二步:搭建“套餐管理”页面

套餐管理同样属于教务行政范畴,我们继续在管理后台应用中进行搭建。

创建页面:在微搭应用编辑器中,新建页面“套餐管理”,布局选择“左侧导航布局”。


添加组件:从组件库拖入“布局组件”,并在其中嵌入“数据表格”组件。

绑定数据:点击“使用数据源生成表格”,选择我们刚刚创建的CoursePackage(套餐表)。勾选“查询”、“新增”、“编辑”、“删除”等全部场景。

配置筛选器:添加“状态”和“课程类型”作为常用筛选条件,方便管理员快速定位产品。

切换到布局设计,选择左侧导航布局,点击添加平级菜单,配置菜单


第三步:完善新增表单

套餐的属性较多,默认的一列布局会显得表单极其冗长。我们需要利用微搭的栅格能力进行优化。

多列布局:选中表单容器,将 PC 端的“表单列数”修改为2列

重点突出:将描述/特色”组件所在的列的PC端列宽设置为12(占满一行),方便输入长文本。

配置必填:进入属性设置,将“套餐名称”、“基础课时”、“现价”设置为必填项

设置“有效期”输入值为365,降低录入成本。


第四步:核心交互——实现“上架/下架”状态控制

套餐的生命周期管理是教务运营的关键。我们需要在表格操作列增加快速切换状态的按钮。

添加操作按钮:选中数据表格的“操作列”,拖入两个“按钮”组件。分别命名为“上架”和“下架”。

配置显隐逻辑(条件展示)上架按钮:在“显示条件”中绑定公式:$w.table1.cell__custom__option.record.status!="1"'。即只有非销售状态才显示上架按钮。

下架按钮:在“显示条件”中绑定公式:$w.table1.cell__custom__option.record.status=="1"。即只有销售中状态才显示下架按钮。

配置点击事件上架动作:点击事件选择“调用数据源方法” ,选择套餐表,方法选择更新单条,查询条件配置为数据标识等于所在行的数据标识,更新数据status设置为'1'


下架动作:点击事件选择“调用数据源方法” ,选择套餐表,方法选择更新单条,查询条件配置为数据标识等于所在行的数据标识,更新数据status设置为'2'。具体配置参考上架动作。

交互反馈:在方法执行成功的事件回调中,添加“显示消息提示”,提示“操作成功”,并执行“刷新数据表格”动作。



第五步:录入测试数据

进入实时预览,录入几条真实的套餐数据,检查页面表现:

  1. 新建套餐:录入“创意美术·暑期48课时包”。
  2. 校验逻辑:确认价格显示是否正确,必填项校验是否生效。
  3. 状态切换:尝试将套餐状态从“草稿”改为“销售中”,观察表格状态标签的变化。


🌟 总结与预告

本讲我们将教务资源(课时)成功地转化为了商业产品(套餐)。现在,我们有了教室(空间)和套餐(产品)。

下一讲:《教务核心——班级档案与排课规则的深度重构》。我们将迎来整个教务系统逻辑最复杂的部分:如何把学生、套餐、老师、教室在时间轴上完美对齐。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/4/23 17:50:30

电力场景输电线路防外力破坏检测数据集VOC+YOLO格式1106张5类别

数据集格式:Pascal VOC格式YOLO格式(不包含分割路径的txt文件,仅仅包含jpg图片以及对应的VOC格式xml文件和yolo格式txt文件)图片数量(jpg文件个数):1106标注数量(xml文件个数):1106标注数量(txt文件个数):1106标注类别…

作者头像 李华
网站建设 2026/4/23 14:34:46

智慧校园零信任安全架构:重新定义教育网络防护标准

✅作者简介:合肥自友科技 📌核心产品:智慧校园平台(包括教工管理、学工管理、教务管理、考务管理、后勤管理、德育管理、资产管理、公寓管理、实习管理、就业管理、离校管理、科研平台、档案管理、学生平台等26个子平台) 。公司所有人员均有多…

作者头像 李华
网站建设 2026/4/23 14:43:39

一键部署WAN2.2文生视频:SDXL_Prompt风格创作全攻略

一键部署WAN2.2文生视频:SDXL_Prompt风格创作全攻略 做AI视频创作三年多,我试过十几种文生视频方案——从本地编译Diffusers到折腾ComfyUI自定义节点,最常遇到的不是效果不好,而是“根本跑不起来”。下载模型卡在99%、CUDA版本冲…

作者头像 李华
网站建设 2026/4/23 16:18:10

基于Springboot+Vue的家教系统设计与实现源码文档部署文档代码讲解等

课题介绍 本课题聚焦基于SpringBootVue前后端分离架构的家教系统设计与实现,针对性解决传统家教服务中信息不对称、师资筛选繁琐、课程调度混乱、费用结算不透明等行业痛点,构建适配家教服务全流程的数字化管理平台。系统面向学生及家长、家教老师、平台…

作者头像 李华
网站建设 2026/4/23 14:50:19

基于Springboot+Vue的家乡特色旅游宣传系统源码文档部署文档代码讲解等

课题介绍 本课题聚焦基于SpringBootVue前后端分离架构的家乡特色旅游宣传系统设计与实现,针对性解决家乡旅游资源分散、宣传形式单一、特色亮点弱化、游客获取信息不畅等核心痛点,构建集资源展示、文化传播、攻略分享、互动引流于一体的数字化宣传平台。…

作者头像 李华
网站建设 2026/4/23 6:58:51

基于SpringBoot的小区健身房管理系统设计与实现-计算机毕业设计源码+LW文档

基于SpringBoot的小区健身房管理系统设计与实现论文章节 摘要 本文围绕基于SpringBoot的小区健身房管理系统展开,阐述其研究背景意义、需求分析及功能设计。该系统旨在解决小区健身房传统管理方式效率低、服务体验差等问题,借助信息化手段提升管理效率、…

作者头像 李华