news 2026/7/15 3:45:59

教培管家第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/7/15 0:50:33

学长亲荐2026 TOP9 AI论文工具:专科生毕业论文神器测评

学长亲荐2026 TOP9 AI论文工具:专科生毕业论文神器测评 2026年AI论文工具测评:为何值得一看? 随着人工智能技术的不断进步,AI论文工具已经成为学术写作中不可或缺的助手。对于专科生而言,撰写毕业论文不仅是一项重要的…

作者头像 李华
网站建设 2026/7/1 13:42:25

05.this的绑定规则、优先级、和相关面试题

关于闭包内存泄漏案例说明 前面讲的案例里面说下面数组占据的大小是 4M,但是有同学有疑惑: number 占据的大小不是 8 byte,不应该是 8M 吗? function createFnArray() {// 整数占据 4 个字节// arr 占据内存大小:1024 * 1024 * …

作者头像 李华
网站建设 2026/7/13 19:21:07

【风电光伏功率预测】预测不是模型,是“账单”:风电光伏功率预测如何做成“可接入、可维护、可复盘”的SaaS?

过去几年,功率预测最容易陷入一个误区:把“模型效果”当成终点。但市场走到今天,功率预测早就不只是技术展示,它直接进入了“调度—交易—考核—结算”的链路:电力现货市场在加速推进、强调技术支持系统校验与连续运行…

作者头像 李华
网站建设 2026/7/1 14:42:58

活出“掌控感”:重建不疲惫的幸福日常

0. 咱们先聊个扎心的“隐形疲惫”哎,你有没有过这种感觉?明明这一天也没干什么惊天动地的大事,没搬砖也没跑马拉松,但到了晚上十点,整个人就像被抽了筋似的,瘫在沙发上一根手指头都不想动。 脑子里像有一团…

作者头像 李华
网站建设 2026/7/1 13:42:26

分体式位移传感器:工业精密测量的“空间魔术师”

在工业自动化、智能制造与高端装备领域,位移测量是保障生产精度与效率的核心环节。然而,当测量场景面临高温、高压、空间狭窄或强电磁干扰等极端条件时,传统一体式位移传感器常因安装受限、环境适应性差而“力不从心”。此时,分体…

作者头像 李华
网站建设 2026/7/12 10:35:48

计算机毕设java飞机票管理系统 基于Java的航空票务管理平台设计与实现 Java技术驱动的航班票务管理系统开发

计算机毕设java飞机票管理系统7h5v09 (配套有源码 程序 mysql数据库 论文) 本套源码可以在文本联xi,先看具体系统功能演示视频领取,可分享源码参考。随着互联网的普及和航空出行的日益频繁,传统的飞机票管理模式已难以满足现代用户…

作者头像 李华