jsp实现不同权限用户登入

好文章 

牛逼逼

 

      <%--用户民和密码就不写了 --%>
        <form action="${ pageContext.request.contextPath}/servlet/Demo" method="post">
            <select name="type">
                <option value="1">普通用户</option>
                <option value="2">管理员</option>
            </select>
            <input type="submit">
        </form>
public class Demo extends HttpServlet {
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
//获取类型
String type=request.getParameter("type");
System.out.println(type);
//判断类型
if("2".equals(type)){//管理员
request.getRequestDispatcher("/manager.jsp").forward(request, response);
}else{
request.getRequestDispatcher("/common.jsp").forward(request, response);
}
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doGet(request, response);
}
}
<!DOCTYPE html>
<html >
<meta charset="UTF-8">
<title>Login</title>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <meta http-equiv="Content-Language" content="zh-CN" />
    <link rel="stylesheet" type="text/css" href="login.css"/>
</head>
<body>
    <div id="login">
    	<h1>Login</h1>
        <form method="get" action="register.html">
            <input type="text" required="required" placeholder="用户名" name="u"></input>
            <input type="password" required="required" placeholder="密码" name="p"></input>
             <button class="bu" type="button"><a id="o" href="livemessage.html">注册</a></button>
             <br />
            <select name="type" class="bu" >
                <option value="1">普通用户</option>
                <option value="2">管理员</option>
            </select>
            <br />
            <button class="but" type="submit">登录</button>
        </form>
    </div>
</body>
</html>

 

html{
    width: 100%;
    height: 100%;
    overflow: hidden;
    font-style: sans-serif;
}
body{
    width: 100%;
    height: 100%;
    font-family: 'Open Sans',sans-serif;
    margin: 0;
    background-color: #4A374A;
}
#login{
    position: absolute;
    top: 50%;
    left:50%;
    margin: -150px 0 0 -150px;
    width: 300px;
    height: 300px;
    
}
#login h1{
    color: #fff;
    text-shadow:0 0 10px;
    letter-spacing: 1px;
    text-align: center;
}
h1{
    font-size: 3.5em;
    margin: 0.4em 0;
    transition: 3s;
    font-family:Times New Roman;
}
input{
    width: 278px;
    height: 18px;
    margin-bottom: 10px;
    outline: none;
    padding: 10px;
    font-size: 13px;
    color: #fff;
    text-shadow:1px 1px 1px;
    border-top: 1px solid #312E3D;
    border-left: 1px solid #312E3D;
    border-right: 1px solid #312E3D;
    border-bottom: 1px solid #56536A;
    border-radius: 4px;
    background-color: #2D2D3F;
}
#o{
	 text-decoration:none ;
	 out-line: nonecolor: #*****;
	 color: azure;
}

.but{
    width: 300px;
    min-height: 20px;
    display: block;
    background-color: #4a77d4;
    border: 1px solid #3762bc;
    color: #fff;
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    border-radius: 5px;
    margin: 0;
    transition: 1.5s;

}
.bu{
    width: 300px;
    min-height: 20px;
    display: block;
    background-color: #424242;
    border: 1px solid #3762bc;
    color: #fff;
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    border-radius: 5px;
    margin: 0;
    transition: 1s;
     background-color:#008080;

     }
    .bu :hover{
    border-radius: 42%;
    color: white;
    background-color:#AABBCC;
    transition: 1s;
}
    .but :hover{
    border-radius: 12%;
    color: white;
    background-color:#F5DEB3;
    transition: 1.5s;
}
     
.link {
	
  outline: none;
  text-decoration: none;
  position: relative;
  font-size: 8em;
  line-height: 1;
  color: #9e9ba4;
  display: inline-block;
}   
.but:link { color: #06F; text-decoration: none; }/* 未访问的链接 */
    .but:visited { color: #999; text-decoration: line-through; } /* 已访问的链接 */
    .but:hover { color: #F00; text-decoration: underline; }/* 鼠标移动到链接上 */
    .but:active { color: #F0F; } /* 选定的链接 */
.b{
    width: 300px;
    min-height: 20px;
    display: block;
    background-color: #424242;
    border: 1px solid #3762bc;
    color: #fff;
    padding: 9px 14px;
    font-size: 15px;
    line-height: normal;
    border-radius: 5px;
    margin: 0;
    transition: 1s;
     background-color:#008080;

     }
    .b :hover{
    border-radius: 42%;
    color: white;
    background-color:#F5DEB3;
    transition: 1s;
}

 

  • 35
    点赞
  • 263
    收藏
    觉得还不错? 一键收藏
  • 5
    评论
首先,需要创建一个 JSP 页面用于用户输入登录信息,比如用户名和密码。可以参考以下代码: ```html <%@ page contentType="text/html; charset=UTF-8" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Page</title> </head> <body> <h1>Login Page</h1> <form action="login.jsp" method="post"> <label for="username">Username:</label> <input type="text" id="username" name="username"><br><br> <label for="password">Password:</label> <input type="password" id="password" name="password"><br><br> <input type="submit" value="Submit"> </form> </body> </html> ``` 在表单中,我们定义了两个输入框,别用于输入用户名和密码,并且使用了 POST 方法提交表单到 `login.jsp` 页面。 接下来,需要在 `login.jsp` 页面中处理用户提交的表单数据。可以参考以下代码: ```jsp <%@ page contentType="text/html; charset=UTF-8" %> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Login Result</title> </head> <body> <h1>Login Result</h1> <%-- 获取用户输入的用户名和密码 --%> <% String username = request.getParameter("username"); String password = request.getParameter("password"); %> <%-- 验证用户名和密码 --%> <% if ("admin".equals(username) && "123456".equals(password)) { %> <p>Login success!</p> <% } else { %> <p>Login failed!</p> <% } %> </body> </html> ``` 在页面中,我们首先通过 `request.getParameter()` 方法获取用户输入的用户名和密码,然后对其进行验证。在这个例子中,我们假设用户名为 "admin",密码为 "123456",如果用户输入的用户名和密码与预设的值相同,则显示 "Login success!",否则显示 "Login failed!"。 以上就是一个简单的 JSP 页面登录实现的基本流程。当然,可以根据实际需求进行修改和优化。
评论 5
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值