web和後臺數據庫交互
阿新 • • 發佈：2017-07-26
put uname mit root 驗證碼 中國 設置 lac style
1、web，千度網頁
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>註冊千度賬號</title> <link rel="stylesheet" type="text/css" href="CSS/rg.css"> </head> <body> <div id="rg01"> <img src="img/regist.png" /> <p><span>我已註冊，現在就<input type="button" value="登錄" onClick="search()"></span><p> <img src="https://passport.baidu.com/static/passpc-account/img/reg/reg_hr.png" /> </div> <div id="rg02"> <div id="left"><form action="getregister.php" method="post"> <ul> <li class="li"> <label class="label">用戶名</label> <input class="rg" name="username" type="text" placeholder="請設置用戶名" onFocus="Msg(‘Msg_01‘,‘block‘)" onBlur="Msg(‘Msg_01‘,‘none‘)"> <div id="Msg_01" class="msg" ><span> 設置後不可更改<br>中英文均可，最長14個英文或7個漢字</span></div> </li> <li class="li"> <label class="label">手機號</label> <input class="rg" name="tel" type="text" placeholder="可用於登錄和找回密碼" onFocus="Msg(‘Msg_02‘,‘block‘)" onBlur="Msg(‘Msg_02‘,‘none‘)" > <div id="Msg_02" class="msg" ><span>請輸入中國大陸手機號,其他用戶不可見</span></div> </li> <li class="li"> <label class="label">驗證碼</label> <input class="rg" name="code" type="text" placeholder="請輸入驗證碼" > </li> <li class="li"> <label class="label"> 密碼</label> <input class="rg" name="pwd" type="password" placeholder="請設置登錄密碼" > </li> <li> <input id="check" name="check" type="checkbox" > <label class="check">閱讀並接受<a href="#" >《百度用戶協議》</a></label> </li> <li class="sub"> <input id="submit" type="submit" value="註冊"> </li> </ul> </form> </div> <div id="right"> <div id="top"> <h3>手機快速註冊</h3> </div> <div id="bottom"> <p class="text">請使用中國大陸手機號，編輯短信：</p> <p class="warn">6-14位字符（支持數字/字母/符號）</p> <p class="text">作為登錄密碼，發送至：</p> <p class="warn">1069 0691 036590</p> <p class="text">即可註冊成功，手機號即為登錄帳號。</p> </div> </div> </div> <div id="rg03"> <p>2017 ?Baidu </p> </div> <div id="rg04"></div> <script > /* var name="張三"; var a=12,b=20; var day = new Date(); alert("my name is " + day.getFullYear()); var names=["張三","李四"]; for(var i =0;i<names.length;i++ ){ if (names[i]=="張三"){ alert(names[i]); } } var num=[0,1,2,3,4,5,6]; for(var i =0;i<num.length;i++ ){ if (num[i]%2==0){ alert(num[i]); } } */ names=[1,2,3,4,5,6] function search(){ var n =prompt(); for(i=0;i<names.length;i++){ if(n==names[i]){ alert("在"); } } alert("不在"); } function Msg(id,status){ document.getElementById(id).style.display=status; } </script> </body> </html>
2、往數據庫寫入數據(php)
<?php /*$uname=$_GET[‘username‘]; $umobile=$_GET[‘tel‘]; $uid=$_GET[‘code‘];*/ /*$uname=$_POST[‘username‘]; $umobile=$_POST[‘tel‘]; $uid=$_POST[‘code‘];*/ //插入 $con=mysql_connect("localhost:13306","root","123456"); if($con){ echo "sucess<br>"; }else{ echo "fail".mysql_error(); } mysql_select_db("stu"); mysql_query("set names utf8"); /*$sql="insert into stu values(‘$uid‘,‘$uname‘,‘$umobile‘)"; $res=mysql_query($sql); if($res){ echo "sucess01"; }else{ echo "fail01".mysql_error(); }*/ //查詢語句 $query="select * from stu" ; $rest=mysql_query($query); echo "<table border=‘1‘>"; while($row=mysql_fetch_row($rest)){ echo "<tr>"; echo "<td>$row[0]</td><td>$row[1]</td><td>$row[2]</td>"; echo "</tr>"; } echo "</table>"; ?>
web和後臺數據庫交互