在網(wǎng)站開發(fā)過(guò)程中,我們不僅要實(shí)現(xiàn)用戶的登錄功能,還需要對(duì)不同的用戶設(shè)置不同的權(quán)限。那么,我們?cè)撊绾卧贖TML中設(shè)置這些權(quán)限呢?
<form method="post" action="/login"> <input type="text" name="username"> <input type="password" name="password"> <input type="submit" value="登錄"> </form>
在表單中,我們可以通過(guò)向服務(wù)器發(fā)送用戶的用戶名和密碼來(lái)進(jìn)行登錄。然而,僅有用戶名和密碼是不夠的,我們還需要知道該用戶的權(quán)限等級(jí)。為此,我們可以在服務(wù)器端對(duì)登錄進(jìn)行判斷,并將用戶權(quán)限保存在Session或Cookie中。
if(checkUser(username, password)) { session.setAttribute("level", level); }
在HTML中,我們可以通過(guò)JavaScript來(lái)判斷用戶權(quán)限并顯示相應(yīng)的內(nèi)容。
<div id="content"> <p>普通用戶可以看到的內(nèi)容</p> <p class="pro">高級(jí)用戶可以看到的內(nèi)容</p> <p class="vip">VIP用戶可以看到的內(nèi)容</p> </div> <script> var level = "<%=session.getAttribute('level')%>"; if(level == "pro") { document.getElementsByClassName("pro")[0].style.display = "block"; } else if(level == "vip") { document.getElementsByClassName("pro")[0].style.display = "block"; document.getElementsByClassName("vip")[0].style.display = "block"; } </script>
通過(guò)以上代碼,我們可以根據(jù)用戶權(quán)限控制不同內(nèi)容的顯示與隱藏。