web大作業(2)登陸頁面的實現

2021-10-06 22:33:59 字數 1965 閱讀 2351

首先還是複製乙個登陸頁面:

<

!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.使用者名稱和密碼兩者之一為空,驗...