【技术分享】利用AI制作班级积分系统 [复制链接]

帮我做一个课题积分系统的网页，双击就能运行。要求网页背景色彩要丰富高级，要有高级的设计感和时尚的元素，背景色彩需要能够从左上角到右下角动态渐变颜色。

顶部显示“班级积分系统”标题。标题下方有一个菜单栏，菜单栏居中。

菜单栏第一个控件是“全体加分”按钮，点击改按钮会跳出可以用来调整数字大小的输入框，再次点击“确定”则所有学生的积分都增加相应输入的数字。

菜单栏第二个控件是“全体减分”按钮，点击该按钮会跳出可以用来调整数字大小的输入框，再次点击“确定”则所有学生的积分都会减少相应输入的数字。

菜单栏第三个控件是“排行榜”按钮，按积分从大到小排名，一行一个，按照“学生姓名：积分”显示，学生姓名前用阿拉伯数字显示排名。前三名在排行榜中最高的位置（标题下面）以金字塔形式排列显示（第一名在最上面，第二第三名在第一名下面并列）

菜单栏第四个控件是“全班清零”按钮，点击则弹出确认框，确认则全班所有积分清零。

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

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

菜单栏第七个控件是“添加学生”按钮，点击则可以弹出输入框，输入学生姓名，却没则在最前面渲染它的学生卡片，积分默认为0.

菜单栏下方用来显示学生操作网格。操作网格居中对齐，每一排最多显示五个学生卡片，每个学生卡片对应文本文件里每一行学生数据，按顺序对应好。学生卡片中间的上方显示学生姓名、中间的下方显示这个学生的积分。左边是减分按钮，点击则这个学生的积分减一分（允许负值）、右边是加分按钮，点击则这个学生的积分加一分，并且将变动后的积分显示在学生卡片中。学生姓名需要醒目一些。

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

学生姓名，一行一个：

...