简易版js学生管理系统

最新推荐文章于 2023-01-29 14:58:26 发布
fairy_404
最新推荐文章于 2023-01-29 14:58:26 发布
阅读量740
点赞数
本文链接：https://blog.csdn.net/LY__lyxka/article/details/100006929
版权
	<!DOCTYPE html>
	<html lang="en">
	<head>
	    <meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, initial-scale=1.0">
	    <meta http-equiv="X-UA-Compatible" content="ie=edge">
	    <title>Document</title>
	</head>
	<body>
	/*
	/**************** 学生管理系统设计 ****************/ 
菜单

添加学生信息：
  名字，
  学号，
  性别，
  年龄，
  班级

修改学生信息：
  请输入你要修改的学号
  判断学号是否存在，返回存在的对应的下标
    请输入修改信息
    修改成功，跳回菜单

删除学生信息：
  请输入你要删除的学号
  判断学号是否存在，返回存在的对应的下标
    是否确定要删除(y/n)
      删除数组中对应的下标位置
      删除成功，返回菜单

查询学生信息：
  请输入你要查询的学号
      判断学号是否存在，返回存在的对应的下标
        显示对应下标的信息
        确定返回菜单

退出系统：
  结束
	*/
	    <button type="button" id="btn">管理信息</button>
	    <script>
	    var btn = document.getElementById('btn');
	    btn.onclick= function(){
	        showMean();
	    }
	    var students = [
	        {
	            name: '凉夕',
	            number: 2010,
	            sex: '女',
	            age: '18',
	            class: '16.2'
	        },
	        {
	            name: '江雪',
	            number: 2011,
	            sex: '女',
	            age: 18,
	            class: '16.2'
	        },
	        {
	            name: '顾琛',
	            number: 2012,
	            sex: '男',
	            age: 19,
	            class: '16.2'
	        },
	        {
	            name: '沈晓生',
	            number: 2013,
	            sex: '男',
	            age: 18,
	            class: '16.2'
	        },
	        {
	            name: '隋一凡',
	            number: 2014,
	            sex: '男',
	            age: 17,
	            class: '16.2'
	        }
	    ];
	    //判断用户是否存在状态
	    var user = false;
	    /*  
	        *查找用户输入的学号是否存在
	        *@method  getUser(num)
	        *@param  [String | Number] num   表示用户输入查找的学号
	        *@return [blooean] user   表示学号是否存在
	    */
	    function getUser(num) {
	        for(var i = 0;i < students.length;i++) {
	            if(num == students[i].number) {
	                user = true;
	                return user;
	            }
	        }
	    }
	    /*  
	        *查找输入的学号位于哪个位置
	        *@method  getNum(num)
	        *@param  [String | Number] num   表示用户输入查找的学号
	        *@return [Number] userNum   返回学号存在与数组中的下标
	    */
	    var userNum = -1;
	    function getNum(num) {
	    for(var i = 0;i < students.length;i++) {
	            if(num == students[i].number) {
	                userNum = i;
	                return userNum;
	            }
	        }
	    }
	    /*  
	        *用户获取每个学生的数据
	        *@method  getInformation(num)   
	        *@param  [String | Number] num   表示用户所查到的所在下标
	        *@return [Number] userNum   返回学号对应的数据内容
	    */
	    function getInformation(num) {
	        information = students[num].name + '-' + students[num].number + '-' + students[num].sex + '-' + students[num].age + '-' + students[num].class;
	        return information;
	    }
	    /*  
	        *每位学生信息对应修改表
	        *@method  studentList(list)  
	        *@param  [Object] list   表示得到的用户输入数据的数组
	        *@return [Object] name: list[0],number: list[1],sex: list[2],age: list[3],class: list[4]   返回所有用到的内容
	    */
	    function studentList(list) {
	        return {
	            name: list[0],
	            number: list[1],
	            sex: list[2],
	            age: list[3],
	            class: list[4]
	        };
	    }
	    //信息列表项
	    var studentArr = ['name','number','sex','age','class'];
	    //显示菜单
	    function showMean() {
	        var mean = parseInt(prompt('请选择您要操作的项目 \n 1、添加学生信息 \n 2、修改学生信息 \n 3、删除学生信息 \n 4、查询学生信息 \n 5、退出'));
	        switch(mean) {
	            case 1 :
	                addStudent();
	                break;
	            case 2 :
	                modification();
	                break;
	            case 3 :
	                delStudent();    
	                break;
	            case 4 :
	                inquire();
	                break;
	            case 5 :
	                exit();
	                break;
	            default:
	                alert('请输入正确的选项代号');
	                showMean();
	                break
	        }
	    }
	    //添加学生信息
	    function addStudent() {
	        var add = prompt('请以(姓名-学号-性别-年龄-班级)等格式输入学生信息');
	        add = add.split('-');
	        //获取新输入的学生信息的学号
	        var num = add[1];
	        if(getUser(num)) {
	            alert('该学生已经存在');
	        } else {
	            students.push(studentList(add));
	            alert('添加成功');
	        }
	        // 显示菜单栏
	        showMean();
	    }
	    //修改学生信息
	    function modification() {
	        var num = prompt('请输入你要修改学生的学号');
	        if(getUser(num)) {
	            var sub = getNum(num);
	            var information = getInformation(sub);
	            var add = prompt('你要修改的学生信息为：'+information+'\n请以(姓名-学号-性别-年龄-班级)等格式输入学生新信息');
	            add = add.split('-');
	            students.splice(sub,1,studentList(add));
	            alert('修改成功');
	        } else {
	            alert('数据库中没有该生的信息');
	        }
	        showMean();
	    }
	    //删除学生信息
	    function delStudent() {
	        var num = prompt('请输入所删除学生的学号');
	        if(getUser(num)) {
	            var sub = getNum(num),
	                information = getInformation(sub);
	            alert('请确认删除的信息是否正确 \n'+information);
	            students.splice(sub,1);
	            alert('删除成功！');
	        } else {
	            alert('删除失败，数据库中没有该生信息');
	        }
	        showMean();
	    } 
	    //查询学生信息
	    function inquire() {
	        var num = parseInt(prompt('请输入学号'));
	        if(getUser(num)) {
	            var sub = getNum(num);
	            alert(getInformation(sub));
	        } else {
	            alert('数据库中没有该生信息');
	        } 
	        showMean();
	    }
	    //退出 
	    function exit() {
	        alert('退出成功');
	    }
	    </script>
	</body>
	</html>