반응형 홈페이지제작 반응형 8 spring 홈페이지 - (15) 회원가입 작업 (feat.아이디 중복체크/비밀번호 암호화) 안녕하세요. 오랜만에 웹사이트 만드는 포스팅을 하네요. 이게 워낙 길기도하고.. 포스팅할것이 많다보니 저도 모르게 손을 놓고 있었네요..ㅋㅋ 이젠 다시 진행하려하는데 우선은 회원 기능이 있어야 다른 기능도 수월하다 생각하여 회원가입 먼저 진행하겠습니다. 아래는 구현화면입니다. 중복 체크 유효성 검사 (프로젝트는 이전 프로젝트에서 이어서 진행하는 점 참고 바라며, 프로젝트를 참조하지 않아도 기능만 확인하는데는 문제 없다고 생각합니다.) 우선은 header.jsp에서 의 주석 위에 버튼 두개를 만들어줍니다. 하나는 회원가입, 하나는 로그인 버튼이죠! Header.jsp 로그인 회원가입 그리고 옆에 메세지표시랑 알람표시는 사용하지 않을거니 지워주도록 하죠. 부터 위의 까지 지워줍니다. 조금더 깔끔해졌죠. 그리.. 2021. 4. 1. Spring 홈페이지 - (14) 게시판 페이징 쿼리스트링 작업 지난 시간 페이징 작업에 이어 페이징 쿼리스트링을 해보도록 하겠습니다. 3번 페이지 버튼을 누르면 주소창에 아래와 같이 뜹니다. http://localhost:8080/board/list?pageIndex=3&searchKeyword= list에 물음표 ? 뒤에있는 값들 즉, 파라미터(변수를 던진 값)을 통해서 페이징이 가능한거죠 그런데 게시판들 들어가보면 게시판 인덱스 뒤에 아무것도 붙어 있지가 않습니다. 파라미터 값을 가지고 오지 못한 거죠!! 결국 목록을 누르면 3번 페이지 화면이 아닌, 1번 페이지의 처음 시작화면이 되게 됩니다. 즉, 3번페이지에서 게시글을 눌러서 작업을 완료하고 목록을 눌렀을 경우 3번페이지로 유지되기 위한 작업 파라미터 값을 계속해서 넘겨주는 작업을 QeuryString (쿼.. 2021. 3. 1. Spring 홈페이지 - (13) 게시판 페이징 작업 오늘은 게시판 페이징을 해보겠습니다. 제가 한 방식은 전자정부프레임워크에서 사용되는 방식을 변형하여 만들었습니다. 제가 사용하던 방식이라 복습차원이기도하고 실제로도 다른 방식보다 편리합니다. 새로 작성한 AJAX 페이징 방식 글입니다!! 구현하실 분들은 참고해주세요! https://chobopark.tistory.com/249 AJAX 페이징 구현 방법!! (영상 有) 안녕하세요. 오늘은 AJAX로 페이징 처리하는 방법에 대해 이야기해보겠습니다. 저는 자바를 기반으로한 AJAX 페이징 처리 방법을 정리하였습니다. 우선 AJAX 에 대해 이야기해보겠습니다. Ajax란 Asyn chobopark.tistory.com 우선 페이징을 하기 위해서는 파라미터를 통해 페이징 처리를 하기 때문에 클래스를 만들어 변수.. 2021. 3. 1. pring 홈페이지 - (11) 게시판 수정/삭제 페이지 작업 이번에는 수정/삭제 페이지를 만들어보겠습니다. 수정페이지 경우에는 등록페이지와 마찬가지로 화면을 보여주는 get 컨트롤러와 수정을 처리하는 post 컨트롤러, 즉 두가지 컨트롤러를 만들어야하는 것이 특징입니다. 작업순서는 아래의 순서로 진행하겠습니다. 상세페이지에서 수정/삭제 버튼 생성 Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml 우선 상세페이지에서 수정과 삭제 버튼을 생성합니다. read.jsp 수정버튼에는 인덱스를 타고 가야하기때문에 주소 뒤에 인덱스를 넣어줍니다. 수정 그리고 삭제버튼은 '삭제하시겠습니까'라는 경고 문구가 필요하기 때문에 자바스크립트로 확인여부 알림창을 뛰운 다음 컨트롤러로 보내는 작업을 합니다. 이때 또한 인덱.. 2021. 2. 1. Spring 홈페이지 - (10) 게시판 상세보기 페이지 작업 이번엔 게시판의 글 내용을 볼 수 있는 상세보기 페이지를 만들 예정입니다. 일반적인 게시판처럼 제목을 클릭하여 페이지가 나타나도록 하는거죠 작업순서는 아래의 순서로 진행하겠습니다. list.jsp에서 제목에 링크 설정 Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml list.jsp 제목에 링크를 거는 작업을해줍니다. 간단합니다. a태그를 사용하면 됩니다. a태그 안에는 주소와 해당 인덱스를 타고 들어가야하기 때문에 board_idx를 넣어줍니다. 그럼 이렇게 제목이 파란색으로 변할겁니다. 링크가 걸렸다는 증거겠죠 BoardController 상세페이지 화면 확인을 위한 간단한 컨트롤러를 생성합니다. @RequestMapping(value.. 2021. 1. 31. Spring 홈페이지 - (9) 게시판 등록 페이지 작업 이번 시간은 게시판 등록 페이지를 만들어보겠습니다. 등록페이지의 특징은 컨트롤러를 Get방식하나, Post방식하나 해서 총 2개의 컨트롤러를 만들어야합니다. get방식은 등록페이지를 보여주는 화면과 Post방식은 자료를 등록하기 위한 컨트롤러입니다. 작업순서는 아래의 순서로 진행하겠습니다. Controller 생성 jsp 생성 service > serviceImpl > mapper > mapper.xml 먼저 리스트 페이지에 등록 버튼을 생성해줍니다. list.jsp DataTables Example Name Position Office Age Start date Salary 등록 그리고 화면을 확인하고자 간단한 컨트롤러부터 생성합니다. Controller @RequestMapping(value = "/.. 2021. 1. 29. Spring 홈페이지 - (8) 게시판 목록 페이지 작업 게시판 디자인을 적용하였으니 게시판 목록 화면을 처리해보록 하겠습니다. 우선 list.jsp에서 jstl을 사용할 수 있도록 라이브러리를 추가합니다. 그리고 리스트의 항목을 제외하고 나머지 텍스트로 되어있는 데이터들을 삭제합니다. 데이터베이스를 통해서 데이터를 넣을 계획이기때문에 텍스트 데이터는 필요가 없습니다. 이젠 서버(controller)와 데이터베이스을 연결한 계층들 (vo/service/serviceimpl/dao/mapper)을 생성하겠습니다. vo & 데이터베이스 테이블 생성 vo는 테이블 설계를 기준으로 생성하면 됩니다. 먼저 데이터베이스 테이블 먼저 생성하도록 하죠 workbench에 해당 데이터베이스에 접속하여 쿼리로 테이블을 만들어줍니다. 1 2 3 4 5 6 7 8 create ta.. 2021. 1. 16. 홈페이지 제작의 시작 이유와 의미 안녕하세요! 일반적인 홈페이지 제작을 시작하려합니다. 로그인부터 게시판 예약 시스템, 차트 등.. 전반적인 과정을 글로 남겨보려합니다. 저 또한 교육을 통하여 개발자 일을 하고 있지만 누군가에게 도움을 받았듯이 누군가에게 도움을 주고 싶은 마음으로 시작해보려합니다. 항목을 클릭하시면 해당 페이지로 이동합니다. Spring 웹 홈페이지 개발 과정 리스트 자바설치 및 환경변수 설정 이클립스 및 스프링 설치 톰캣설치 방법 이클립스 자바 환경설정 및 인코딩 설정방법 데이터베이스(Mysql) 설치 프로젝트 환경설정 홈페이지 디자인 적용 게시판 목록 페이지 작업 게시판 등록 페이지 작업 게시판 상세보기 페이지 작업 게시판 수정/삭제 페이지 작업 게시판 검색 페이지 작업 게시판 페이징 작업 게시판 페이징 쿼리스트링 .. 2020. 10. 1. 이전 1 다음
