news 2026/6/10 14:35:04

教培管家第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/6/10 11:27:49

凝血途径启动子CD142

组织因子(Tissue factor,CD142)又称为凝血因子III,F3或CD142,通过与循环中的因子VII或VIIa形成复合物来启动血液凝固过程。CD142/VIIa复合物通过特定的有限蛋白水解作用激活因子IX或X。CD142在正常的止血过程中发挥着作…

作者头像 李华
网站建设 2026/6/10 11:12:23

直播带货提词器推荐

直播带货时常用的提词器工具可以帮助主播顺畅介绍产品、避免忘词,提高专业度。芦笋提词器是适合直播带货的提词器,以下时详细的使用步骤。 一.安装与使用步骤 1. 下载与安装 访问芦笋提词器官网:下载安装芦笋提词器(官网&#…

作者头像 李华
网站建设 2026/6/10 12:17:45

计算机毕设java工程建筑管理系统 基于Java的建筑工程信息管理系统设计与实现 Java技术驱动的工程建筑管理平台开发

计算机毕设java工程建筑管理系统044mo9(配套有源码 程序 mysql数据库 论文) 本套源码可以在文本联xi,先看具体系统功能演示视频领取,可分享源码参考。 随着信息技术的飞速发展,建筑工程领域的管理方式也在不断革新。传统的工程建…

作者头像 李华
网站建设 2026/6/10 11:11:44

为什么没人走后门当程序员?

最近刷 X 乎时看到这样一个耐人寻味的的讨论话题,浏览量超 170w,参与讨论的同学也好多。 问题描述是这样的: “为什么没人走后门当程序员?” 我认真浏览了一圈,心里五味杂陈。 在许多人眼中,程序员是一个…

作者头像 李华
网站建设 2026/6/10 11:14:46

亲测好用2026 TOP9 AI论文工具:专科生毕业论文神器测评

亲测好用2026 TOP9 AI论文工具:专科生毕业论文神器测评 2026年专科生论文写作工具测评:为何需要这份榜单? 随着人工智能技术的不断进步,AI论文工具已经成为高校学生,尤其是专科生群体中不可或缺的辅助工具。然而&#…

作者头像 李华