【文章內(nèi)容簡(jiǎn)介】 left:150px。 top:50px。 } person_info ul li{ float:none。 18 } person_info ul li input[type=text]{ marginleft: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。 marginleft:80px。 } show_class{ width:600px。 height:auto。 margin:100px auto。 display:none。 } show_class table { marginleft:100px。 } show_class a:hover{ 19 color:FFF。 } show_class a{ margin:10px 20px。 } td{ height:30px。 width:120px。 } tr{ textalign:center。 } 圖 54 20 圖 55 圖 56 (2)顯示學(xué)生信息代碼如下： 1） 中實(shí)現(xiàn)學(xué)生信息顯示的代碼 var xmlHttp=new ActiveXObject()。 =function(){ 21 var s=(strong)。 s[0].innerHTML=。 } function show_info(){ //頁面樣式變化 var p=(person_info)。 var cp=(change_info)。 var cls=(show_class)。 =none。 =none。 =block。 //加載數(shù)據(jù) var str=。 var arr=(=)。 var acc_str。 if(arr[0]==acc) acc_str=arr[1]。 var url=?acc_str=+acc_str。 =handle_show。 (GET,url,true)。 (null)。 } function handle_show(){ if(==4){ if(==200){ var str=。 var result=(,)。 var div1=(person_info)。 var ips=(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])。 22 ips[4].setAttribute(value, result[4])。 } else{ alert(執(zhí)行過程中出現(xiàn)問題，服務(wù)器返回： +)。 } } } 2） ?php // header(39。ContentType:text/html。charset=UTF839。)。 $host=localhost。 $user=root。 $password=yanjiaqi。 $dataname=test。 $manager_acc=2021329700013。 $manager_pass=2021329700013。 $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].,。 } else echo cannot find data。 23 mysql_close($my_conn)。 ? 圖 57 (3)修改學(xué)生信息部分的代碼 1） function onEdit(){ var btn1=(edit)。 var btn2=(change)。 var p=(person_info)。 =none。 =block。 //使 內(nèi)容變得可編輯 var txt=(input)。 for(var i=1。i5。i++){ txt[i].removeAttribute(readonly)。 24 } } function createQueryString(){ var sno=(in_sno).value。 var sname=(in_sname).value。 var sex=(in_sex).value。 var sage=(in_sage).value。 var sdept=(in_sdept).value。 var querystring=sno=+sno+amp。sname=+sname+amp。sex=+sex+amp。sage=+sage+amp。sdept=+sdept。 return querystring。 } function onSubmit(){ var date=new Date()。 temp=()。 var url=?timestamp=+temp。 Querystring=createQueryString()。 (POST,url,true)。 (contentlength,)。 (contenttype,appliction/xformurlencoded)。 =handle_change。 (Querystring)。 } function handle_change(){ if(==4){ if(==200){ var result=。 alert(result)。 ()。 25 } else{ alert(執(zhí)行過程中出現(xiàn)問題，服務(wù)器返回： +)。 } } } 2) ?php $host=localhost。 $user=root。 $password=yanjiaqi。 $dataname=test。 $manager_acc=2021329700013。 $manager_pass=2021329700013。 $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 SET sname=39。$sname39。,sex=39。$sex39。,sage=39。$sage39。,sdept=39。$sdept39。 WHERE sno=$sno。 mysql_query($sql,$my_conn)。 //彈出一個(gè)對(duì)話框顯示保存成功 ,且頁面返回到信息查詢首頁 echo Save Successfully!。 } else{ echo Save Error!。 } ? 26 圖 58 圖 59 27 （ 3)對(duì)學(xué)生登錄信息的修改，代碼如下： 1） function change_info(){ //對(duì)樣式的改變 var p=(person_info)。 var cp=(change_info)。 var cls=(show_class)。 =none。 =none。 =block。 //顯示數(shù)據(jù) var str=。 var arr=(=)。 var acc_str。 if(arr[0]==acc) acc_str=arr[1]。 url=?acc_str=+acc_str。 =handle_edit。 (GET,url,true)。 (null)。 } function handle_edit(){ if(==4){ if(==200){ var str=。 var result=(,)。 var div=(change_info)。 var ips=(input)。 ips[0].value= result[0]。 ips[1].value=result[1]。 } else{ alert(執(zhí)行過程中出現(xiàn)問題，服務(wù)器返回： +)。 28 } } } 2) ?php $host=localhost。 $user=root。 $password=yanjiaqi。 $dataname=test。 $manager_acc=2021329700013。 $manager_pass=2021329700013。 $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=39。$newpass39。 WHERE username=$acc_str。 //sql語句的問題 //sql 語句執(zhí)行結(jié)果出 錯(cuò) if(mysql_query($sql,$my_conn)) echo Save Successfully!。 else echo Save Error!。 mysql_close($my_conn)。 ? 29 圖 510 30 圖 511 （ 4） 學(xué)生課程及成績(jī)信息的顯示，代碼如