《数据库原理与应用课程设计》数据库原理与应用课程设计任务书【题目】教务管理系统【目的】1、掌握计算机管理信息系统设计的一般方法，主要包括系统分析、系统设计的组织和实施。
2、关系型数据库管理系统的编程技术，并能独立完成一般小系统的程序设计、调试运行等工作。
3、培养把所学知识运用到具体对象，并能求出解决方案的能力。
【要求】1、每个学生必须独立完成；2、课程设计时间为1周；3、整个数据库系统设计，后台数据库必须用SQL Server，前台编程语言任选。
4、学生有事离校必须请假。
课程设计期间，无故缺席按旷课处理；缺席时间达四分之一以上者，未按规定上交实验报告的学生，其成绩按不及格处理。
【内容】1、按照题目教务管理系统进行调研，采集数据，提取实体、实体与实体之间的联系，运用数据库设计方法进行数据库的设计，并插入一定量的实验数据。
2、根据系统的实际要求，以及考核标准来完成对应难度的数据库系统开发。
【考核标准】(1) 学生用户，通过输入学号、密码进入系统。
能修改个人信息，修改密码；能查询课程库所有课程信息，但不能修改；能查询自己的个人成绩，但不能修改（及格要求）。
(2) 设置管理员超级用户，通过输入账号、密码进入系统。
能查询及修改数据库中的任意表，如用户表、学生信息表、课程库表、成绩表等（中等要求）。
(3) 用户表中追加教师用户。
数据库中增加教师教学任务表，教师能根据课程库中的课程，给自己添加、删除、修改教学任务。
（良好要求）(4) 完善教务管理系统。
学生能看到教师的教学任务，并能做到学生选课；教师对自己上课的课程，能给已选课的学生打成绩（优秀要求）。
注：编程过程中工程文件名必须取自己的学号；程序运行结果中，能打开的各个窗口名必须包含自己的学号，此项没有成绩作0分处理。
【工作内容及工作计划】一、题目：教务系统管理二、需求分析教务管理是大学的主要日常管理工作之一，涉及到校、系、师、生的诸多方面，随着教学体制的不断改革，尤其是学分制、选课制的展开和深入，教务日常管理工作日趋繁重、复杂。
如何把教务工作信息化，模块化，便捷化是现代高校发展的重点，所以迫切需要研制开发一种综合教务管理软件，建成一个完整统一、技术先进、高效稳定、安全可靠的教学信息管理系统。
这次课程设计我做的是一个便捷班的教务管理系统，包括用户登录和权限识别模块，个人信息查询模块，管理员模块，课程及成绩查询模块，教师信息模块等。
1.数据需求（1）数据录入和处理的准确性和实时性数据的输入是否准确是数据处理的前提，错误的输入会导致系统输出的不正确和不可用，从而使系统的工作失去意义。
数据的输入来源是手工输入。
手工输入要通过系统界面上的安排系统具有容错性，并且对操作人员要进行系统的培训。
在系统中，数据的输入往往是大量的，因此系统要有一定的处理能力，以保证迅速的处理数据。
（2）数据的一致性与完整性由于系统的数据是共享的，在不同的客户端中，教务信息是共享数据，所以如何保证这些数据的一致性，是系统必须解决的问题。
要解决这一问题，要有一定的人员维护数据的一致性，在数据录入处控制数据的去向，并且要求对数据库的数据完整性进行严格的约束。
对于输入的数据，要为其定义完整性规则，如果不能符合完整性约束，系统应该拒绝该数据。
（3）数据的共享与独立性整个教务管理系统的数据是共享的。
然而，从系统开发的角度上看，共享会给设计和调试带来困难。
因此，应该提供灵活的配置，使各个分系统能够独立运行，而通过人工干预的手段进行系统数据的交换。
这样，也能提供系统的强壮性。
2.功能要求本系统有以下功能模块：1）登录模块2）学生信息管理模块3）教师信息管理模块4）管理员模块3.功能描述下面详细描述一下各个功能模块：1）登录模块通过输入用户名和密码，选择登录类别（学生，老师，管理员）来登录管理系统。
2）学生信息管理模块只允许学生用户进入。
通过输入学号、密码进入系统。
能修改个人信息，修改密码；能查询课程库所有课程信息，但不能修改；能查询自己的个人成绩，但不能修改3）教师信息管理只允许教师进入。
教师可查询个人信息和所授课信息。
可以自行增，删课程。
4）管理员模块只允许管理员登录。
管理员可查询学生，教师信息，也可做任何修改。
三、数据分析与建模1.数据存储（1）数据存储名称：老师信息别名：无简述：对老师的信息进行存储管理组成：教师账号+教师编号+教师姓名＋教师基本信息教师编号是主键，教师账号是外键，数据来自用户表的账号信息栏。
（2）数据存储名称：学生信息别名：无简述：对学生的信息进行存储管理组成：学生账号+学号＋学生基本信息+选课信息+成绩学生编号是主键，学生账号是外键，数据来自用户表的账号信息栏。
（3）数据存储名称：课程信息别名：无简述：对课程信息进行存储管理组成：课程号+课程名+学分课程号是主键。
（4）数据存储名称：成绩信息别名：无简述：对学生的成绩信息进行存储管理组成：学号+课程号+成绩(5）数据存储名称：教师授课信息别名：无简述：对教师的授课信息进行存储管理组成：教师编号+课程号。
四．数据库建立表2：教师信息表表3：学生信息表表6：教师授课表记录号字段名称数据类型字段大小属性（是否可为空）1 教师编号Varchar 20 主键2 课程编号Varchar 20 主键在数据库中显示如下：2-1用户表2-2学生信息表2-3课程信息表2-4 课程-成绩表2-5教师信息表2-6教师所授课程表五、数据库应用开发与运行（程序代码、界面图、详细功能说明）1.教务系统登录部分本系统的登录界面上主要有用户名、密码和用户权限三部分内容。
用户若想进入系统，就必须给出正确的用户名和密码，而且要选择正确的用户权限。
如果用户输入的用户名不存在或者密码与用户名不一致或者与用户权限不一致，都会给出相应的提示信息，告诉用户出现的错误输入。
5-1.登录主界面程序代码如下：(1)login.html:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>学生登陆界面</title><link href="../css/register.css" rel="stylesheet" type="text/css" /><script src=”login,js” /></script></head><body><div class="content"><p>学生登录界面</p><ul><li class="style1"><label>帐号:</label><input type="text" name="account" id="account" placeholder="请输入您的帐号" required /> </li><li class="style2"><label>密码:</label><input type="password" name="password" id="password" placeholder="请输入您的密码" required/></li></ul><div class="check"><lable>登录身份：</lable><select id="check_type" name="type" style="width:100px;height:25px" /><option value="student" selected="selected">学生</option><option value="teacher">教师</option><option value="manager">管理员</option></select></div><div class="button"><input type="submit" style="width:100px;height:30px" value="登录" id="sendLogin" name="login_btn" onclick="login()"/></div><div id="reply"></div></div></body></html>(2)Login.script<script language="javascript" >var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");function createQueryString(){var acc=document.getElementById("account").value;var pw=document.getElementById("password").value;var type=document.getElementById("check_type").value;var querystring="acc="+acc+"&pw="+pw+"&type="+type;return querystring;}function login(){var date=new Date();temp=date.getTime();url="login.php?timestamp="+temp;Querystring=createQueryString();xmlHttp.open("POST",url,true);xmlHttp.setRequestHeader("content-length",Querystring.length);xmlHttp.setRequestHeader("content-type","application/x-www-form-urlencoded");xmlHttp.onreadystatechange=handle_f;xmlHttp.send(Querystring);}function handle_f(){if(xmlHttp.readystate==4){if(xmlHttp.status==200){text=xmlHttp.responseText;parseResult(text);}else{alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);}}}function parseResult(message){var type=document.getElementById("check_type").value;var acc=document.getElementById("account").value;if(message==0){if(type=="student"){alert("登录成功，即将跳转至学生信息页面！");document.cookie="acc="+acc;window.location.replace("show_stu.html");}else if(type=="teacher"){alert("登录成功，即将跳转至老师信息页面！");document.cookie="acc="+acc;window.location.replace("teacher.html");}else{alert("登录成功，即将跳管理员页面！");window.location.replace("manage.html");}}else{alert("用户名或密码错误，请重新输入！");window.location.reload();}}</script>(3)login.php<?phpheader('Content-Type:text/html;charset=UTF-8');$host="localhost";$user="root";$password="yanjiaqi";$dataname="test";$manager_acc="2012329700013";$manager_pass="2012329700013";$acc=$_POST["acc"];$pass=$_POST["pw"];$type=$_POST["type"];$my_conn=mysql_connect($host,$user,$password);$sq = "set names utf8";$result1 = mysql_query($sq , $my_conn);mysql_select_db($dataname,$my_conn);$sql="SELECT * FROM user WHERE username=$acc";$result=mysql_query($sql,$my_conn);// $num=mysql_num_rows($result);if($result!=null){$detail=mysql_fetch_row($result);//学生用户登录if($type=="student"){if($detail[1]==$pass && $detail[2]=="student"){echo "0";}else {echo "1";}}//老师登录else if($type=="teacher"){if($detail[1]==$pass && $detail[2]=="teacher"){echo "0";}else {echo "1";}}//管理员用户登录else if(type=="manager"){if(acc==$manager_acc && pw==$manager_pass){echo "0";//页面跳转至管理员界面}else{//返回至用户登录界面echo "1" ;}}}elseecho "1";mysql_close($my_conn);?>登录成功图如下：图5-2图5-3 2.学生信息管理界面(1)界面实现代码如下：1)show_stu.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>学生信息展示页面</title><link href="../css/show_student.css" rel="stylesheet" type="text/css" /><script src="show_info.js" type="text/javascript"/></script></head><body><!--顶部菜单--><p><strong></strong></p><div id="exit"><a href="login.html">退出</a></div><div id="topmenu"><ul><li><a href="show_stu.html">首页</a> </li><li><a href="#">信息维护</a><ul><li><a href="javascript:void(0);" onclick="show_info()" >个人信息</a></li><li><a href="avascript:void(0);" onclick="change_info()">密码修改</a></li></ul></li><li><a href="#">信息查询</a><ul><li><a href="javascript:void(0);" onclick="show_class()">课表及成绩查询</a></li></ul></li></ul></div><!--学生信息表--><div id="person_info"><p><font size="5">个人信息表</font></p><ul><li><label>学号:</label><input id="in_sno" type="text" name="sno" readonly="readonly"/></li><li><label>姓名:</label><input id="in_sname" type="text" name="name" readonly="readonly"/></li><li><label>性别:</label><input id="in_sex" type="text" name="sex" readonly="readonly"></li><li><label>年龄:</label><input id="in_sage" type="text" name="age" readonly="readonly"/></li><li><label>学院:</label><input id="in_sdept" type="text" name="dept" readonly="readonly"/></li><li> <input type="button" value="编辑" id="edit" onclick="onEdit()" name='edit_btn'/><input type="submit" value="提交" id="change" onclick="onSubmit()"/></li></ul></div><!--学生用户名密码修改表--><div id="change_info"><form><ul><li><label>用户名:</label><input type="text" name="account" readonly="readonly" /></li><li><label>旧密码:</label><input type="text" name="oldpassword" readonly="readonly" /></li><li><label>新密码:</label><input type="text" id="in_pass" name="newpassword" /></li><li><input type="submit" value="提交" name="sub_btn" id="sub_btn" onclick="change_stu()"/></li></ul></form></div><!--学生课程展示表--><div id="show_class"><table name="cls" border="1" id="class_table" ><caption><strong><font size="+2.5">学生课表信息</font></strong></caption><tr><td>课程号</td><td>课程名</td><td>学分</td><td>成绩</td></tr></table><ul><li><a href="#">第一页</a></li> <li><a href="#">上一页</a></li> <li><a href="#">下一页</a></li> <li><a href="#">最后一页</a></li> </ul></div></body></html>2)show_student.css@charset "utf-8";/* CSS Document */*{margin:0px;pading:0px;}p{margin:10px 50px;}#exit{width:80px;}#topmenu{width:400px;height:40px;background-color:#eee;margin:50px auto;}ul{list-style:none;}ul li{float:left;line-height:40px;text-align:center;position:relative;}a{display:block;padding:0 20px;text-decoration:none;color:#000;height:40px;}a:hover{color:#FFF;background-color:#333; }ul li ul{position:absolute;top:40px;left:0px;display:none;}ul li ul li{float:none;background-color:#eee;margin-top:2px;margin-left:-39px;}ul li:hover ul{display:block;}ul li ul li a{width:115px;}#person_info{position:relative;width:600px;margin:100px auto;display:none;}#person_info p{position:absolute;left:178px;top:0px;}#person_info ul{position:absolute;left:150px;top:50px;}#person_info ul li{float:none;}#person_info ul li input[type=text]{ margin-left:5px;}#edit{width:60px;height:25px;}#change{display:none;position:absolute;width:70px;height:25px;left:80px;top:20px;}#change_info{display:none;width:600px;margin:100px auto;}form ul li{float:none;}form ul li input[type=button]{width:70px;height:25px;}form ul li input[type=submit]{width:70px;height:25px;margin-left:80px;}#show_class{width:600px;height:auto;margin:100px auto;display:none;}#show_class table {margin-left:100px;}#show_class a:hover{color:#FFF;}#show_class a{margin:10px 20px;}td{height:30px;width:120px;}tr{text-align:center;}图5-4图5-5图5-6(2)显示学生信息代码如下：1）show_info.js 中实现学生信息显示的代码var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP"); window.onload=function(){var s=document.getElementsByTagName("strong");s[0].innerHTML=document.cookie;}function show_info(){//页面样式变化var p=document.getElementById("person_info");var cp=document.getElementById("change_info");var cls=document.getElementById("show_class");cp.style.display="none";cls.style.display="none";p.style.display="block";//加载数据var str=document.cookie;var arr=str.split("=");var acc_str;if(arr[0]=="acc")acc_str=arr[1];var url="show_stu_info.php?acc_str="+acc_str;xmlHttp.onreadystatechange=handle_show;xmlHttp.open("GET",url,true);xmlHttp.send(null);}function handle_show(){if(xmlHttp.readystate==4){if(xmlHttp.status==200){var str=xmlHttp.responseText;var result=str.split(",");var div1=document.getElementById("person_info");var ips=div1.getElementsByTagName("input");ips[0].setAttribute("value", result[0]);ips[1].setAttribute("value",result[1]);ips[2].setAttribute("value",result[2]);ips[3].setAttribute("value", result[3]);ips[4].setAttribute("value", result[4]);}else{alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);}}}2）show_stu.php<?php// header('Content-Type:text/html;charset=UTF-8');$host="localhost";$user="root";$password="yanjiaqi";$dataname="test";$manager_acc="2012329700013";$manager_pass="2012329700013";$acc=$_GET["acc_str"];$my_conn=mysql_connect($host,$user,$password);mysql_select_db($dataname,$my_conn);$sql="SELECT * FROM student WHERE sno=$acc"; //sql语句$result=mysql_query($sql,$my_conn);if($result!=null){$detail=mysql_fetch_array($result);echo $detail[1].",";echo $detail[2].",";echo $detail[3].",";echo $detail[4].",";echo $detail[5].",";}elseecho "cannot find data";mysql_close($my_conn);?>图5-7(3)修改学生信息部分的代码1）show_info.jsfunction onEdit(){var btn1=document.getElementById("edit");var btn2=document.getElementById("change");var p=document.getElementById("person_info");btn1.style.display="none";btn2.style.display="block";//使内容变得可编辑var txt=p.getElementsByTagName("input");for(var i=1;i<5;i++){txt[i].removeAttribute("readonly");}}function createQueryString(){var sno=document.getElementById("in_sno").value;var sname=document.getElementById("in_sname").value;var sex=document.getElementById("in_sex").value;var sage=document.getElementById("in_sage").value;var sdept=document.getElementById("in_sdept").value;varquerystring="sno="+sno+"&sname="+sname+"&sex="+sex+"&sage="+sage+"&sdept="+sd ept;return querystring;}function onSubmit(){var date=new Date();temp=date.getTime();var url="change_stu_info.php?timestamp="+temp;Querystring=createQueryString();xmlHttp.open("POST",url,true);xmlHttp.setRequestHeader("content-length",Querystring.length);xmlHttp.setRequestHeader("content-type","appliction/x-www-form-urlencoded" );xmlHttp.onreadystatechange=handle_change;xmlHttp.send(Querystring);}function handle_change(){if(xmlHttp.readystate==4){if(xmlHttp.status==200){var result=xmlHttp.responseText;alert(result);window.location.reload();}else{alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);}}}2)change_stu_info.php<?php$host="localhost";$user="root";$password="yanjiaqi";$dataname="test";$manager_acc="2012329700013";$manager_pass="2012329700013";$sno=$_POST["sno"];$sname=$_POST["sname"];$sex=$_POST["sex"];$sage=$_POST["sage"];$sdept=$_POST["sdept"];$my_conn=mysql_connect($host,$user,$password);if( mysql_select_db($dataname,$my_conn)){$sql="UPDATE student SETsname='$sname',sex='$sex',sage='$sage',sdept='$sdept' WHERE sno=$sno"; mysql_query($sql,$my_conn);//弹出一个对话框显示保存成功,且页面返回到信息查询首页echo "Save Successfully!";}else{echo "Save Error!";}?>图5-8 图5-9（3)对学生登录信息的修改，代码如下：1）dengluxiugai.jsfunction change_info(){//对样式的改变var p=document.getElementById("person_info");var cp=document.getElementById("change_info");var cls=document.getElementById("show_class");p.style.display="none";cls.style.display="none";cp.style.display="block";//显示数据var str=document.cookie;var arr=str.split("=");var acc_str;if(arr[0]=="acc")acc_str=arr[1];url="edit_stu.php?acc_str="+acc_str;xmlHttp.onreadystatechange=handle_edit;xmlHttp.open("GET",url,true);xmlHttp.send(null);}function handle_edit(){if(xmlHttp.readystate==4){if(xmlHttp.status==200){var str=xmlHttp.responseText;var result=str.split(",");var div=document.getElementById("change_info");var ips=div.getElementsByTagName("input");ips[0].value= result[0];ips[1].value=result[1];}else{alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);}}}2)save_stu.php<?php$host="localhost";$user="root";$password="yanjiaqi";$dataname="test";$manager_acc="2012329700013";$manager_pass="2012329700013";$acc_str=$_POST["acc_str"];$newpass=$_POST["newpass"];$my_conn=mysql_connect($host,$user,$password);mysql_select_db($dataname,$my_conn);$sql="UPDATE user SET password='$newpass' WHERE username=$acc_str"; //sql语句的问题//sql语句执行结果出错if(mysql_query($sql,$my_conn))echo "Save Successfully!";elseecho "Save Error!";mysql_close($my_conn);?>图5-10图5-11（4）学生课程及成绩信息的显示，代码如下：1)xianshi.jsfunction show_class(){var p=document.getElementById("person_info"); var cp=document.getElementById("change_info"); var cls=document.getElementById("show_class");p.style.display="none";cp.style.display="none";cls.style.display="block";//缓存学生号var str=document.cookie;var arr=str.split("=");var acc_str;if(arr[0]=="acc")acc_str=arr[1];url="show_class.php?acc_str="+acc_str;xmlHttp.onreadystatechange=handle_class;xmlHttp.open("GET",url,true);xmlHttp.send(null);}function handle_class(){if(xmlHttp.readystate==4){if(xmlHttp.status==200){var str=xmlHttp.responseText;var result=str.split(",");var table=document.getElementById("class_table");//显示课程信息for(var i=0;i<result.length/4-1;i++){var row=document.createElement("tr");//显示课程号var cell=document.createElement("td");var textNode=document.createTextNode(result[4*i]);cell.appendChild(textNode);row.appendChild(cell);//现实课程名var cell=document.createElement("td");var textNode=document.createTextNode(result[4*i+1]);cell.appendChild(textNode);row.appendChild(cell);//显示课程学分var cell=document.createElement("td");var textNode=document.createTextNode(result[4*i+2]);cell.appendChild(textNode);row.appendChild(cell);//显示课程成绩var cell=document.createElement("td");var textNode=document.createTextNode(result[4*i+3]);cell.appendChild(textNode);row.appendChild(cell);table.appendChild(row);}}else{alert("执行过程中出现问题，服务器返回："+xmlHttp.statusText);}}}2）show_class.php<?php$host="localhost";$user="root";$password="yanjiaqi";$dataname="test";$manager_acc="2012329700013";$manager_pass="2012329700013";$acc=$_GET["acc_str"];$my_conn=mysql_connect($host,$user,$password);mysql_select_db($dataname,$my_conn);$sql="SELECT o,ame,course.credit,sc.score FROM course,sc WHERE sc.sno='$acc' and o=o";$result=mysql_query($sql,$my_conn);while($detail=mysql_fetch_array($result)){echo $detail[0].",";echo $detail[1].",";echo $detail[2].",";echo $detail[3].",";}mysql_close($my_conn);?>图5-123.管理员界面（1）管理员主页面代码和图片如下：1）manage.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>管理员界面</title><link href="../css/manage.css" rel="stylesheet" type="text/css" /> <script src="manage.js" type="text/javascript"/></script></head><body><div id="exit"><a href="login.html">退出</a></div><div id="topmenu"><ul><li><a href="javascript:void(0);" onclick="unset()">首页</a> </li> <li><a href="javascript:void(0);" onclick="user()">用户表</a></li> <li><a href="javascript:void(0);" onclick="show_stu()">学生信息表</a></li><li><a href="javascript:void(0);" onclick="show_class()">学生课程表</a></li></ul></div><div id="content"><table name="user" border="1" id="user_table" ><caption><strong><font size="+2.5">用户信息表</font></strong></caption><tr><td>用户名</td><td>密码</td><td>类型</td><td colspan="2" width="110px">操作</td></tr></table><table name="stu_info" border="1" id="stu_table" ><caption><strong><font size="+2.5">学生信息表</font></strong></caption><tr><td>用户名</td><td>学号</td><td>姓名</td><td>性别</td><td>年龄</td><td>学院</td><td colspan="2" width="110px">操作</td></tr></table><table name="class_info" border="1" id="class_table" > <caption><strong><font size="+2.5">课程信息表</font></strong></caption><tr><td>学号</td><td>课程号</td><td>课程名</td><td>学分</td><td>成绩</td><td colspan="2" width="110px">操作</td></tr></table></div></body></html>2)Manage.css@charset "utf-8";/* CSS Document */*{margin:0px;pading:0px;font-size:18px;}#exit{margin-top:20px;width:80px;}#topmenu{width:500px;height:40px;background-color:#eee;margin:50px auto;ul{list-style:none;}ul li{float:left;line-height:40px;text-align:center;position:relative;}ul li a{display:block;padding:0 20px;text-decoration:none;color:#000;height:40px;}ul li a:hover{color:#FFF;background-color:#333; }#content{width:650px;height:auto;margin:50px auto;}#user_table{width:600px;height:auto;margin:0px auto;display:none;}caption{padding-bottom:20px;#user_table td{width:150px;text-align:center; }#stu_table{width:610px;height:auto;margin:0px auto;display:none;}#stu_table td{width:80px;text-align:center; }#class_table{width:600px;height:auto;margin:0px auto;display:none;}#class_table td{width:80px;text-align:center; }图5-13（2）查看用户表的代码和结果图如下：1)mange.js中显示用户信息的代码//设置全局变量var xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");//各种响应函数function unset(){window.location.reload();}function user(){//改变样式var user_tab=document.getElementById("user_table");var stu_tab=document.getElementById("stu_table");var class_tab=document.getElementById("class_table");user_tab.style.display="block";stu_tab.style.display="none";class_tab.style.display="none";//使内容显示出来var url="show_user.php";xmlHttp.onreadystatechange=handle_user;xmlHttp.open("GET",url,true);xmlHttp.send(null);}function handle_user(){if(xmlHttp.readystate==4){if(xmlHttp.status==200){var str=xmlHttp.responseText;var result=str.split(",");var tab1=document.getElementById("user_table");//显示用户信息for(var i=0;i<result.length/3-1;i++){var row=document.createElement("tr");//显示用户账号var cell=document.createElement("td");var textNode=document.createElement("input");textNode.type="text";textNode.value=result[3*i];cell.appendChild(textNode);row.appendChild(cell);//显示用户密码var cell=document.createElement("td");var textNode=document.createElement("input");textNode.type="text";textNode.value=result[3*i+1];cell.appendChild(textNode);row.appendChild(cell);//显示用户类型var cell=document.createElement("td");var textNode=document.createElement("input");textNode.type="text";textNode.style.width="80px";textNode.value=result[3*i+2];cell.appendChild(textNode);row.appendChild(cell);//添加编辑按钮。