学生信息管理系统前端开发项目需求

一、语言和环境

A. 实现语言

• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap

B. 环境要求

• Windows
• 谷歌/火狐浏览器

二、功能要求

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

1. 登录页面

• 页面需要设置背景图，背景图由老师提供.
• 正确的账号: 'admin', 密码: '123456'.
• 账号密码正确，则点击登录，进入到main.html页面；否则提示账号或密码错误。

2. main.html页面

• 包含以下功能：
  • 顶部导航栏：包含学生信息、图书信息、添加图书、退出登录四个功能按钮。
  • 左侧菜单栏：包含学生信息管理和图书信息管理两个功能按钮。
  • 右侧内容栏：默认显示学生信息管理页面，点击菜单栏的按钮可以切换显示内容。

3. 学生信息管理页面

• 包含以下功能：
  • 学生信息展示：以表格形式展示所有学生的信息，包括学号、姓名、年龄、性别、班级等字段。
  • 添加学生信息：点击添加按钮，弹出添加学生信息的表单，包括学号、姓名、年龄、性别、班级等字段，提交后将学生信息添加到表格中。
  • 编辑学生信息：点击表格中的编辑按钮，弹出编辑学生信息的表单，可以修改学生的任意字段，提交后更新表格中的数据。
  • 删除学生信息：点击表格中的删除按钮，弹出确认框，确认删除后将该学生信息从表格中删除。

4. 图书信息管理页面

• 包含以下功能：
  • 图书信息展示：以表格形式展示所有图书的信息，包括图书编号、图书名称、作者、出版社、价格等字段。
  • 添加图书信息：点击添加按钮，弹出添加图书信息的表单，包括图书编号、图书名称、作者、出版社、价格等字段，提交后将图书信息添加到表格中。
  • 编辑图书信息：点击表格中的编辑按钮，弹出编辑图书信息的表单，可以修改图书的任意字段，提交后更新表格中的数据。
  • 删除图书信息：点击表格中的删除按钮，弹出确认框，确认删除后将该图书信息从表格中删除。

5. 退出登录功能：点击顶部导航栏的退出登录按钮，返回到登录页面。

三、页面效果

• 登录页面：
  • [登录页面图片]
• main.html页面：
  • [main.html页面图片]
• 学生信息管理页面：
  • [学生信息管理页面图片]
• 图书信息管理页面：
  • [图书信息管理页面图片]