来源:AI开发日志公众号专辑「Build Your Own X With AI」
原文链接:https://mp.weixin.qq.com/s?__biz=MzUxMjg3MjE2OA==&mid=2247486100&idx=1&sn=8a25d0fae3364df38c8b44166ef6d9c2&chksm=f95c9113ce2b1805bf95f229a5a456ff6d98e30e115fcdf37f4ab576189010cb80edecb0586c#rd

GESP 图形化二级考试系统

这是一个基于 Web 的 GESP(全国青少年软件编程等级考试)图形化二级考试在线测试系统。

项目简介

本项目实现了 2023年3月 GESP 图形化二级考试的完整试卷,包括:

单选题(10题,每题3分,共30分)

判断题(5题,每题4分,共20分)

编程题(2题,每题25分,共50分)

实现

使用 Calibre 转换成 htmlz 格式

解压后生成 html 文件

有部分图片不对,需要自己更新

再使用 AI 功能做成网站

功能特点

✨ 现代化的界面设计,渐变色背景和卡片式布局

📝 完整的考试题目,包含图片展示

⚡ 实时答题反馈,自动评分

🎯 答案解析,显示正确答案

📊 成绩统计和评价

💻 响应式设计,支持多种设备

截图展示

考试界面

答题结果

使用方法

克隆或下载本项目

直接在浏览器中打开 index.html 文件

开始答题

完成后点击”提交试卷”查看成绩

技术栈

HTML5

CSS3(渐变、动画、响应式布局)

JavaScript(原生 JS)

项目结构

GESP_Test/

├── index.html          # 主页面

├── style.css           # 样式文件(已内联到 HTML)

├── images/             # 题目图片资源

├── screenshots/        # 项目截图

└── README.md          # 项目说明

考试说明

总分:100分

考试时间:60分钟

题型:单选题、判断题、编程题

适用对象:GESP 图形化二级考生

GitHub

https://github.com/build-your-own-x-with-ai/GESP_Test

https://build-your-own-x-with-ai.github.io/GESP_Test/

许可证

本项目仅供学习交流使用。

image-1

image-2