전체보기 (65) 썸네일형 리스트형 css,bootstrap사용해서 게시판만들기(2) 이전의 게시판list에 추가하여 글을 쓸 수 있는 insertBoardForm.jsp를 만들었다. 제목과 글쓴이 비밀번호와 내용을 입력한다 초기화는 button type을 reset으로 설정했다 완료는 button type을 submit으로 설정했다. insertBoardForm.jsp 게시글 입력 제목 글쓴이 비밀번호 내용 완료 초기화 insertBoardForm.jsp를 통해 입력받은 값들은 insertBoardAction.jsp에 getParameter()을 통해 각각 타입에 맞게 변수에 저장한다. 쿼리문에 맞게 변수값들을 적절히 대입하여 쿼리를 실행할 수 있도록 했다. DB를 연결하고 쿼리의 ?부분의 값을 setxxx()메소드를 사용해 알맞은 변수로 교체해준다. 쿼리가 제대로 실행이 되었다면 ro.. css,bootstrap사용해서 게시판만들기(1) 게시판을 간단하게 만들었다. jsp를 사용했고 css와 bootstrap을 써서 나름 꾸몄다 currentPage를 1로 설정해 처음 실행해서 null이 오면 페이지가 1이 되도록 했다. 페이징을 하기위해서 쿼리문을 사용해 모든 게시글(row)수를 구했다 게시물의 개수(전체 row수)와 페이지당 게시글 수(rowPerPage)를 이용해 마지막 페이지 수(lastPage)를 구했다. 테이블에서 글이 삭제되면 id는 만들어져있는 상태이고, id가 빵꾸?가 나기때문에 따로 postNumber로 게시글의 순서를 구했다. 이후 html부분은 bootstrap과 css를 사용해 꾸며보았다. boardList 글쓰기 페이지 게시글 순서 no title 1) { %> 처음페이지 이전페이지 처음페이지 이전페이지 다음페이.. test 보호되어 있는 글입니다. css기초연습 CSS를 사용하는 방법 3가지 태그의 라인 안(inline)으로 style 속성을 이용하는 방법 style 태그에 선택자(태그이름(유사 태그), id속성(#) - 단일태그 , class속성(.) - 그룹 , 조합)를 이용하는 방법 외부 css파일을 link태그를 이용하는 방법 Ex) CDN mycss.css @charset "UTF-8"; .e { color: purple; } 안녕하세요 hello 스프링 파이썬 홍길동 자바 HTML 헬로 클릭 또는 행동 :active - 마우스를 클릭한 태그 :hover - 마우스가 올려진 태그 :link - 링크된 텍스트 :visit - 한번 이상 클릭된 링크 개발자 jjdev jjdev 자바 html css 단위별 #pt {font-size : 30pt; color.. JSP와 MariaDB 연동하기(7) 이번에는 글을 수정하는 jsp를 만들었다. 마찬가지로 이전에 empList중 한명을 클릭했을시 자세히 보여주는 empOne.jsp와 연결된다. 20240314 JSP와 MariaDB 연동하기(3) 앞선 내용들을 바탕으로 DB에 있는 데이터 값들을 페이지에 table로 출력(전체가 아닌 일부)하고 row의 값들 중 하나를 클릭하면 그 row에 대한 모든 값들이 나오게 만드는 연습을 했다. 2024.03.14 - [ broad-backend.tistory.com emp수정 버튼을 누르면 아래에 emp 글 수정 페이지로 이동한다 여기서는 pw대신 ENAME과 id대신 EMPNO를 이용해 구현했다. 글 수정을 누르면 empNo가 파라미터로 넘어오게했고 getParameter()메소드를 사용해 int 변수에 em.. JSP와 MariaDB 연동하기(6) 로그인 페이지를 구현해 보았다. DB에 id와 pw를 넣어놓고 알맞게 입력하면 이전의 empList.jsp를 보여주는 간단한 jsp를 만들었다. 20240315 JSP와 MariaDB 연동하기(5) 이번엔 이전의 페이지 왼쪽 부분에 사이드바를 만들었다. 왼쪽 사이드의 DEPTNO를 누르면 해당 부서의 emp만 나오게 되는 것이다. 왼쪽 div의 dept값을 요청한 것을 getParameter로 deptNo 변수에 담는다. broad-backend.tistory.com DB는 MariaDB를 사용했으며 아래에 DB가 있다 bootstrap을 사용해 로그인 폼을 꾸미고 post방식으로 폼을 만들었다. loginForm.jsp loginForm id : pw : 로그인 id값과 pw값을 getParameter.. JSP와 MariaDB 연동하기(5) 이번엔 이전의 페이지 왼쪽 부분에 사이드바를 만들었다. 왼쪽 사이드의 DEPTNO를 누르면 해당 부서의 emp만 나오게 되는 것이다. 왼쪽 div의 dept값을 요청한 것을 getParameter로 deptNo 변수에 담는다. 그후 deptNo가 null일때(아예 초기화면), 0일때(부서 지정x), 값이 있을때로 나뉘어 sql문을 작성한다. 왼쪽 div의 DEPTNO는 sql문을 따로 선언했다. DISTINCT를 사용해 중복을 제외하고 SELECT해서 가져올 수 있도록 했다. empList.jsp emp 관리 DEPTNO emp 리스트(DEPTNO: ) EMPNO ENAME DEPTNO 글쓰기 JSP와 MariaDB 연동하기(4) 아래에 이전 글이 있다. 2024.03.14 - [웹 개발] - 20240314 JSP와 MariaDB 연동하기(3) 20240314 JSP와 MariaDB 연동하기(3) 앞선 내용들을 바탕으로 DB에 있는 데이터 값들을 페이지에 table로 출력(전체가 아닌 일부)하고 row의 값들 중 하나를 클릭하면 그 row에 대한 모든 값들이 나오게 만드는 연습을 했다. 2024.03.14 - [ broad-backend.tistory.com 이번에는 전의 DB에 emp를 추가할 수 있는 페이지를 만드려고 한다. 일단 empList.jsp에 글쓰기 폼이 될 insertEmpForm.jsp로 a태그를 사용해 연결한다. empList.jsp emp 관리 emp 리스트 EMPNO ENAME 글쓰기 다음으로 글쓰는 페이.. 이전 1 2 3 4 5 6 7 8 9 다음
