Git Product home page Git Product logo

portfolio's Introduction

My Portfolio


mainpage mainpage_2


  • 안녕하세요! Spring framework 홈페이지 포트폴리오 입니다.
  • 로그인, 로그아웃, 게시판 예약 시스템 등을 만들었습니다.
  • 부족하지만 이후에 취업을 하게 되더라도 꾸준히 바꿀려는 노력 을 할 예정입니다.

  • 개발환경

    • 언어 : Java, JavaScript, HTML, CSS
    • 개발프레임 : Spring Framework 3.9.13
    • 데이터베이스 : MySQL Workbench 8.0 CE
    • 그 외 : Mybatis, Tomcat v8.5, Jdbc, Bootstrap

  • 기능 요약

  1. 로그인

login

1. 아이디, 비밀번호 입력
2. 회원가입 DB에서 저장된 DB와 매핑후 결과를 출력
  2-1. 회원정보와 일치 : 회원가입이 완료되며 위 오른쪽 상단에 [로그인][회원가입] -> [로그아웃]으로 변경
  2-2 회원정보 불일치 : "로그인을 실패하였습니다." 라는 메세지를 출력후 다시입력

login_error

3. 아이디 기억하기를 만듦
  * frmchek 함수를 통해서 아이디/비밀번호 유효성 검사를 하고 이상없으면 서브밋을 통해서 login_action 메서드  
  통해서 보내주고 id와 name에 컬럼 값을 넣어준다.        
  * 체크박스 값을 설정하기 위해 쿠키값이 비어 있지 않으면 체크값을 설정한 다음,   
    체크박스에 ${chceck} 을 선언 후 값이 있을 경우만 체크될 수 있도록 합니다.
    아이디 입력 input 소스에 value값을 쿠키값으로 설정합니다.    
    변수 타입은 boolean으로 설정
4. 홈페이지 이동
  4-1. 홈페이지를 누르면 메인페이지로 이동    

  1. 로그아웃

logout

1. [로그인][회원가입] -> [로그아웃]으로 변경
  1-1. 세션을 지우기 전에 세션을 통해 URL 값을 받는다.
  1-2. 3가지 세션 없애는 메서드를 통해 확실히 세션값을 지우도록 한다.
  * status.setComplete();
    session.removeAttribute("loginVO");
    session.invalidate();
  1-3. 로그아웃할때도 홈이 아닌 로그아웃 버튼 누른 페이지로 갈수 있도록 리다이렉트 설정해준다.

  1. 테이블

table table_2

1. Table 화면으로 검색, 페이지갯수, 페이지 목록 수, 등록, 수정, 삭제, 목록 등의 기능을 만듦

add

1. 페이지 등록
  1.1 작성자와 제목 내용을 입력
  1.2 등록을 누르면 "등록을 하시겠습니까" 라는 메세지를 출력
  1.3 등록을 하면 마지막 게시물 다음에 인덱스 번호를 추가 한 후 list 페이지에 해당 내용이 저장되고 db또한 저장된다.
2. 취소
  1.1 list페이지로 리턴

create create_2

1. 상세 페이지 수정   
  1-1 내용을 수정
  1.2 내용을 수정하면 "수정하시겠습니까" 라는 메세지 출력
  1.3 수정이 완료되면 db와 list페이지의 내용이 수정됨
2. 목록   
  2-1 list페이지로 리턴
3. 삭제      
  1-1 삭제를 누르면 "삭제하시겠습니까" 메세지가 출력되면서 "예" 입력하면 상세페이지의 모든 내용이 지워진다.
  1-2. list 페이지로 리턴
  1-3. list와 db의 내용들이 삭제

  1. 링크 페이지

링크


  1. 기능 동영상

  1. 보안 사항
  • 메인 화면에 로그인 할 시 [로그인][회원가입] -> [로그아웃] 으로 변경하기
  • another에 다른프로젝트 올리기 -> 캘린더, jsp 웹페이지 등

portfolio's People

Contributors

jjm-web avatar

Watchers

 avatar

portfolio's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.