学生信息管理系统前端开发项目实战：使用HTML、CSS、JavaScript实现网页版学生信息管理系统

一、语言和环境

A. 实现语言

• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap

B. 环境要求

• Windows
• 谷歌/火狐浏览器

二、功能要求

使用前端技术，实现网页版的学生信息管理，包括登录功能，图书信息的展示、添加图书、删除图书的操作，具体要求如下：

1. 登录页面，如图所示，正确的账号: 'admin', 密码: '123456' 页面需要设置页面背景图，背景图由老师提供. 如果账号密码正确，则点击登录，进入到main.html页面，否则显示账号或密码错误，并清空输入框。
2. main.html页面，如图所示，显示所有图书的信息，包括图书的编号、名称、作者、出版社、出版日期、价格等信息。 页面上方有一个搜索框和一个搜索按钮，可以根据图书的编号或名称进行搜索，搜索结果会显示在下方的表格中。 页面下方有一个添加图书按钮，点击后弹出一个表单，可以填写图书的信息并添加到图书列表中。 每一行的图书信息后面都有一个删除按钮，点击删除按钮可以删除该图书。
3. 使用LocalStorage保存图书信息，图书信息的格式为JSON数组，每个图书信息包括编号、名称、作者、出版社、出版日期、价格等字段。 页面初始化时，从LocalStorage中读取图书信息并显示在表格中。 添加图书后，将新的图书信息保存到LocalStorage中。 删除图书后，将更新后的图书信息保存到LocalStorage中。
4. 实现基本的表单验证功能，例如图书编号必须为数字、图书名称不能为空等。 添加图书时，如果表单验证不通过，弹出提示框提示错误信息。 删除图书时，弹出确认框确认是否删除。
5. 实现页面的响应式布局，适应不同的屏幕尺寸。
6. 使用BootStrap美化页面样式，使页面看起来更加美观。
7. 尽量使用模块化、面向对象的编程方式，使代码结构清晰易读。
8. 使用Git进行版本控制，提交代码到GitHub上进行管理。
9. 编写简洁清晰的代码注释，方便他人阅读和理解代码。
10. 实现以上功能后，根据需求进行扩展，添加更多的功能，例如修改图书信息、排序图书列表等。

三、提交要求

1. 将代码打包为zip压缩包，命名为'学生信息管理.zip'。
2. 将作业提交到GitHub上，并将GitHub仓库链接提交到作业提交网址上。