<![CDATA[
<p><span style="color: #f89009;"><b>1. 소스</b></span></p><p>1) formex.html</p><p><!DOCTYPE html> <br><html> <br><head> <br>  <meta charset="UTF-8"> <br>  <meta http-equiv="X-UA-Compatible" content="IE=edge"> <br>  <meta name="viewport" content="width=device-width, initial-scale=1.0"> <br>  <title>회원가입 화면</title> <br>  <!-- Bootstrap CSS --> <br>  <link rel="stylesheet" href="<a href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"" target="_blank" class="ke-link">https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"</a> <br>    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous"> <br>  <style> <br>    body { <br>      min-height: 100vh; <br>      background: -webkit-gradient(linear, left bottom, right top, from(#92b5db), to(#1d466c)); <br>      background: -webkit-linear-gradient(bottom left, #92b5db 0%, #1d466c 100%); <br>      background: -moz-linear-gradient(bottom left, #92b5db 0%, #1d466c 100%); <br>      background: -o-linear-gradient(bottom left, #92b5db 0%, #1d466c 100%); <br>      background: linear-gradient(to top right, #92b5db 0%, #1d466c 100%); <br>    } <br>    .input-form { <br>      max-width: 680px; <br>      margin-top: 80px; <br>      padding: 32px; <br>      background: #fff; <br>      -webkit-border-radius: 10px; <br>      -moz-border-radius: 10px; <br>      border-radius: 10px; <br>      -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15); <br>      -moz-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15); <br>      box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.15) <br>    } <br>  </style> <br></head> <br><br><body> <br>  <div class="container"> <br>    <div class="input-form-backgroud row"> <br>      <div class="input-form col-md-12 mx-auto"> <br>        <h4 class="mb-3">회원가입</h4> <br>        <form class="validation-form"  action ="FormEx" method="post" novalidate> <br>          <div class="row"> <br>            <div class="col-md-6 mb-3"> <br>              <label for="name">이름</label> <br>              <input type="text" class="form-control" name="name"  value="" required> <br>              <label for="id">아이디</label> <br>              <input type="text" class="form-control" name="id" value="" required> <br>              <label for="password">비밀번호</label> <br>              <input type="password" class="form-control" name="pw" placeholder="대소문자 포함하여 8자리 입력" value="" required> <br>            </div> <br>          </div> <br>          <div class="mb-3"> <br>            <label for="hobby">취미</label><br> <br>            <input type="checkbox"  name="hobby" value="read">독서 <br>            <input type="checkbox"  name="hobby" value="cook">요리 <br>            <input type="checkbox"  name="hobby" value="run">조깅 <br>            <input type="checkbox"  name="hobby" value="swim">수영 <br>            <input type="checkbox"  name="hobby" value="sleep">취침<br/> <br>             <br>            <input type="radio" name="major" value="kor">국어 <br><input type="radio" name="major" value="eng" checked="checked">영어 <br><input type="radio" name="major" value="mat" >수학 <br><input type="radio" name="major" value="des" >디자인<br/> <br>          </div> <br><br><div class="mb-3"> <br>  <label for="protocol">프로토콜</label><br> <br><select name="protocol"> <br><option value="http">http</option> <br><option value="ftp" selected="selected">ftp</option> <br><option value="smtp">smtp</option> <br><option value="pop">pop</option> <br></select><br/> <br></div> <br><br>          <div class="row"> <br>            <div class="col-md-8 mb-3"> <br>              <label for="root">가입 경로</label> <br>              <select class="custom-select d-block w-100" name="root"> <br>                <option value=""></option> <br>                <option>검색</option> <br>                <option>카페</option> <br>                <option>SNS</option> <br>              </select> <br>            </div> <br>          </div> <br>           <br>          <hr class="mb-4"> <br>          <div class="custom-control custom-checkbox"> <br>            <input type="checkbox" class="custom-control-input" id="aggrement" required> <br>            <label class="custom-control-label" for="aggrement">개인정보 수집 및 이용에 동의합니다.</label> <br>          </div> <br>          <div class="mb-4"></div> <br>          <button class="btn btn-dark btn-lg btn-block" type="submit" value="전송">가입 완료</button> <br>          <button class="btn btn-dark btn-lg btn-block" type="reset" value="초기화">초기화</button> <br>        </form> <br>      </div> <br>    </div> <br>    <footer class="my-3 text-center text-small"> <br>      <p class="mb-1">&copy; 2021 LEESOYUL</p> <br>    </footer> <br>  </div> <br></body> <br><br></html></p><hr data-ke-style="style5"><p>2)FormEx.java</p><p>package com.vision.servlet04;<br>import java.io.IOException; <br>import java.io.PrintWriter; <br>import java.util.Arrays; <br><br>import javax.servlet.ServletException; <br>import javax.servlet.annotation.WebServlet; <br>import javax.servlet.http.HttpServlet; <br>import javax.servlet.http.HttpServletRequest; <br>import javax.servlet.http.HttpServletResponse; <br><br>/** <br> * Servlet implementation class FormEx <br> */ <br>@WebServlet("/FormEx") <br>public class FormEx extends HttpServlet { <br>private static final long serialVersionUID = 1L; <br>        <br>    /** <br>     * @see HttpServlet#HttpServlet() <br>     */ <br>    public FormEx() { <br>        super(); <br>        // TODO Auto-generated constructor stub <br>    } <br><br>/** <br> * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response) <br> */ <br>protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { <br>// TODO Auto-generated method stub <br>request.setCharacterEncoding("UTF-8"); <br>response.setContentType("text/html; charset=UTF-8"); <br>response.getWriter().append("Served at: ").append(request.getContextPath()).append("<br/>"); <br><br>String name = request.getParameter("name"); <br>String id = request.getParameter("id"); <br>String pw = request.getParameter("pw"); <br>String[] hobbys = request.getParameterValues("hobby"); <br>String major = request.getParameter("major"); <br>String protocol = request.getParameter("protocol"); <br>String root = request.getParameter("root"); <br><br>PrintWriter out = response.getWriter(); <br>out.println("<html><head></head><body>"); <br>out.println("이름 : " + name + "<br />"); <br>out.println("아이디 : " + id + "<br />"); <br>out.println("비밀번호 : " + pw + "<br />" ); <br>out.println("취미 : " + Arrays.toString(hobbys) + "<br />"); <br>out.println("전공 : " + major + "<br />"); <br>out.println("프로토콜 : " + protocol+ "<br />" ); <br>out.println("가입경로 : " + root); <br>out.println("</body></html>"); <br><br>} <br><br>/** <br> * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response) <br> */ <br>protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { <br>// TODO Auto-generated method stub <br>doGet(request, response); <br>} <br><br>} </p><hr data-ke-style="style5"><p><span style="color: #f89009;"><b>2. 폼화면</b></span></p><div class="figure-img" data-ke-type="image" data-ke-style="alignLeft" data-ke-mobilestyle="widthOrigin"><img src="https://t1.daumcdn.net/cafeattach/1XDrT/4a52366f9c14bd30ca75a10032c82a27a2176e0b" class="txc-image" data-img-src="https://t1.daumcdn.net/cafeattach/1XDrT/4a52366f9c14bd30ca75a10032c82a27a2176e0b" data-origin-width="1920" data-origin-height="1010"></div>
<!-- -->
]]>
카페 게시글
이소율
[AI 개발공통기술 2] 과제제출
이소율
추천 0
조회 36
21.08.27 15:56
댓글 1
다음검색
첫댓글 참잘했어요