🌿
小草职业教育学校 · 民办中等职业学校官方主页（在线报名·专业地图·师资力量）
教育培训 · 上传者 驰旭教育 · 更新于 2026-08-06
移动端网页
会员专享 职业教育中等职业学校民办中职在线报名
28浏览
0下载
0点赞
2026-08-06更新
⚠ 版权与免责声明
本资源由社区用户「驰旭教育」上传分享，版权归原作者所有。
· 本站内容仅限个人学习与研究使用，严禁用于任何商业用途。
· 下载后请于 24 小时内删除或销毁，逾期风险自负。
· 因参考、运行本站代码产生的任何损失，本站不承担赔偿责任。
· 如涉及侵权，请联系我们，核实后 48 小时内下架。
· 源代码演示数据中的 人名、企业名称、机构、产品、联系方式等信息，均属于在学习研究时的测试模拟数据，与现实中的同名任何个人、企业、组织无任何关联；若有雷同，纯属巧合。如这些内容无意中侵犯您的合法权益，请联系我们，核实后将及时删除或更改。
功能介绍
- 纯原生 JavaScript 多页架构，零 jQuery、零第三方依赖，页面间用真实 <a href> 跳转，底部 Tab 导航
- 8 个独立页面：首页、专业地图、在线报名、师资力量、校园风光、招生简章、录取查询、联系我们
- 专业地图：六大专业群色标图例 + 28 个细分专业卡片，点击「填报此专业」一键跳转报名并预填意向专业
- 在线报名：姓名/手机/意向专业必填校验，手机号正则校验，提交生成 XC 编号并写入「我的报名」（localStorage）
- 师资力量：办学师资概况 4 项指标 + 教师卡片（头像/职称/标签/简介），展示双师型队伍
- 招生简章：招生计划表、招生对象、报名方式、资助政策、FAQ（details/summary 折叠）一应俱全
- 录取查询：输入准考证号 + 姓名即可查询拟录取 / 待审核状态，内置示例数据便于演示
- 联系我们：招生热线、地址、官网、微信、交通示意与校园动态资讯流
- JSON 数据驱动：所有内容从 data/*.json 读取，替换 JSON 即换内容；内置 fallback.js 离线副本保证 file:// 可运行
- 草绿主题视觉，自适应 390×844 移动视口，iOS Safari / Android Chrome / 微信内置浏览器实测通过
界面预览
源码结构
index.html
majors.html
enroll.html
faculty.html
campus.html
guide.html
query.html
contact.html
style.css
app.js
data/school.json
data/majors.json
data/faculty.json
data/campus.json
data/guide.json
data/news.json
data/fallback.js
详细说明
小草职业教育学校是一所民办中等职业学校的官方移动端主页，纯原生 JS 多页架构、零依赖。包含学校概况、专业地图（六大专业群 28 专业）、在线报名、师资力量、校园风光、招生简章、录取查询、联系我们共 8 个独立页面，适合作为职业院校 / 中职学校官网类项目的参考与二次开发。
下载压缩包后解压，按源码内 README 配置 AppID / 接口地址 / 云环境，使用对应开发者工具导入即可预览。如遇问题可在评论区留言，由上传者与其他社区成员交流答疑。
用户评论 （0）
还没有评论，来抢沙发～