JSP | Servlet

[JSP/Servlet] ๊ฒŒ์‹œํŒ ๋งŒ๋“ค๊ธฐ #1. ๋กœ๊ทธ์ธ ํŽ˜์ด์ง€ ์ž‘์„ฑ

์ฝ”๋ฆฐ์ด_ํƒฑ 2023. 4. 11. 15:26

์ฐธ๊ณ  ์ž๋ฃŒ : ๋™๋นˆ๋‚˜ ์œ ํŠœ๋ธŒ

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width", initial-scale="1" >  <!-- ๋ฐ˜์‘ํ˜• ์›น์— ์‚ฌ์šฉํ•˜๋Š” ๋ฉ”ํƒ€ํƒœ๊ทธ -->
<link rel="stylesheet" href="css/bootstrap.css"> <!-- ์ฐธ์กฐ  -->
<title>JSP ๊ฒŒ์‹œํŒ ์›น ์‚ฌ์ดํŠธ</title>
</head>
<body>
    <nav class ="navbar navbar-default">
        <div class="navbar-header"> <!-- ํ™ˆํŽ˜์ด์ง€์˜ ๋กœ๊ณ  -->
            <button type="button" class="navbar-toggle collapsed"
                data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"
                aria-expand="false">
                <span class ="icon-bar"></span> <!-- ์ค„์˜€์„๋•Œ ์˜†์— ์ง๋Œ€๊ธฐ -->
                <span class ="icon-bar"></span>
                <span class ="icon-bar"></span>
            </button>
            <a class ="navbar-brand" href="main.jsp">JSP ๊ฒŒ์‹œํŒ ์›น ์‚ฌ์ดํŠธ</a>
        </div>
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="main.jsp">๋ฉ”์ธ</a></li>
                <li><a href="bbs.jsp">๊ฒŒ์‹œํŒ</a></li>
            </ul>
            <ul class="nav navbar-nav navbar-right">
                <li class="dropdown">
                <a href="#" class = "dropdown-toggle"
                    data-toggle="dropdown" role ="button" 
                    aria-haspopup="true"
                    aria-expanded="false">์ ‘์†ํ•˜๊ธฐ<span class="caret"></span></a>
                    <ul class="dropdown-menu">
                        <li class="active"><a href="login.jsp">๋กœ๊ทธ์ธ</a></li>
                        <li><a href="join.jsp">ํšŒ์›๊ฐ€์ž…</a></li>                    
                    </ul>
                </li>
            </ul>
        </div>
    </nav>
    
    <div class="container">
        <div class="col-lg-4"></div>
        <div class="col-lg-4">
            <div class ="jumbotron" style="padding-top:20px;">
                <form method = "post" action="loginAction.jsp">
                    <h3 style="text-align:center;">๋กœ๊ทธ์ธ ํ™”๋ฉด</h3>
                    <div class ="form-group">
                        <input type ="text" class="form-control" placeholder="์•„์ด๋””" name ="userID" maxlength='20'>
                    </div>
                    <div class ="form-group">
                        <input type ="password" class="form-control" placeholder="๋น„๋ฐ€๋ฒˆํ˜ธ" name ="userPassword" maxlength='20'>
                    </div>
                    <input type="submit" class="btn btn-primary form-control" value="๋กœ๊ทธ์ธ">
                </form>
            </div> 
        </div> 
        <div class="col-lg-4"></div>
    </div>
    
    
    
    
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="js/bootstrap.js"></script>
</body>
</html>

 

๊ฒฐ๊ณผ ํ™”๋ฉด :

์ €์ž‘์žํ‘œ์‹œ ๋น„์˜๋ฆฌ ๋ณ€๊ฒฝ๊ธˆ์ง€