HTML+JS+CSS实现学生信息管理系统
38 浏览量
2021-01-08
17:44:23
上传
评论 11
收藏 75KB PDF 举报
HTML+JS+CSS实现学生信息管理系统实现学生信息管理系统
HTML+JS+CSS实现学生信息管理系统实现学生信息管理系统效果页面增删改查翻页代码难点难点1难点2难点3难点4结语
效果效果
话不多说，直接看效果，本次代码较为复杂，希望大家可以耐心阅读，不懂的可以评论或者邮箱联系我（1079349989@qq.com）。
完整代码也可以在我的GitHub中找到，GitHub链接在此
页面页面
它有一个checked属性，可以判断它是否被选择。
点击这个，将这一页的这一列，全部保持相同的checked属性，即可做出全选。
问题问题2：仅选择当前页：仅选择当前页
首先需要拿到当前页面，然后，由于每一页设定只显示10条内容，设当前页面数为page，则有以下规则
当前页的开始条数为(page-1)*10+1，例如在第1页时，开始条数为(1-1)*10+1 = 1 ；在第二页时，开始条数为(2-1)*10+1 = 11
当前页的结束条数为page*10，例如在第1页时，结束条数为1*10 = 10；在第二页时，结束条数为2*10 = 20
如此，就可以做到仅仅全选当前页所有数据。
难点难点3
删除后，需要补齐。
问题：删除后，该页是否还有数据，是否需要跳页问题：删除后，该页是否还有数据，是否需要跳页
可以获取删除后的总行数，设总行数为rows，有以下规则
rows除10，向上取整，则可以得到，一共有多少页，设总页数为sumpages
当前页数page大于总页数sumpages时，则表示，现在的数据已经少于当前页数page应有的数据量，则需要进行跳页，即跳转到上一页
当前页数page小于总页数sumpages时，则表示，现在的数据支持当前页数page应有的数据量，则只需要继续显示该页面的数据即可
难点难点4
翻页，判断首页或者尾页。
首页，简单，只需拿取当前页的数据page，如果page == 1，则表示在首页；
尾页，难点难点3当中已经讲到解决方法，即如果page == sumpages，则表示在尾页。
结语结语
代码中都写有注释，希望你能耐心阅读，如还有不理解的地方，可以通过评论或邮箱联系我（1079349989@qq.com）。
最终，望您学业有成、事业有成，谢谢！
作者：BigData_宇
资源评论
