还在用Excel或者手动记录学生积分?熬夜统计到崩溃?
今天教你用DeepSeek零代码无编程制作一个专属课程积分系统!
实时更新+自动统计+数据同步+排行榜,换电脑、换教室也不怕,只要你想实现的它都能实现。
一、打开deepseek
首先我们打开deepseek,给deepseek一个指令,让他制作一个课堂积分网页。
具体提示词如下:
帮我做一个课堂积分系统的网页,双击就能运行。要求网页背景是淡蓝色。顶部显示“三年(4)班积分系统”标题,加上表情要可爱一点。
标题下方有一个菜单栏,菜单栏居中。
菜单栏第1个控件是一个「全班加分」按钮,点击则跳出输入框可以用来调整数字大小(允许负数),再次点击「确定」则所有同学的积分都增加或扣除到对应的数字。
菜单栏第2个控件是「全班清零」按钮,点击则弹出确认提示框,确认则全班所有积分清零。
菜单栏第3个控件是「排行榜」按钮,点击则弹出排行榜,按积分从大到小排名,一行一个,按“学生姓名:积分“显示,前三名有金牌银牌铜牌的表情。
菜单栏第4个控件是「导入积分」按钮,点击则可选择txt文本文件把积分导入到系统,文件的格式是“学生姓名,积分”(,号不省略),一行一个。然后渲染学生操作网格,显示学生的姓名和积分。
菜单栏第5个控件「导出积分」按钮,点击可以把目前网页上所有学生的积分导出成txt文本文件保存到桌面,格式是“学生姓名,积分”(,号不省略),按顺序一行一个。
菜单栏第6个控件是「添加学生」按钮,点击可以弹出输入框,输入学生姓名,确定则在最前面渲染它的学生卡片,积分默认为0。
菜单栏下方用来显示学生操作网格。操作网格居中对齐,每一排最多五个学生卡片,每个学生卡片对应文本文件里的每一行学生数据,按顺序对应好。学生卡片中间的上方显示学生姓名、中间的下方显示这个学生的积分。左边是减分按钮,点击则这个学生的积分减一分(允许负数)、右边是加分按钮,点击则这个学生的积分加一分。学生姓名大一点,黑色。积分大一点,红色。减分加分按钮大一点、醒目一点。
每次调整某个学生的积分、全班加分、全班清零,数据都要实时保存在浏览器里,下次双击网页时积分可以从浏览器里取出,然后渲染积分数据。每次调整积分尽量要有动画效果,因为第一次打开肯定没有学生姓名和积分,所以在文字末尾我附上了学生姓名,积分默认都是0。
学生姓名,一行一个:
甜甜
×××
×××
×××
等待deepseek思考完毕,代码生成后,我们点击右上角的复制。

二、创建文本文档
第二步我们回到桌面,点击右键,创建一个文本文档

打开文本文档,把复制的代码粘贴过来,然后点击保存。

接下来把文本文档后缀改一下,把txt后缀改成html。

改好后会出现这个弹窗,选择“是”

最后我们双击见证奇迹时刻,一个课堂积分系统就完成了。
点击看大图▼
可以任意给谁加分或者减分,也实现了一键全班分数清零或者全班加分,也可以查看排行榜。
制作好了之后,我发现没有删除和随意变换顺序的功能,所以又加了一句提示词:
“请再给我添加一个可以右键删除学生卡片的功能,还可以任意变换卡片顺序的功能,请按照我的要求重新生成网页”。
还有其他地方比如风格,字体,功能需要调整的,我们都可以告诉deepseek。
写在最后:
deepseek都能完美搞定,真的太强了,掘友们可以试试!



