抖音小程序 - 大学招生

圆梦大学 · 招生直通车。基于抖音小程序（字节跳动小程序）原生框架开发的大学招生信息与咨询服务平台模板，开箱即用，可二次开发接入真实院校库、招生办与志愿填报系统。

一、产品简介

抖音小程序 - 大学招生 是一套面向高校招生季的院校推荐、专业查询、在线咨询与志愿申请管理类小程序源码。覆盖「查院校 / 查专业 → 在线咨询提问 → 志愿申请提交 → 录取进度跟踪」完整招生服务闭环，界面精致、交互流畅、布局自适应。内置本地模拟数据与模拟接口层（院校、专业、咨询问答、志愿申请完整 CRUD），无需后端即可在抖音开发者工具中直接预览运行，是搭建高校招生、升学指导、志愿填报咨询类小程序的优质起步模板。

二、功能介绍

1. 首页（招生门户）

• 招生季品牌信息与口号展示
• 概览统计：合作院校 / 热门专业 / 待解答问题
• 快捷入口（固定双列）：查专业 / 在线咨询 / 院校库 / 志愿申请
• 院校推荐单列大卡（带封面、排名、双一流标签、开设专业数、参考分、录取率）
• 招生保障：官方认证 / 权威数据 / 招生答疑 / 全程指导
• 热门专业双列卡片（图标、所属院校、就业前景、热度）
• 招生公告提醒

2. 院校与专业（核心检索）

• 顶部 Tab 切换：热门专业 / 院校库
• 关键字搜索（专业名称 / 院校名称）
• 分类筛选：理工 / 文史 / 医药 / 艺术 / 经管
• 排序：热度 / 分数
• 专业双列卡片（图标、所属院校、就业前景、热度）
• 院校双列卡片（封面、排名、双一流标签、城市、专业数、参考分、录取率）

3. 招生咨询（CRUD）

• 问题列表（分类标签 + 状态标识）
• 状态筛选：全部 / 待回复 / 已解决
• 问题卡片：分类、标题、内容摘要、提问人、回复数、时间
• 悬浮提问按钮（弹窗表单：分类 / 标题 / 详情）

4. 详情页（多类型复用）

• 院校详情：封面排名、录取分数 / 录取率 / 专业数统计、院校亮点列表、一键申请该校
• 咨询详情：问题正文、回复列表、底部回复输入框、关闭 / 删除问题
• 申请详情：申请状态流程进度条（已提交 → 审核中 → 已录取）、申请信息表、推进流程 / 标记未录取 / 删除申请

5. 我的（个人中心）

• 个人信息卡（学生身份、招生季、运营方）
• 数据看板（四宫格）：我的申请 / 已录取 / 审核中 / 咨询数
• 我的申请列表（状态 Tab：全部 / 已提交 / 审核中 / 已录取）
• 提醒设置开关：分数线变动 / 咨询回复 / 志愿填报指导 / 面试备考
• 恢复初始数据

6. 底部导航

• 自定义 TabBar：首页 / 专业 / 咨询 / 我的

三、使用场景

四、技术特点

• 框架：抖音小程序（字节跳动小程序）原生开发，基于 tt API
• 界面：自定义导航栏 + 自定义 TabBar，适配状态栏与右上角原生胶囊按钮；学院主题视觉（学院红 + 学院金 + 暖白渐变，体现招生的庄重与朝气）
• 数据：内置本地 Mock 数据与模拟接口层（utils/mock-api.js），基于本地存储模拟后端 CRUD，调用方式贴近真实 API
• 业务逻辑完备：院校 / 专业检索、咨询提问与回复（回复自动转已解决）、志愿申请提交与 3 步状态流转（已提交 → 审核中 → 已录取）、招生数据看板汇总
• 自适应布局：所有列表 / 网格使用 CSS Grid 双列布局（repeat(2, minmax(0,1fr))），不同手机屏宽下始终保持固定 2 列展示
• 结构：页面（pages）、组件（components）、数据（data）、工具（utils）、资源（assets）分层清晰，注释完善
• 图标：内置多套配色图标资源
• 版本管理：含 APP 版本号机制，发版时自动清空旧缓存与旧数据，保证真机调试始终为最新代码

五、交付内容

项目目录结构（解压后）

源码_大学招生/
├── app.js                  # 小程序入口（导航栏适配、版本缓存初始化）
├── app.json                # 全局配置（页面路由、窗口、自定义组件）
├── app.ttss                # 全局样式（主题变量、通用类）
├── project.config.json     # 项目配置
├── assets/                 # 静态资源（多套配色图标）
├── components/             # 公共组件
│   ├── tabbar/             # 自定义底部导航
│   └── empty/              # 空状态组件
├── data/
│   └── mock-data.js        # 种子演示数据（平台/院校/专业/咨询/申请/公告/设置）
├── utils/
│   └── mock-api.js         # 模拟接口层（院校/专业/咨询/申请 CRUD + 看板）
└── pages/                  # 页面
    ├── index/              # 首页（招生门户）
    ├── majors/             # 院校与专业检索
    ├── consult/            # 招生咨询（提问/列表）
    ├── detail/             # 详情（院校/咨询/申请多类型）
    └── my/                 # 我的（申请/设置/数据管理）

六、运行方式

1. 下载并安装 抖音开发者工具（字节跳动小程序开发者工具）。
2. 解压 源码_大学招生.zip。
3. 在开发者工具中选择「导入项目」，项目目录指向解压后的 源码_大学招生 文件夹。
4. 填写自己的 AppID（或使用测试号），点击导入即可预览。
5. 真机调试时如遇旧缓存，可在「我的」页点击「恢复初始数据」，或调大 app.js 中 APP_VER 版本号强制刷新。
6. 如需接入真实能力，替换 utils/mock-api.js 中的院校、专业、咨询、申请等接口实现，对接实际后端即可上线运营。

说明：源码中所有院校、公司、人员、城市、电话均为演示占位数据，无任何真实信息。