|
|

楼主 |
发表于 2025-4-14 16:09:18
|
显示全部楼层
按自己需要设置分组数量,学生可以动态改变分组组别
帮我用PyScript 和HTML5结合做一个课堂积分网页,双击就能运行,标题是37创客班积分,加上可爱的表情。 标题下方有一个菜单栏, 菜单栏居中。菜单栏第一个控件是一个“全班加分”按钮,点击则跳出输入框可以用来调整数字大小(允许负数),再次点击确定则全班同学的积分都增加或扣除到对应的数字。
菜单栏第二个控件是“全班清零”按钮,点击则弹出确认提示框,确认全班积分清零。 菜单栏第三个控件是“排行榜按钮”,点击则弹出排行榜,按积分从大到小排名,一行一个,按“学生姓名积分”显示,前三名有金牌银牌铜牌的表情。
菜单栏第四个控件是“导入积分”按钮,点击则可以选择txt文件把积分导入系统,文件的格式为“学生姓名,积分”,一行一个,然后渲染学生操作网格,显示学生的姓名和积分。 菜单栏第五个控件是“导出积分”按钮,点击可以把当前网页上所有学生的积分导出成txt文件,保存到桌面,格式是学生姓名,积分,按顺序一行一个。
菜单栏第六个控件是“添加学生”的按钮,点击可以弹出输入框,输入学生姓名,确定在最前面渲染它的学生卡片,积分确认为0。
菜单栏下方用来显示出学生操作网格,操作网格居中对齐,每一排最多五个学生卡片,每个学生卡片对应文本文件里的每一行学生数据,要按数据对应好。学生卡片中间的上方显示学生姓名,字体黑色加粗,中间下方显示这个学生的积分,左边是减分按钮,点击则这个学生的积分减一分(允许负数),右边是加分按钮,点击则这个学生的积分加一分,积分数字红色加粗,加减分按钮要大一点。
每次调整某个学生的积分、全班加分、全班清零,数据都要实时保存在浏览器里,下次双击网页时积分可以从浏览器中取出,然后渲染积分数据。每次调整积分要有动画效果。下面附上学生姓名,积分默认都是0。
麦程灏,10
欧阳俊灏,6
黄昊轩,1
黄梓豪,1
全梓豪,1
梁挚言,1
李欣怡,1
|
|