파이널 프로젝트

프로젝트명

Unknown Company

개발환경

운영체제

Window7 / 64bit

DB

Oracle

사용언어 및 기술

Java, HTML/CSS, Ajax, JSP, JavaScript, JQuery, JSTL,

MyBatis, Spring, GitHub

개발도구

Eclipse, QueryBox

개발인원

개발기간

6 명

2017.06.30.~2017.07.19 (20일)

담당 업무 요약

자재에 관한 정보 입력 및 삭제 기능

대표이미지 / 메인화면

프로그램 설명

생산, 재고관리 프로그램

연구소, 구매, 생산, 영업으로 구성

PLM : 제품 수명 주기 관리(Product lifecycle management)

+

ERP : 기업 내 통합정보시스템을 구축(Enterprise resource planning)

기술적 구현 목적

Java / MyBatis / Spring / ajax 기반 프로그램 구성

Oracle DB 사용하여 데이터 관리 및 추출

기업 등의 구성원들이 컴퓨터로 연결된 작업장에서 서로 협력하여 업무를 수행하는 그룹 작업을 지원하기 위한 목적

담당업무

<자재 등록(전체)>

결재자 선택, 제목, 문서내용, 자재명, 자재종류, 사진첨부 등으로 구성.

Spring, MyBatis, Ajax를 이용, 모든 데이터가 정상적으로 입력 됐을 시 등록 가능.

<결재자 선택>

등록된 사원들 중, 두 명만을 선택하여 값을 넘겨준다.

<주요 흐름 & 코드>

① 아래와 같이 해당 경로의 페이지에서는 Spring, MyBatis를 이용하여 사원 List를 Select 하는 로직을 실행.

DB로부터 사원 데이터를 Ajax를 이용하여 읽어온 후, 그 데이터를 JSON타입으로 Parsing.

Parsing한 JSON을 활용하여 태그 생성, 화면에 출력.

② 결재자 두 명을 선택한 후, ‘결재 완료’ 버튼을 누르면, ‘JavaScript’의 ‘window.opener’를 이용하여 선택된 결재자의 사원번호가 자재등록 페이지의 Input 태그를 생성, 그 안에 Value 값에 저장.

<문서내용 입력>

<주요흐름>

문서 내용 작성 후, ‘입력’ 버튼을 누르면 ‘JavaScript’의 ‘window.opener’를 이용하여 작성한 문서 내용이 'Input' 태그 Value에 값이 들어가고, 그것을 자재 등록 페이지에 추가하여 출력.

<자재 종류>

Drop Box에서 원하는 자재 카테고리를 선택하면, Change이벤트가 발생.

선택한 카테고리 INDEX의 Value를 얻어서 Input 태그 value에 저장한다.

<주요 코드>

<파일첨부>

이미지 파일 여부를 확인하기 위해, 파일의 확장자명을 이용하여 아래와 같이 무결성 검사.

<주요 코드>

<최종 등록>

자재등록을 위해 작성한 내용을 Ajax를 이용하여 Submit

그 결과를 ‘ResponseText’로 읽어와 값을 확인하여, 정상 등록이면 ‘자재 리스트’ 페이지로 이동.

<주요 흐름>

① Aajx에 FormData를 활용하여 Spring controller 경로에 Form 정보 전달

② 자재, 문서 테이블 Insert. 이 두 테이블의 접근할 수 있는 코드 값을 연구소 리스트 테이블에 각각 Insert. (연구소 리스트 테이블을 통해 문서코드나, 자재코드 둘 중 하나만 가지고도 자재, 문서 테이블 모두 접근 가능)(코드 값 증가는 Sequence 대신 max()함수와 Sub Query를 활용.

)

<자재 상세(LIST)>

Spring, Ajax, MyBatis를 이용하여, 자재리스트를 출력.

자재를 검색할 때에도 Ajax를 활용하여 화면 전환 없이 원하는 정보 출력 가능.

<주요 흐름 & 코드>

① Url은 검색어를 통해 원하는 자재 리스트를 얻어오는 로직이 수행되는 스프링 컨트롤러 경로.

검색을 하기 위한 Input 태그가 담겨있는 Form정보를 Send에 지정.

② 검색된 자재 리스트를 JavaScript에서 사용할 수 있도록 JSON 타입으로 변환하는 과정.

③ ResponseText를 이용하여 결과 값을 가져오고 그 값을 JSON타입으로 Parsing.

④ var matListResult = document.getElementById("matListResult");

matListResult.innerHTML = "";

--> 기존에 출력된 List 초기화.

Parsing한 JSON을 활용하여 태그 생성된 태그를 "matListResult"에 출력.

<자재 View>

<주요 흐름>

① 자재 리스트에서 상세보기를 위한 자재를 선택하면 Spring Controller에서 자재코드 값 전달.

② 자재코드 값을 활용하여 자재 정보를 MyBatis를 통해 읽어드린 후 Spring Controller model객체의 자재정보가 담겨있는 ‘vo(valueObject)’를 저장한다.

③ 자재 뷰 페이지에서는 Spring Controller에서부터 전달된 ‘vo’정보를 EL태그를 이용해 자재 정보를 출력한다.

삭제를 하는 부분은 Ajax를 통해 삭제할 자재의 코드 값을 화면 전환 없이 전달하게 되며 정상 삭제가 되어서야 자재 리스트 페이지로 화면 전환이 이루어진다.