首先還是複製乙個登陸頁面:
<
!doctype html>
"utf-8"
>
html登入模板<
/title>
/* 讓頁面所有元素的padding和margin都設定為0 */
*/* 體設定為微軟雅黑 */
body
.headtop
/* 整個登入框的css,並使用絕對定位居中 */
.login
body
/* 前面分析過的h1標籤的css,text-shadow設定陰影使文字更好看,letter-spacing設定字元間距 */
.login h1
/* 兩個輸入框的css,border屬性設定邊框線粗細以及顏色,border-radius設定邊框的圓角角度 */
input
/* 登入按鈕的css,cursor:pointer當滑鼠移到按鈕上面時變成小手形狀 */
form button
<
/style>
<
/head>
="headtop"
>
<
/div>
="login"
>
學生登陸<
/h1>
"/login" method=
"post"
>
"text" name=
"user" placeholder=
"使用者名稱" required=
"required"
>
"password" name=
"password" placeholder=
"密 碼" required=
"required"
>
"submit"
>登入<
/button>
<
/form>
>
"student_index.html" id=
"change"
>學生登陸<
/a>
"teacher_index.html"
>教師登陸<
/a>
"student_register.html"
>沒有賬號?註冊乙個<
/a>
<
/div>
<
/body>
<
/html>
然後用node.js寫登陸的路由:
post
('/login'
,function
(req,res))}
else)}
})})
這裡我設定了maxage為七天。一邊來說session是要加密的,不然很容易被黑客截獲資訊,當然沒有黑客會想接獲我的web作業把……
2,一旦發現登陸成功,就要跳轉至使用者介面,我這裡給了乙個名為info的跳轉模板,html**如下:
<
!doctype html>
"en"
>
"utf-8"
>
"viewport" content=
"width=device-width, initial-scale=1.0"
>
}<
/title>
<
/head>
}<
/h1>
="num"
>
5<
/span>秒後跳轉
}<
/p>
<
/body>
var n=5;
setinterval((
)=>}"}
else},
1000
)<
/script>
<
/html>
PHP MYSQL登陸頁面4
登陸頁面 echo 問題1 為什麼要denglu.php傳到這裡,因為php 獲取的也在這個頁面上啊,問題2 為什麼密碼只乙個,呵呵,這個登陸好嗎,你的使用者名稱 密碼已經儲存好了,登陸合適就可以了呀 為什麼這個頁面也要用session技術,因為使用者登入後沒退出下次登陸到這個頁面也是登陸後頁面哈,...
使用bootstrap的登陸頁面
這裡使用的是使用比較流行的自舉完成的登陸介面 執行主要截圖以及 如下 主要css charset utf 8 grad logindiv hint title 主要頁面 選課管理 使用者名稱或密碼錯誤。登陸 div name username name password focus function...
登陸頁面測試用例
顯式基本功能 1.已註冊使用者名稱和正確密碼,是否登陸成功 2.已註冊使用者名稱和錯誤密碼,是否登陸失敗,並且提示資訊是否正確 3.非註冊使用者和任意密碼,驗證是否登陸失敗,並且提示資訊是否正確 4.使用者名稱和密碼都是空,驗證是否登陸失敗,並且提示資訊是否正確 5.使用者名稱和密碼兩者之一為空,驗...