手把手教你用DeepSeek做一个“班级积分管理系统”网页

2025年3月14日08:00:00 发表评论

还在用Excel或者手动记录学生积分?熬夜统计到崩溃?

今天教你用DeepSeek零代码无编程制作一个专属课程积分系统!

实时更新+自动统计+数据同步+排行榜,换电脑、换教室也不怕,只要你想实现的它都能实现。

一、打开deepseek

首先我们打开deepseek,给deepseek一个指令,让他制作一个课堂积分网页。

具体提示词如下:

帮我做一个课堂积分系统的网页,双击就能运行。要求网页背景是淡蓝色。顶部显示“三年(4)班积分系统”标题,加上表情要可爱一点。

标题下方有一个菜单栏,菜单栏居中。

菜单栏第1个控件是一个「全班加分」按钮,点击则跳出输入框可以用来调整数字大小(允许负数),再次点击「确定」则所有同学的积分都增加或扣除到对应的数字。

菜单栏第2个控件是「全班清零」按钮,点击则弹出确认提示框,确认则全班所有积分清零。

菜单栏第3个控件是「排行榜」按钮,点击则弹出排行榜,按积分从大到小排名,一行一个,按“学生姓名:积分“显示,前三名有金牌银牌铜牌的表情。

菜单栏第4个控件是「导入积分」按钮,点击则可选择txt文本文件把积分导入到系统,文件的格式是“学生姓名,积分”(,号不省略),一行一个。然后渲染学生操作网格,显示学生的姓名和积分。

菜单栏第5个控件「导出积分」按钮,点击可以把目前网页上所有学生的积分导出成txt文本文件保存到桌面,格式是“学生姓名,积分”(,号不省略),按顺序一行一个。

菜单栏第6个控件是「添加学生」按钮,点击可以弹出输入框,输入学生姓名,确定则在最前面渲染它的学生卡片,积分默认为0。

菜单栏下方用来显示学生操作网格。操作网格居中对齐,每一排最多五个学生卡片,每个学生卡片对应文本文件里的每一行学生数据,按顺序对应好。学生卡片中间的上方显示学生姓名、中间的下方显示这个学生的积分。左边是减分按钮,点击则这个学生的积分减一分(允许负数)、右边是加分按钮,点击则这个学生的积分加一分。学生姓名大一点,黑色。积分大一点,红色。减分加分按钮大一点、醒目一点。

每次调整某个学生的积分、全班加分、全班清零,数据都要实时保存在浏览器里,下次双击网页时积分可以从浏览器里取出,然后渲染积分数据。每次调整积分尽量要有动画效果,因为第一次打开肯定没有学生姓名和积分,所以在文字末尾我附上了学生姓名,积分默认都是0。

学生姓名,一行一个:

甜甜

×××

×××

×××

等待deepseek思考完毕,代码生成后,我们点击右上角的复制。

手把手教你用DeepSeek做一个“班级积分管理系统”网页

二、创建文本文档

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

手把手教你用DeepSeek做一个“班级积分管理系统”网页

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

手把手教你用DeepSeek做一个“班级积分管理系统”网页

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

手把手教你用DeepSeek做一个“班级积分管理系统”网页

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

手把手教你用DeepSeek做一个“班级积分管理系统”网页

最后我们双击见证奇迹时刻,一个课堂积分系统就完成了。

点击看大图▼

手把手教你用DeepSeek做一个“班级积分管理系统”网页

可以任意给谁加分或者减分,也实现了一键全班分数清零或者全班加分,也可以查看排行榜。

制作好了之后,我发现没有删除和随意变换顺序的功能,所以又加了一句提示词:

“请再给我添加一个可以右键删除学生卡片的功能,还可以任意变换卡片顺序的功能,请按照我的要求重新生成网页”。

还有其他地方比如风格,字体,功能需要调整的,我们都可以告诉deepseek。

写在最后:

deepseek都能完美搞定,真的太强了,掘友们可以试试!

Tips:

建议掘友们都能去搭建一个网站《原因》,普通的建站很简单,我们可以依靠专门的建站软件来实现《教程》。自己如果实在无力拿下的话,完全可以付费来给你搞定的,掘金网目前就提供这样的付费技术支持服务《去付费》,花钱不多可以买个保障和安全,有需要的可以联系掘金网。

历史上的今天:

掘金网
  • 版权声明:本站原创文章,转载请保留出处和链接!
  • 本文链接:http://jjsoho.com/ydszwy/ 网赚有风险,投资需谨慎!