Web programming

(22.11.04)Web 프로그래밍: 이용자 CRUD, MSC방식, 서블릿,JSP,HTML

프로그래머 오월 2022. 11. 4.

이용자로부터 번호 이름 전화 이메일을 이력 받아서 서버측 파일에 직렬화를 통한 저장 구현

로직을 5가지로 나누어서 실행(User, UserController, UserService, userRegForm, userRegResult,userlist)

첫 실행화면을 저장된 사람들의 목록이 보이게끔 하고 링크를 주어 목록보기와 새로 추가하기가 가능하게끔 한다.

MSC방식으로 모듈화 하여 개발하면 개발할때 성능 떨어져 사람 많이 필요하고 복잡하지만 유지보수가 편하고 개발보다 돈이 더 많이 드는 유지보수에서 로직 별 나누어서 모듈화 하여 관리하는게 더 효율적이다.

User 클래스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41

import java.io.Serializable;
public class User implements Serializable
{
    private int num;
    private String name;
    private String phone;
    private String email;
    
    public User() { }
    
    public User(int num, String name, String phone, String email) {
        this.num = num;
        this.name = name;
        this.phone = phone;
        this.email = email;
    }
    public int getNum() {
        return num;
    }
    public void setNum(int num) {
        this.num = num;
    }
    public String getName() {
        return name;
    }
    public void setName(String name) {
        this.name = name;
    }
    public String getPhone() {
        return phone;
    }
    public void setPhone(String phone) {
        this.phone = phone;
    }
    public String getEmail() {
        return email;
    }
    public void setEmail(String email) {
        this.email = email;
    }
}
Colored by Color Scripter

cs

User 클래스는 속성만 가지는 클래스로 VO클래스( Value Object 클래스) 라고도 하고 MSC에서 Model 클래스를 담당하고 있다.

UserService 클래스

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67

import java.io.FileOutputStream;
import java.io.*;
import java.io.ObjectOutputStream;
import java.util.ArrayList;
import java.util.List;
 
import javax.servlet.http.HttpServletRequest;
 
public class UserService 
{
    private HttpServletRequest request;
    private String fpath = "D:/java_test/user.ser";
       
    public UserService(HttpServletRequest request)
    {
       this.request = request;
    }
 
    public boolean save() 
    {
       User u = new User();
       u.setNum(Integer.parseInt(request.getParameter("num")));
       u.setName(request.getParameter("name"));
       u.setPhone(request.getParameter("phone"));
       u.setEmail(request.getParameter("email"));
          
       File f = new File(fpath);
       List<User> list = null;
          
       if(!f.exists()) list = new ArrayList<>();
       else          list = deserialize();
 
       list.add(u);
       return serialize(list);
    }
       
    private boolean serialize(List<User> list)
    {
       try {
          ObjectOutputStream objOut = new ObjectOutputStream(new FileOutputStream(fpath));
          objOut.writeObject(list);
          objOut.close();
          return true;
       } catch (Exception e) {
          e.printStackTrace();
       }
       return false;
    }
       
    private List<User> deserialize()
    {
       try {
          ObjectInputStream objInput = new ObjectInputStream(new FileInputStream(fpath));
          List<User> list = (List<User>)objInput.readObject();
          objInput.close();
          return list;
       } catch (Exception e) {
          e.printStackTrace();
       }
       return null;
    }
 
    public List<User> getlist() {
        
        return deserialize();
    }
}
Colored by Color Scripter

cs

서비스 클래스로서 User 모델 클래스에 있는 속성들이 작동할 로직들을 가지고 있다.

userRegForm.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>이용자 정보 등록</title>
<style type="text/css">
   #main {width:fit-content; margin:0 auto; }
   h3 { text-align: center; }
   form { width:fit-content; border:1px solid black; padding:1em;
      margin:0 auto; }
   label { margin-right:1em; }
   form>div { margin:0.3em; }
   button { display:block; margin:5px auto; }
</style>
</head>
<body>
<div id="main">
<h3>사용자 정보 등록</h3>
<form action="userc" method="post">
   <input type="hidden" name="cmd" value="reg">
   <div><label>번 호</label><input type="text" name="num"></div>
   <div><label>이 름</label><input type="text" name="name"></div>
   <div><label>전 화</label><input type="text" name="phone"></div>
   <div><label>메 일</label><input type="text" name="email"></div>
   <div><button type="submit">저 장</button></div>
</form>
</div>
</body>
</html>
Colored by Color Scripter

cs

이용자 등록시 나타날 폼

userRegResult.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21

<%@ page contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
   boolean saved = (Boolean) request.getAttribute("saved");
%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>이용자 정보 등록 결과</title>
<style type="text/css">
    a {text-decoration:none; color: blue;}
</style>
</head>
<body>
<%
   out.println(saved ? "이용자 정보 저장 성공" : "정보 저장 중 오류 발생");
%>
[<a href=userc?cmd=regForm> 정보 등록 다시 가기 </a>]
[<a href=userc?cmd=list> 등록된 이용자 정보 보기</a>]
</body>
</html>
Colored by Color Scripter

cs

userlist.jsp

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

<%@page import="com.ezen.web.hello.User"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% List<User> list = (List<User>) request.getAttribute("list"); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>저장된 이용자 목록 보기</title>
</head>
<body>
<% for(int i =0;i<list.size();i++){
        User u = list.get(i);
        int num = u.getNum();
        String name = u.getName();
        String phone = u.getPhone();
        String email = u.getEmail();
        String line = String.format("%d %s %s %s<br>",num,name,phone,email);
    
        
        out.println(line);
    }    
%>
[<a href=userc?cmd=regForm> 이용자 정보 등록  가기 </a>]
</body>
</html>
Colored by Color Scripter

cs

실행결과:

등록하기

저장하기
 

데이터의 흐름

jsp에서 html의 테이블을 만들어서 목록을 보기 더 편하게 만들기

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40

<%@page import="com.ezen.web.hello.User"%>
<%@page import="java.util.List"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<% List<User> list = (List<User>) request.getAttribute("list"); %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>저장된 이용자 목록 보기</title>
<style type="text/css">
    table { border: 1px solid black; border-spacing:1px;
            border-collapse:collapse; padding:0.3em;}
    th{background-color:#eee; border-bottom:3px double black;}
    th,td{padding:0.2em 1em; border-right:1px dashed black;}
    td{border-bottom: 1px dashed black;}
</style>
</head>
<body>
<table>
<tr><th>번호</th><th>이름</th><th>전화</th><th>이메일</th></tr>
<% 
        for(int i =0;i<list.size();i++){
        User u = list.get(i);
        int num = u.getNum();
        String name = u.getName();
        String phone = u.getPhone();
        String email = u.getEmail();
%>
        <tr>        
            <td><%=num %></td>
            <td><%=name %></td>
            <td><%=phone %></td>
            <td><%=email %></td>
        </tr>
<%    }    %>
</table>
[<a href=userc?cmd=regForm> 이용자 정보 등록  가기 </a>]
</body>
</html>
Colored by Color Scripter

cs

<%= %> : 익스프레션 태그 라고 부르며 jsp가 서블릿으로 바뀔때 out.print()로 바뀐다.

실행결과:

'Web programming' 카테고리의 다른 글

(22.11.10)Web 프로그래밍: AJAX 방식을 이용한 웹 구축프로그래밍(JSON, MVC) (0)	2022.11.10
(22.11.09)Web 프로그래밍:AJAX방식을 이용한 MVC/JSON,json-simple.jar (2)	2022.11.09
(22.11.08)Web 프로그래밍: AJAX, JSON, jQuery,DOM (0)	2022.11.08
(22.11.07)Web 프로그래밍: MVC 방식으로 사용자 찾기 (0)	2022.11.07
(22.11.03)Web 프로그래밍: MVC (Model View Control) 구구단 만들기Servlet, JSP (0)	2022.11.03

(22.11.04)Web 프로그래밍: 이용자 CRUD, MSC방식, 서블릿,JSP,HTML

'Web programming' 카테고리의 다른 글

댓글

티스토리툴바