728x90 반응형 Java Web Programming98 [JSP] 회원관리 웹 어플리케이션 3 (layout-한가지로, home에 기본 main화면 제공) + (로그인, 로그아웃, 회원가입, '회원관리 웹 어플리케이션 2 ' 포스팅 에서 이어지는 포스팅으로, 장바구니 기능을 하는 웹 어플리케이션 프로그램이다. [ 구성이 달라지는 점 ] 1. layout.jsp를 한 가지로 합침 1) login 시 - [ ]님 로그인 / 로그아웃 링크 2) login 아닐 시 - 로그인 폼 2. home의 main 화면을 켜자마자 item 목록 리스트 보여주기 - home.jsp 수정 + HomeController에 item 목록 리스트 보여주는 기능 추가하기 [ 프로그램 진행 원리 및 개요 ] 웹 페이지에서 동적으로 이동되는 부분(메인 화면)만 새로 업데이트하여 보여주기 위하여, 전체적인 layout을 잡아두고, 메인 화면에 기능에 따른 새로운 view(jsp)를 할당하여 동작하도록 한다. 기능 1. lay.. 2020. 9. 22. [JSP] 회원관리 웹 어플리케이션2 - layout 두 가지 (로그인 + 회원가입 + 회원정보 수정 + 경로 + EL/JSTL + BootStrap + Model2 설계) '회원관리 웹 어플리케이션' 포스팅 에서 이어지는 포스팅으로 아래 기능이 추가되었다. 1. layout.jsp를 두 경우로 나눔 1)login-layout.jsp - 로그인 시 보여지는 view 2)layout.jsp-로그인을 안 했을 때 보여지는 view 2. login-layout.jsp 상태에서 회원정보 수정 - VO 정보와 session의 VO 정보 둘 다 수정 [ 프로그램 진행 원리 및 개요 ] 웹 페이지에서 동적으로 이동되는 부분(메인 화면)만 새로 업데이트하여 보여주기 위하여, 전체적인 layout을 잡아두고, 메인 화면에 기능에 따른 새로운 view(jsp)를 할당하여 동작하도록 한다. 1. layout 화면을 로그인/비로그인으로 나누어 제공 기능 2 : 로그인 상태에서 회워정보 수정 기능.. 2020. 9. 21. [JSP] 회원 관리 웹 어플리케이션 (EL/JSTL 적용, 웹 프로그램 경로, BootStrap + Model2 설계) [ 웹 프로그램 경로 ] > Client client 측에 도달되는 HTML, CSS, JavaScript는 / 를 명시할 경우 port 다음으로 정보를 찾게 된다. > Server sever 측에서 실행되는 , (or JSTL )는 / 를 명시할 경우 자신의 웹 컨텍스트(웹 어플리케이션 명) 다음에서 정보를 찾게 된다. > 즉, html, javaScript, css 는 ${pageContext.request.contextPath}/ 를 명시해서 - 절대경로 웹 어플리케이션 아래에서 정보를 찾게하면 된다. [ 프로그램 진행 원리 및 개요 ] JSTL / EL 표현 + Model2 설계방식 ( + MVC / Singleton / Front Controller Pattern 적용) + Bootstrap +.. 2020. 9. 18. [JSP] EL / JSTL 표현식 한 방에 정리 ! (문법과 사용방법) EL과 JSTL을 사용하는 이유? 1. design tool에서는 jsp 코드가 깨질 수 있다. [ EL ] EL 이란? Expression Language의 약자 JSP 2.0에서 새롭게 추가된 스크립트 언어 기존의 Script tag의 표현식() tag에서 업그레이드된 버전 ( ${ 정보 } ) [ 주요 특징 ] 1) JSP 속성영역 (request, response, session, application) 저장된 속성 객체의 property를 출력한다 2) 리터럴 데이터, 다양한 연산결과 출력이 가능하다 3) JSTL과 연동이 가능하다 [기존 방식 예 : scriptlet 스클립틀릿] [EL 방식 예] ${requestScope.mvo.name} ${mvo.name} requestScope는 생략이.. 2020. 9. 16. [JSP] Semi-Project | Model2 MVC 기반 고객관리 웹어플리케이션 (회원가입, 로그인) [ 요구사항 ] 고객은 해당 사이트에 회원 가입이 가능하다. > 회원가입 시, 입력해야 하는 정보는 '아이디', '패스워드', '이름', '주소', '생년월일'이다. > 추가로 시스템 상에서 '가입일시'는 자동으로 자장되도록 한다. > 회원 가입 시, 아이디 중복 확인은 반드시 필요하다. 회원 가입 후 로그인하면, 1) "[고객명]님" 메세지를 제공하고, 2) 마이페이지 링크를 제공한다. 마이페이지에서는 아래와 같이 정보를 제공한다. 아이디 : [아이디] 이름 : [이름] 주소: [주소] 생일 : [연도.월.일] (만 [만나이] 세) 가입일시 : [연도.월.일 시:분:초] 사이트에 고객이 접속했을 때, 첫 화면(welcome file)에서는 아래와 같이 가입한 고객 인원이 제공된다.(DB 바로 연동하여 .. 2020. 9. 16. [UML] Use Case Diagram (유즈케이스 다이어그램) [ Use Case Diagram (유즈케이스 다이어그램) ] : 요구분석을 위한 UML : 시스템에 요구되는 기능을 사용자 관점에서 나타낸 다이어그램 Use Case : 사용자 관점의 기능 단위(서비스단위) Actor : 시스템 외부에 존재하면서 시스템과 상호작용하는 개체 (ex-고객 , 관리자) UseCase Diagram 예제 : 포함 관계 기본 유즈케이스가 실행되기 위해서는 반드시 다른 특정 유즈케이스의 행위를 포함해야 한다는 것을 의미한다. include 책대여 -----> 회원 인증 (책을 대여하기 위해서는 반드리 회원 인증이 필요하다) 유즈케이스가 특정 유즈케이스에 정의된 행위로 선택적으로 추가 확장될 수 있다는 것을 나타낸다. extend 책대여 2020. 9. 15. [JSP] Include Action Tag - 페이지 모듈화 [ Include Action Tag ] 페이지 상에 동적인 페이지와 정적인 페이지를 구분하여, 효율을 높이기 위한 jsp tag이다. (Tiles Framework도 이와 같은 기능을 한다.) 기본 문법 * include 대상 파일은 실제 필요한 부분 (html 부분) 만 기술한다. ( + jsp 선언부 ) (그렇지 않으면 '페이지 소스보기'에서 보았을 때 확인할 수 있듯, html이 header, main, footer 등 여러 개로 얽힐 수 있다.) 적용 예제 (+bootstrap nav, grid) /header.jsp nav 적용 WebSiteName Home Page 1 Page 2 Page 3 /main1.jsp 메인1 화면입니다. /main2.jsp 메인2 화면입니다. /footer.jsp.. 2020. 9. 15. [JSP] Forward ActionTag 액션태그 응용 (DB 연동) [ forward 적용 연습 ] 현재 프로젝트(웹 어플리케이션)에서 jsp forward 액션 태그를 이용해 첫 화면이 데이터베이스를 연동한 정보를 제공하는 화면으로 제공되도록 처리하는 예제 creamilk88.tistory.com/109 에서 진행한 프로젝트를 응용한 예제이다. [JSP] DBCP + Model2 MVC Pattern (+ 각 객체 개념설명) [ DBCP ] DBCP ⇒ javax.sql.DataSource : DataBase Connection Pool : DB와 커넥션을 맺고 있는 객체를 관리하는 역할 ( MVC 중 Model에 적용된다 ) ⇒ 데이터베이스 연동 시, connection을 생성하고 소멸시.. creamilk88.tistory.com car-list.jsp가 차.. 2020. 9. 15. [JSP] Forward ActionTag 기본 [ Forward ActionTag ] 기본 문법 * value 값으로 한글이 들어갈 때 > forward-action 페이지 jsp forward 액션 태그에서 param으로 한글을 전송하기 위해서는 한글 인코딩이 별도로 필요하다! > view 페이지 jsp forward param 한글 정보를 받기위해서는 한글 처리(디코딩)가 필요하다 적용 예제 forward-form.jsp -- forward-action.jsp 파프리카님 89세 성인입니다. → 만약 19세 이하이면 jsp forward action tag를 이용해 child-view.jsp에서 응답하게 한다. /forward-form.jsp 세 성인 입니다. /child-view.jsp 세 님 미성년자 페이지입니다. 입장 페이지로 시작 폼 → 성.. 2020. 9. 15. 이전 1 ··· 4 5 6 7 8 9 10 11 다음 728x90 반응형
