JavaScript学生管理系统

2023-05-16

JavaScript学生管理系统

一、系统功能描述
- 1、系统界面
- 2、查看全部学员信息
- 3、搜索学生信息
- 4、添加学生信息
- 5、修改学生信息
- 6、删除学生信息
- 7、退出系统
- 8、检查学号是否存在
二、完整代码

一、系统功能描述

1、系统界面

系统总共包含功能:查看全部学员信息、新增学员信息、修改学员信息、删除学员信息、查询学员信息。
输入操作选项，若操作选项正确，执行相关操作；若操作选项错误，可以重新输入，直至输入正确选项为止。
执行完成相关操作后，经询问用户是否继续后，可以返回主菜单再次进行其他操作。

// 调用主界面函数
    main();
    // 主界面函数
    function main() {
      let choose = parseInt(prompt(`请选择操作：
      1.查看所有学生信息    2.搜索学生信息
      3.添加学生信息        4.修改学生信息
      5.删除学生信息        0.退出学生管理系统`));
      switch (choose) {
        case 1: List(); main(); break;
        case 2: Query(); main(); break;
        case 3: Add(); main(); break;
        case 4: Modify(); main(); break;
        case 5: Delete(); main(); break;
        case 0: Exit(); break;
        default:
          alert(`请输入正确的操作数字`);
          main();
      }
    }

2、查看全部学员信息

 // 查看所有学生信息
    function List() {
      let stuInfo = `学生信息为：`;
      for (let i = 0; i < studentArr.length; i++) {
        stuInfo = stuInfo + `
        学号：${studentArr[i].stuNo} 姓名：${studentArr[i].name} 年龄：${studentArr[i].age} 性别：${studentArr[i].sex} 班级：${studentArr[i].className}`;
      }
      alert(stuInfo);
    }

3、搜索学生信息

 // 3.搜索学生信息
    function Query() {
      let stuNo = prompt(`请输入要查询的学号`);
      let result = Check(stuNo);
      if (result == -1) {
        alert(`你输入的学号不存在，请输入正确的学号`);
        Query();
      }
      else {
        alert(`学号：${studentArr[result].stuNo} 姓名：${studentArr[result].name} 年龄：${studentArr[result].age} 性别：${studentArr[result].sex} 班级：${studentArr[result].className}`);
        main();
      }
    }

4、添加学生信息

需为学生添加学号、姓名、性别、年龄、班级等信息。
若学生人数已经达到 30 人，提示用户”班级人数已满,无法新增学员!

 // 4.添加学生信息
    function Add() {
      if (studentArr.length < 30) {
        let stuNo = prompt("请输入学号:");
        let name = prompt("请输入名字:");
        let age = prompt("请输入年龄:");
        let sex = prompt("请输入性别:");
        let className = prompt("请输入班级:");
        let result = Check(stuNo);
        // 判断学号是否存在
        // 学号不存在就添加
        if (result == -1) {
          var obj = { stuNo: stuNo, name: name, age: age, sex: sex, className: className };
          studentArr.push(obj);
          List();
        } else {
          // 学号存在就不添加
          alert(`你输入的学号已存在请重新输入`);
          Add();
        }
      }
      else {
        alert(`班级人数已满，无法添加学生信息`)
      }
    }

5、修改学生信息

根据学号查找相关学员信息，进行修改。
若存在此学员信息，显示此学员的信息；若不存在此学号学员，提示用户"无此学号学生，请确认后重新输入!"
可以修改学员的姓名、性别、年龄、班级等信息，修改成功后，显示修改后的学员信息。

  // 5.修改学生信息
    function Modify() {
      let stuNo = prompt(`请输入要修改的学生学号`);
      let result = Check(stuNo);
      if (result == -1) {
        alert(`无此学号学生，请确认后输入！`);
        Modify();
      } else {
        alert(`学号输入正确，请修改信息`)
        let name = prompt("请输入名字:");
        let age = prompt("请输入年龄:");
        let sex = prompt("请输入性别:");
        let className = prompt("请输入班级:");
        studentArr[result].name = name;
        studentArr[result].age = age;
        studentArr[result].sex = sex;
        studentArr[result].className = className;
        alert(`修改信息为：姓名：${studentArr[result].name} 年龄：${studentArr[result].age} 性别：${studentArr[result].sex} 班级：${studentArr[result].className}`);
        List();
      }
    }

6、删除学生信息

根据学号查找相关学员信息，进行删除。
若不存在此学号学员，提示用户"无此学号学生,请确认后重新输入!"
若存在此学员信息，显示此学员的信息，并询问用户"确认删除学生信息?(y/n)”，待确认后进行学员信息的删除;若用户点击取消，则取消删除操作。

 // 6.删除学生信息
    function Delete() {
      // 用户是否确定删除
      let choice = confirm("确定要删除嘛？");
      if (choice) {
        let stuNo = prompt(`请输入要删除的学生学号`);
        let result = Check(stuNo);
        if (result == -1) {
          alert(`无此学号学生，请确认后输入！`);
          Delete();
        } else {
          studentArr.splice(result, 1);
          List();
        }
      }
    }

7、退出系统

 // 7.退出系统
    function Exit() {
      alert(`退出成功!`);
    }

8、检查学号是否存在

function Check(stuNo) {
      for (let i = 0; i < studentArr.length; i++) {
        if (studentArr[i].stuNo == stuNo) {
          return i; // 学号存在则返回对应的下标且结束此函数
        }
      }
      return -1; // 学号不存在
    }

二、完整代码

  <script>
    let studentArr = [
      { stuNo: '001', name: '旋涡鸣人', age: 18, sex: "男", className: 'w321' },
      { stuNo: '002', name: '宇智波鼬', age: 20, sex: "男", className: 'w321' },
      { stuNo: '003', name: '千手纲手', age: 18, sex: "女", className: 'w321' },
      { stuNo: '004', name: '日向雏田', age: 18, sex: "女", className: 'w321' }
    ];

    // 调用主界面函数
    main();
    // 主界面函数
    function main() {
      let choose = parseInt(prompt(`请选择操作：
      1.查看所有学生信息    2.搜索学生信息
      3.添加学生信息        4.修改学生信息
      5.删除学生信息        0.退出学生管理系统`));
      switch (choose) {
        case 1: List(); main(); break;
        case 2: Query(); main(); break;
        case 3: Add(); main(); break;
        case 4: Modify(); main(); break;
        case 5: Delete(); main(); break;
        case 0: Exit(); break;
        default:
          alert(`请输入正确的操作数字`);
          main();
      }
    }

    // 1.查看所有学生信息
    function List() {
      let stuInfo = `学生信息为：`;
      for (let i = 0; i < studentArr.length; i++) {
        stuInfo = stuInfo + `
        学号：${studentArr[i].stuNo} 姓名：${studentArr[i].name} 年龄：${studentArr[i].age} 性别：${studentArr[i].sex} 班级：${studentArr[i].className}`;
      }
      alert(stuInfo);
    }

    // 2.搜索学生信息
    function Query() {
      let stuNo = prompt(`请输入要查询的学号`);
      let result = Check(stuNo);
      if (result == -1) {
        alert(`你输入的学号不存在，请输入正确的学号`);
        Query();
      }
      else {
        alert(`学号：${studentArr[result].stuNo} 姓名：${studentArr[result].name} 年龄：${studentArr[result].age} 性别：${studentArr[result].sex} 班级：${studentArr[result].className}`);
        main();
      }
    }

    // 3.添加学生信息
    function Add() {
      if (studentArr.length < 30) {
        let stuNo = prompt("请输入学号:");
        let name = prompt("请输入名字:");
        let age = prompt("请输入年龄:");
        let sex = prompt("请输入性别:");
        let className = prompt("请输入班级:");
        let result = Check(stuNo);
        // 判断学号是否存在
        // 学号不存在就添加
        if (result == -1) {
          var obj = { stuNo: stuNo, name: name, age: age, sex: sex, className: className };
          studentArr.push(obj);
          List();
        } else {
          // 学号存在就不添加
          alert(`你输入的学号已存在请重新输入`);
          Add();
        }
      }
      else {
        alert(`班级人数已满，无法添加学生信息`)
      }
    }

    // 4.修改学生信息
    function Modify() {
      let stuNo = prompt(`请输入要修改的学生学号`);
      let result = Check(stuNo);
      if (result == -1) {
        alert(`无此学号学生，请确认后输入！`);
        Modify();
      } else {
        alert(`学号输入正确，请修改信息`)
        let name = prompt("请输入名字:");
        let age = prompt("请输入年龄:");
        let sex = prompt("请输入性别:");
        let className = prompt("请输入班级:");
        studentArr[result].name = name;
        studentArr[result].age = age;
        studentArr[result].sex = sex;
        studentArr[result].className = className;
        alert(`修改信息为：姓名：${studentArr[result].name} 年龄：${studentArr[result].age} 性别：${studentArr[result].sex} 班级：${studentArr[result].className}`);
        List();
      }
    }

    // 5.删除学生信息
    function Delete() {
      // 用户是否确定删除
      let choice = confirm("确定要删除嘛？");
      if (choice) {
        let stuNo = prompt(`请输入要删除的学生学号`);
        let result = Check(stuNo);
        if (result == -1) {
          alert(`无此学号学生，请确认后输入！`);
          Delete();
        } else {
          studentArr.splice(result, 1);
          List();
        }
      }
    }

    // 6.退出系统
    function Exit() {
      alert(`退出成功!`);
    }

    // 检查学号是否存在
    function Check(stuNo) {
      for (let i = 0; i < studentArr.length; i++) {
        if (studentArr[i].stuNo == stuNo) {
          return i; // 学号存在则返回对应的下标且结束此函数
        }
      }
      return -1; // 学号不存在
    }

  </script>

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)