教育小程序端与管理后台的双端结构示意
ORANGEZH / 交付案例

教育小程序开发

小程序端 209 个 Vue 文件、管理后台 162 个 Vue 文件,课程、排课、报名与收款在小程序完成,后台管排课与订单。

约 6 分钟读完 5 条买家问答 关键事实可核验

项目概览

项目背景

这是一套教育方向的小程序与运营后台,2 个仓库,都是 Vue 技术栈。小程序端 209 个 Vue 文件,管理后台 162 个 Vue 文件,最后提交在 2026 年 9 月,属于活跃维护的项目。分工很清楚:家长在手机端完成课程、排课、报名与收款相关操作,运营人员在后台做排课与订单管理。

客户当时的状态

教育类业务的典型矛盾是「前台要轻、后台要全」。家长不愿意为了报个名下载 App、注册一堆账号,能在一个入口里完成最好;运营这边却要处理排课冲突、订单状态、收款确认这些细活。两边如果共用一个界面,家长嫌复杂、运营嫌不够用。还有权限问题:家长能看到自己孩子的信息,不该看到别的;管理端的操作范围也要按角色收住。这两类使用者的诉求摆在一起,结论其实很清楚:不是要不要分开的问题,是怎么分开、分开之后数据又怎么合在一起。

我们的做法与取舍

第一个取舍是把家长端与管理端分成两个项目,而不是一套界面配两套权限。分成两个项目,各自的界面可以按各自的使用习惯做,不必互相迁就。

第二个取舍是排课与订单在后端作为同一套数据。两个端分开做,数据不能分开——排课一变,订单和收款状态要跟着动,这是两个端能对得上的前提。

第三个取舍是权限按角色显式划分,不做「先能用再收权限」。家长端的可见范围一开始就要定死,后面再补权限,很容易漏。

系统怎么承载这条链路

小程序端承载家长侧的查看与报名动作,管理后台承载排课、订单与运营管理,两者落在同一套后端数据上。课程、排课、报名与收款是同一条链路上的四段,状态只有一份。家长在小程序里报完名,运营在后台立刻能看到对应的订单,中间不需要导表或对账,这是两端分开、数据合一的直接结果。

交付状态与边界

代码处于持续维护状态,最近一次提交在 2026 年 9 月。边界说明:收款能力以贵方签约的支付通道为准,系统承载的是订单与收款状态,不代持资金;课程内容与教学质量不属于系统范围,系统解决的是报名与排课的流程问题;家长端的可见范围按贵方的业务与隐私要求配置,我们提供权限能力,具体规则由业务方确认。

项目信息

客户

某教育课程报名项目

行业

教育与培训

项目周期

未披露

技术栈

Vue(小程序端,209 个 Vue 文件)/ Vue(管理后台,162 个 Vue 文件)

服务类型

教育小程序与运营后台

CHALLENGES

客户当时面对的现实

01

家长不愿意为报名下载 App、注册一堆账号,入口要尽可能轻

02

运营侧要处理排课冲突、订单状态与收款确认,细节多且不能出错

03

家长端与管理端的可见范围不同,权限边界要一开始就划清

04

排课一变,订单与收款状态要跟着动,两个端必须落在同一套数据上

CAPABILITIES

我们交付的能力

前台要轻、后台要全,两边不该挤在一个界面里

小程序端

课程、排课、报名与收款相关操作在小程序内完成(该端 209 个 Vue 文件)。

管理后台

排课与订单管理在后台完成,运营人员的操作集中在管理端(该端 162 个 Vue 文件)。

数据同源

两个端落在同一套后端数据上,排课与订单、收款状态只有一份。

权限边界

家长端与管理端按角色显式划分可见范围,不做「先能用再收权限」。

SCOPE

交付范围

以下范围按本项目实际交付内容与边界整理,不属于这次范围的部分一并列出。

已交付

  • 小程序端(课程查看 / 报名 / 收款相关操作)
  • 管理后台(排课与订单管理)
  • 两端共用的课程、排课与订单数据
  • 家长端与运营端的权限划分

不在本次范围

  • 收款通道本身:以贵方签约的支付通道为准,系统承载订单与收款状态,不代持资金
  • 课程内容与教学质量:属于业务范畴,不属于系统范围
  • 家长端可见范围的具体规则:系统提供权限能力,规则由业务方确认

ARCHITECTURE

分层技术架构

公开口径归纳为三层:小程序层是家长侧入口;后台层是运营侧入口;数据层承载课程、排课、订单与收款状态,两端共用。

FLOW 01

小程序层

课程查看 报名 收款相关操作 Vue 小程序端(209 个 Vue 文件)

让家长在一个轻入口里完成报名相关动作

FLOW 02

管理后台层

排课管理 订单管理 Vue 管理后台(162 个 Vue 文件)

承载运营侧的排课与订单处理

FLOW 03

数据层

课程与排课数据 订单数据 收款状态 权限模型

两端共用一份数据,状态唯一

DELIVERY

交付过程

分阶段推进,每个阶段都有可验收的产出,客户在早期就能看到实际效果。

阶段一

课程与排课口径

明确课程、排课与报名的数据口径与状态。

阶段二

小程序端

课程查看、报名与收款相关操作在小程序端落地。

阶段三

管理后台

排课与订单管理在后台落地,与小程序端共用数据。

阶段四

权限与持续维护

两端权限边界落实,后续按使用情况持续迭代。

FACTS

可核验的交付事实

以下内容来自本项目实际交付物;未经验证的指标不予展示。

2个仓库

小程序端 / 管理后台

209个 Vue 文件

小程序端规模

162个 Vue 文件

管理后台规模

TRANSFER

这套做法适不适合你

案例的用处不是证明"我们做过",而是让你判断"在我们这种条件下能不能做成"。下面三句是我们对这一单的判断,写下来供你对照自己的情况。

适合什么情况

适合存在家长与运营两类使用者、且前台需要轻量入口的教育类业务。

什么情况下别照搬

若课程量少、报名线下完成,不必做小程序端;若运营流程本身还没理顺,先定流程再做系统。

如果要试,第一步做什么

先把课程、排课与订单的数据口径列清楚。

RELATED SERVICES

相关服务

从实际业务问题出发,查看对应服务的适用场景、交付物与不含项;具体范围仍需单独确认。

FAQ

常见问题

以下是同类项目沟通中出现频率最高的问题,答案就是我们实际的做法。

为什么家长端和管理端不合成一个?
因为两边的使用场景差得太远。家长不愿意为报个名下载 App、注册一堆账号;运营要处理排课冲突、订单与收款。合成一个界面,家长嫌复杂,运营嫌不够用。
分成两个端,数据会不会对不上?
界面分开,数据不分。排课、报名、订单与收款状态落在同一套后端数据上,这是两个端能对得上的前提。
家长能看到别的孩子的信息吗?
不能。权限按角色显式划分,家长端的可见范围一开始就定死,不做「先能用再收权限」——后面再补权限,很容易漏。
收款是走你们的通道吗?
不是,以贵方签约的支付通道为准。系统承载的是订单与收款状态,不代持资金。
这套系统还在维护吗?
在。最后提交在 2026 年 9 月,属于活跃维护的项目。

本页最后更新:2026年9月24日

下一步

聊聊你的报名与排课怎么落

从两端入口、数据口径到权限边界,一起确认第一期的范围。

商务联系人卢刚
商务联系人微信二维码 微信扫码加商务联系人,
发需求文档或截图都行。