一套在线教育网站模板到底要多少页才算完整?这套模板给出的是八十二页!它的重点不在首页版式堆了多少,而在后台:学生端八页、讲师端十一页,分别覆盖仪表盘、已报课程、测验记录、订单历史、个人资料、评价、心愿单、设置,讲师端还多出公告、作业、课程管理与测验批阅。这十九页是在线教育站和普通课程展示站的分水岭。
课程侧同样做到位:课程筛选做了四套交互(一栏展开、一栏折叠、两栏展开、两栏折叠),加上瀑布流、侧栏版、标签页版共七种课程列表形态。另有六套不同定位的课程主题首页——在线辅导、在线课程、在线教育、在线学习、大学、私教——适配从 K12 到高教到一对一的不同场景。它还附了一批组件演示页(按钮、卡片、徽章、计数器、倒计时、手风琴、样式指南等),二次开发时可以直接取用。商城线也完整,含购物车、结算、心愿单与商品详情。这套结构同样适用于职业培训、考证机构、企业内训平台、语言学校、少儿素质教育、知识付费社区……凡是「课程要在线售卖、学员和讲师都要登录、内容长期上新」的平台统统适合。
核心功能
学生后台八页与讲师后台十一页,覆盖报课、测验、订单、评价与结算
课程筛选四套交互形态,可按栏数与展开方式选择合适的浏览密度
课程列表七种形态,含瀑布流、侧栏版与标签页版
六套课程主题首页,从 K12 到高教到一对一各有对应定位
活动模块四页成套:网格、清单、侧栏与活动详情
商城线完整,含购物车、结算、心愿单与商品详情
讲师申请页与创建课程页,支撑平台型而非单机构型运营
附带十余个组件演示页与样式指南,二次开发可直接取用
页面与技术规格
82 个 HTML 页面,实测 556 个文件、37.4 MB
基于 Bootstrap 5.3.7 构建,后台表格在窄屏可横向滚动
Swiper 承担课程与评价轮播,GSAP 控制区块进场
视频与图片灯箱走
Fancybox,试听课可内嵌播放下拉与多选由 Nice Select 美化,筛选面板在移动端可用
Counterup 配合数字递增,学员数与课程数进入视口才开始计数