r112/README.txt · 约 2421 字符
1小草职业教育学校 · 移动端官方主页 (r112)2================================================34【项目简介】5一所民办中等职业学校的移动端官方 H5 站点，纯原生 JavaScript 实现，不依赖任何6第三方库（无 jQuery / Vue / 框架），所有业务数据从 data/*.json 读取。78【核心功能】（共 8 个独立页面）9 index.html 首页 / 学校概况：校徽 hero、关键指标、办学特色、快捷服务、报名入口10 majors.html 专业地图：六大专业群分组、色标图例、分类筛选、一键填报11 enroll.html 在线报名：表单校验、生成报名编号、本地保存"我的报名"12 faculty.html 师资力量：师资概况 + 教师卡片（头像/职称/标签/简介）13 campus.html 校园风光：八大场景 + 重点实训基地14 guide.html 招生简章：招生计划表、招生对象、报名方式、资助政策、常见问题15 query.html 录取查询：准考证号 + 姓名查询录取状态（内置示例数据）16 contact.html 联系我们：招生热线/地址/官网/微信、交通指引、校园动态1718【数据源】data/ 目录，共 6 份业务 JSON + 1 份离线副本19 school.json 学校概况（简介/特色/指标）20 majors.json 专业地图（6 大专业群）21 faculty.json 师资力量22 campus.json 校园风光与实训基地23 guide.json 招生简章24 news.json 校园动态25 fallback.js 离线兜底副本2627【运行方式】28 方式一：直接双击 index.html（自动使用离线副本）29 方式二（推荐，走真实 JSON 请求）：30 在 r112 目录执行 python -m http.server 800031 浏览器访问 http://127.0.0.1:8000/index.html32 建议使用 Chrome / Edge 开发者工具的手机模拟视图（375~430px 宽）浏览。3334【二次开发】35 换数据：保持 JSON 字段结构不变，替换 data/ 下同名文件即可，无需改代码。36 接后端：修改 app.js 中 DS.get 的 url 拼接规则指向你的招生 API，返回体结构不变。37 改配色：修改 style.css 顶部 :root 中的 CSS 变量（主色 --brand 草绿）。3839【技术栈】HTML5 + CSS3 + 原生 JavaScript（ES5 语法，兼容性优先）40【兼容性】iOS Safari 11+ / Android Chrome 60+ / 微信内置浏览器41【版权说明】由驰旭教育整理发布，仅供学习交流与二次开发参考，请勿直接转售源码。42