hw3 myCourseMVC

hw3-myCourseMVC Report

Spring MVC를 활용하여 요구 사항에 맞게 웹 응용 프로그램을 작성한다.

1. 웹 페이지 접속 시 인증 유무 체크

로그인 여부를 체크하기 위해 security-context.xml에 jdbc-user-service를 이용하여 DB에 저장된 사용자 정보를 조회하여 인증한다. 또한, 접근 권한을 Login 페이지만 permitAll로 지정하고 나머지 페이지들은 hasRole(‘ROLE_STUDENT’)로 지정함으로써 웹 페이지 접속 시 인증되지 않은 경우에는 로그인 폼을 출력하도록 하고, 인증된 경우 다른 페이지들을 둘러볼 수 있도록 한다.

<authentication-manager>
	<authentication-provider>
		<jdbc-user-service data-source-ref="dataSource"
			users-by-username-query="select username, password, enabled from users where username=?"
			authorities-by-username-query="select username, authority from authorities where username=?" />
	</authentication-provider>
</authentication-manager>
<http auto-config="true" use-expressions="true">
	<intercept-url pattern="/" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/login" access="permitAll" />
	<intercept-url pattern="/summary" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/details/2018-1" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/details/2018-2" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/details/2019-1" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/details/2019-2" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/details/2020-1" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/details/2020-2" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/register" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/doRegister" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/successRegistration" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/viewRegistration" access="hasRole('ROLE_STUDENT')" />
	<intercept-url pattern="/resources/**" access="permitAll" />
	<intercept-url pattern="/**" access="denyAll" />
	<form-login login-page="/login" authentication-failure-url="/login?error" />
	<logout />
</http>

2. 로그인 페이지

로그인 되지 않은 상태일 경우 보여줄 로그인 페이지(login.jsp)는 다음과 같이 자체적으로 작성하였다. 인증 시 오류가 발생하면 LoginController.java에서 설정된 메시지가 출력되고 정상적으로 로그인 할 때는 CSRF Token을 함께 전송함으로써 공격자로부터의 공격을 방지한다.

<head>
  <title>Login (jhlee customized)</title>
</head>
<body>
  <div class="container">
    <form class="form-signin" method="post" action="<c:url value="login" />">
	<h2 class="form-signin-heading">Please sign in😄</h2>
	<c:if test="${ not empty errorMsg }">
	  <div style="color: #ff0000"> <h4> ${ errorMsg }</h4></div>
	</c:if>
	<c:if test="${ not empty logoutMsg }">
	  <div style="color: #0000ff"> <h4> ${ logoutMsg }</h4></div>
	</c:if>
	<p>
	  <label for="username" class="sr-only">UserName</label>
	  <input type="text" id="username", name="username", class="form-control" placeholder="Username" required autofocus>
	</p>
	<p>
	  <label for="password" class="sr-only">Password</label>
	  <input type="password" id="password", name="password", class="form-control" placeholder="Password" required>
	</p>
	<input name="${ _csrf.parameterName }" type="hidden" value="${ _csrf.token }" />
	<button class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
    </form>
  </div>
</body>

결과물

3. 메인 페이지

인증된 사용자는 학기 별 이수 학점 조회, 수강 신청하기, 수강 신청 조회 메뉴가 보이는 메인 페이지(home.jsp)로 이동한다. 로그아웃 시에는 LoginController.java에서 정의한대로 로그인 폼으로 이동하여 로그아웃 메시지를 출력한다.

<head>
  <title>Menu</title>
</head>
<body>
<p><a href="${ pageContext.request.contextPath }/summary">학기별 이수 학점 조회</a></p>
<p><a href="${ pageContext.request.contextPath }/register">수강 신청하기</a></p>
<p><a href="${ pageContext.request.contextPath }/viewRegistration">수강 신청 조회</a></p>
  <c:if test="${ pageContext.request.userPrincipal.name != null }">
    <a href="javascript:document.getElementById('logout').submit()">Logout</a>
  </c:if>
  <form id="logout" action="<c:url value="/logout" />" method="post">
    <input type="hidden" name="${ _csrf.parameterName }" value="${ _csrf.token }" />
  </form>
</body>

결과물

4. Course Model 만들기

각 메뉴를 구현하기 위해서는 먼저 model이 필요하다. 이번 과제에서의 모델은 수강한 교과목이므로 다음과 같이 Course.java를 작성하였다. 추후 수강신청 폼 작성 시 입력한 데이터에 대한 검증 작업을 할 때 각 변수에 대한 조건과 만족하지 않았을 경우 출력할 메시지를 설정했다.

@Getter
@Setter
@NoArgsConstructor
@ToString
public class Course {
	@Range(min=2018, max=2021, message="It's not a valid course year")
	private int year;    // 수강년도
	
	@Range(min=1, max=2, message="It's not a valid semester")
	private int semester;    // 학기
	
	@NotEmpty(message="Class name cannot be empty")
	private String className;    // 교과목명
	
	@NotEmpty(message="Classification cannot be empty")
	private String classification;    // 교과구분
	
	@NotEmpty(message="Professor name cannot be empty")
	private String professor;    // 담당교수
	
	@Range(min=1, max=3, message="It's not a valid credits")
	private int credits;    // 학점
}

5. DB 조회

DB에 저장된 데이터에 접근하는 트랜잭션 객체인 CoruseDao.java에 작성된 메소드를 통해 필요한 정보를 조회하도록 하였다.

@Repository
public class CourseDao {
    private JdbcTemplate jdbcTemplate;

    @Autowired
    public void setDataSource(DataSource dataSource) {
        this.jdbcTemplate = new JdbcTemplate(dataSource);
    }
    
    public List<Course> getSummary() {  // 학년/학기별 이수 학점 정보 조회
        String sqlStatement = "select 수강년도, 학기, sum(학점) from courses GROUP BY 수강년도, 학기 ORDER BY 수강년도, 학기";
        return jdbcTemplate.query(sqlStatement, new RowMapper<Course>() {
            @Override
            public Course mapRow(ResultSet rs, int rowNum) throws SQLException {
                Course summary = new Course();
                summary.setYear(rs.getInt("수강년도"));
                summary.setSemester(rs.getInt("학기"));
                summary.setCredits(rs.getInt("sum(학점)"));			
                return summary;
           }	
        });
    }

    // 특정 학기에 수강한 강의 정보 조회
    public List<Course> getSemesterCourses(int year, int semester) {  
        String sqlStatement = "select * from courses where 수강년도=? and 학기=?";
        return jdbcTemplate.query(sqlStatement, new Object[] {year, semester}, new RowMapper<Course>() {

            @Override
            public Course mapRow(ResultSet rs, int rowNum) throws SQLException {
                Course course = new Course();
                course.setYear(rs.getInt("수강년도"));
                course.setSemester(rs.getInt("학기"));
                course.setClassName(rs.getString("교과목명"));
                course.setClassification(rs.getString("교과구분"));
                course.setProfessor(rs.getString("담당교수"));
                course.setCredits(rs.getInt("학점"));	
                return course;
            }	
        });
    }
    public int getTotalCredits() {    // 이수 총 학점 계산
        String sqlStatement = "select sum(학점) from courses";
        return jdbcTemplate.queryForObject(sqlStatement, Integer.class);
    }
    
    public boolean insert(Course insertCourse) {  // DB에 수강신청 정보 삽입
    	int year = insertCourse.getYear();
    	int semester = insertCourse.getSemester();
    	String className = insertCourse.getClassName();
    	String classification = insertCourse.getClassification();
    	String professor = insertCourse.getProfessor();
    	int credits = insertCourse.getCredits();
    	
    	String sqlStatement = "insert into registrations (년도, 학기, 교과목명, 교과구분, 담당교수, 학점) values (?,?,?,?,?,?)";
    	
    	return (jdbcTemplate.update(sqlStatement, new Object[] {year, semester, className, classification, professor, credits}) == 1);
    }
    
    public List<Course> getRegisterCourses() {    // 수강신청 내역 조회
    	String sqlStatement = "select * from registrations";
    	return jdbcTemplate.query(sqlStatement, new RowMapper<Course>() {

    	    @Override
	    public Course mapRow(ResultSet rs, int rowNum) throws SQLException {
	        Course registerCourse = new Course();
               registerCourse.setYear(rs.getInt("년도"));
               registerCourse.setSemester(rs.getInt("학기"));
               registerCourse.setClassName(rs.getString("교과목명"));
               registerCourse.setClassification(rs.getString("교과구분"));
               registerCourse.setProfessor(rs.getString("담당교수"));
               registerCourse.setCredits(rs.getInt("학점"));	
               return registerCourse;
          }	
    	});
    }
}

6. 서비스

CourseService.java에서는 CourseDao.java에서 조회한 정보를 가져오는 메소드를 작성해서 CourseController.java에서 이용할 수 있도록 만들어준다.

@Service
public class CourseService {

	@Autowired
	private CourseDao courseDao;
	
       // 학년/학기별 이수 학점 정보 조회
	public List<Course> getTakenSummary() {
             return courseDao.getSummary();
       }

       // 이수 총 학점 계산
	public int getTotalTakenCredits() {
             return courseDao.getTotalCredits();
       }
	
       // 특정 학기에 수강한 강의 정보 조회
	public List<Course> getSemesterCourses(int year, int semester) {
		return courseDao.getSemesterCourses(year, semester);
	}

       // DB에 강의 정보 삽입
	public void insert(Course course) {    
		courseDao.insert(course);
	}

       // 수강신청 강의 내역 조회
       public List<Course> getRegisterCourses() {
		return courseDao.getRegisterCourses();
	}

}

7. 컨트롤러

요청 URL을 매핑하는 CourseController를 다음과 같이 작성함으로써 mapping된 URL 페이지에서 DB에 저장된 정보를 조회해서 가져온 정보를 변수에 저장해서 사용할 수 있다.

@Controller
public class CourseController {
    @Autowired
    private CourseService courseService;
	
    @RequestMapping("/summary")  // 학기별 이수 학점 조회 페이지
    public String showSummary(Model model) {		
        List<Course> summaries = courseService.getTakenSummary();  // 학기별 취득 학점
        model.addAttribute("summaries", summaries);
        int totalCredits = courseService.getTotalTakenCredits();  // 총 이수 학점
        model.addAttribute("totalCredits", totalCredits);
        return "summary";
    }
	
    // 학기 정보를 변수로 받아 해당 학기의 수강 내역 페이지로 매핑
    @RequestMapping("/details/{semesterInfo}")
    public String showDetails(@PathVariable String semesterInfo, Model model) {
        int year = Integer.parseInt(semesterInfo.split("-")[0]);
        int semester = Integer.parseInt(semesterInfo.split("-")[1]);
        List<Course> courses = courseService.getSemesterCourses(year, semester);
        model.addAttribute("courses", courses);	
        return semesterInfo;
    }
	
    @RequestMapping("/register")  // 수강신청 페이지
    public String registerCourse(Model model) {
        model.addAttribute("course", new Course());
        return "register";
    }
	
    // 수강신청 페이지에서 폼 전송(submit) 시
    @RequestMapping(value="/doRegister", produces="text/plain;charset=UTF-8")
    public String doRegister(Model model, @Valid Course course, BindingResult result) {
        if (result.hasErrors()) {  // 수강신청 내역에 오류가 있을 경우
            System.out.println("== 수강신청 오류 ==");
            List<ObjectError> errors = result.getAllErrors();
			
            for (ObjectError error : errors) {
                System.out.println(error.getDefaultMessage());
            }
            return "register";  // 다시 수강신청 페이지에서 입력 받을 수 있도록 함
        }
        courseService.insert(course);  // 오류가 없다면 DB에 저장하고
        return "successRegistration";  // 수강신청 완료 페이지로 이동
    }
    @RequestMapping("/viewRegistration")  // 수강신청 내역 페이지
    public String viewRegistration(Model model) {
        List<Course> courses = courseService.getRegisterCourses();
        model.addAttribute("courses", courses);
		
        return "viewRegistration";
    }
}

8. 메뉴

8.1 학년/학기별 이수 총 학점

학기 별 이수 학점 조회(summary.jsp) 메뉴를 들어가면 CourseController.java에서 /summary의 summaries와 totalCredits 를 사용하여 연도, 학기, 취득학점과 총계를 확인할 수 있다. 링크에는 연도와 학기 정보를 넣어 각각의 다른 페이지로 연결되도록 했다.

<table class="table" border="1">
  ...
  <tfoot>
    <tr><th>총계</th><th></th>
        <th><c:out value="${ totalCredits }"></c:out></th><th></th></tr>
  </tfoot>
  <tbody>
    <c:forEach var="summary" items="${ summaries }">
      <tr>
        <td><c:out value="${ summary.year }"></c:out></td>
        <td><c:out value="${ summary.semester }"></c:out></td>
        <td><c:out value="${ summary.credits }"></c:out></td>
        <td><a href="${ pageContext.request.contextPath }/details/${ summary.year }-${summary.semester}">링크</a></td>
      </tr>
    </c:forEach>
</tbody>
</table>

결과물

8.2 학기 별 수강 내역

학기 별 이수 학점 조회 메뉴(summary.jsp)에서 ‘상세보기’의 링크를 클릭하면 각 학기 별 수강 내역을 CourseController.java의 /details/{semesterInfo}(예: 2020년 1학기는 /details/2020-1)를 통해 해당 학기 course들을 가져와 출력한다.

<table class="table" border="1">
    <tbody>
        <c:forEach var="course" items="${ courses }">
            <tr>
                <td><c:out value="${ course.year }"></c:out></td>
                <td><c:out value="${ course.semester }"></c:out></td>
                <td class="className"><c:out value="${ course.className }"></c:out></td>
                <td class="classifcation">
                    <c:out value="${ course.classification }"></c:out></td>
                <td class="professor"><c:out value="${ course.professor }"></c:out></td>
                <td><c:out value="${ course.credits }"></c:out></td>
            </tr>
        </c:forEach>
    </tbody>
</table>

결과물

8.3 수강신청 폼

수강 신청 메뉴에서 웹 폼(form)을 통해 2021년 1학기에 신청할 과목을 입력한다. 2021년과 1학기라는 정보는 수강신청 시 사용자가 입력할 데이터가 아니라고 판단하여 hidden으로 처리해서 전송하도록 하였다. 나머지는 사용자가 입력한 데이터에 대한 검증 작업을 하는데 일부 비워진 칸들이 있고 학점은 1~3학점이 유효한 값인데 0이 입력되어 있어 오류가 났으므로 CourseController.java의 /doRegister에서 명시한 것처럼 다시 수강신청 페이지(register.jsp)로 돌아와 사용자가 양식에 맞게 폼을 채울 수 있도록 재 요청하고 있다.

<sf:form method="post" action="${ pageContext.request.contextPath }/doRegister"
         modelAttribute="course" acceptCharset="UTF-8">
    <table class="formtable">
        <sf:input class="control" type="hidden" value="2021" path="year" />
        <sf:input class="control" type="hidden" value="1" path="semester" />
        <tr>
            <td class="label">교과목명</td>
            <td><sf:input class="control" type="text" path="className" /><br/>
                <sf:errors path="className" class="error" /> </td>
        </tr>
        <tr>
            <td class="label">교과구분</td>
            <td><sf:input class="control" type="text" path="classification" /><br/>
                <sf:errors path="classification" class="error" /></td>
        </tr>
        <tr>
            <td class="label">담당교수</td>
            <td><sf:input class="control" type="text" path="professor" /><br/>
                <sf:errors path="professor" class="error" /></td>
        </tr>
        <tr>
            <td class="label">학점</td>
            <td><sf:input class="control" type="text" path="credits" /><br/>
                <sf:errors path="credits" class="error" /></td>
        </tr>
        <tr>
            <td></td>
            <td><input type="submit" value="수강신청" /></td>
        </tr>
    </table>
</sf:form>

모든 폼을 유효한 값으로 채웠을 경우에는 수강신청이 정상적으로 진행되어 CourseController.java의 /doRegister에서 명시한대로 수강신청한 강좌 정보를 DB에 저장하고 수강신청 완료(successRegistration.jsp) 페이지가 출력된다.

결과물

8.4 수강신청 내역 조회

수강신청 조회(viewRegistration.jsp) 메뉴에서는 CourseController.java의 /viewRegistration에서 수강신청 강의 정보를 조회하여 2021년 1학기 수강 신청 내역을 출력한다.

<c:forEach var="course" items="${ courses }">
    <tr>
        <td><c:out value="${ course.year }"></c:out></td>
        <td><c:out value="${ course.semester }"></c:out></td>
        <td class="className"><c:out value="${ course.className }"></c:out></td>
        <td class="classifcation"><c:out value="${ course.classification }"></c:out></td>
        <td class="professor"><c:out value="${ course.professor }"></c:out></td>
        <td><c:out value="${ course.credits }"></c:out></td>
    </tr>
</c:forEach>

결과물

Provide feedback

Saved searches

Use saved searches to filter your results more quickly