上效果：
项目结构：
注意，与后台进行数据传递应用到了jQuery这个需要单独进行下载！！！我的放在js文件下了。
代码较长，不在此处进行展示，需要可以去我的主页资源里面去找。
遇到比较有代表性的问题：
1、怎样将后端数据以表格形式进行展示参考文章：(7条消息) 后端list集合中的数据传递到前台HTML表格中显示_Markfight!的博客-CSDN博客
2、window.onload 与 jQuery ready（） 区别：JavaScript window.onload |菜鸟教程 (runoob.com)
3、JavaScript中var、let、const的区别：(7条消息) JavaScript中var、let、const的区别，一个for循环让你搞懂_小星博博的博客-CSDN博客_for 循环 const什么意思
4、html 获取文本框中的内容：(7条消息) html 获取文本框中的内容_深海飞鸟的博客-CSDN博客_html获取文本框内容
