news 2026/5/13 13:32: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/5/9 5:36:01

CE、CCC、COC 差异与合规指南

在全球化贸易与国内市场准入体系中,CE 认证、CCC 认证、COC 认证是三类核心产品合规认证,直接决定商品能否进入目标市场流通,三者在适用范围、认证规则和核心目的上差异显著。CE 认证是欧盟的产品安全准入标志,适用于所有进入欧盟…

作者头像 李华
网站建设 2026/5/9 22:42:51

基于Springboot+Vue的基层智能化人员调度系统源码文档部署文档代码讲解等

课题介绍 本课题旨在研发基于SpringBootVue前后端分离架构的基层智能化人员调度系统,聚焦乡镇、社区、园区等基层场景,解决传统人员调度中信息闭塞、派单低效、资源匹配无序、过程无追溯等痛点。系统面向基层工作人员与管理人员,适配应急值守…

作者头像 李华
网站建设 2026/5/11 8:21:18

深度测评8个一键生成论文工具,专科生轻松搞定毕业论文!

深度测评8个一键生成论文工具,专科生轻松搞定毕业论文! AI 工具的崛起,让论文写作不再难 随着人工智能技术的不断进步,越来越多的 AI 工具开始渗透到学术写作领域,为学生和科研工作者提供了前所未有的便利。尤其是在降…

作者头像 李华
网站建设 2026/5/10 0:15:46

计算机毕设java高校评优管理系统 基于Java的高校评优管理平台设计与实现 Java技术驱动的高校评优管理系统开发

计算机毕设java高校评优管理系统0u15n9(配套有源码 程序 mysql数据库 论文) 本套源码可以在文本联xi,先看具体系统功能演示视频领取,可分享源码参考。 随着高校教育信息化的不断推进,传统的评优管理方式已经难以满足现代高校高效…

作者头像 李华
网站建设 2026/5/10 6:15:51

App项目后台如何用 XinServer 实现自动化测试?

App项目后台如何用 XinServer 实现自动化测试? 最近跟几个做移动端的朋友聊天,发现一个挺普遍的现象:大家花大把时间把App界面做得漂漂亮亮,交互丝滑流畅,但一到要对接后台、联调接口的时候,项目进度就肉眼…

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

微信记录2019(三)

有感今春四五次狂风大雨,世间之果实,非人为护之外,皆大浪淘沙之精华也!06031103技术日益精进,身体日益减损,消瘦,沉重,易困乏,不易集中注意力,混混噩噩&#…

作者头像 李华