'전자정부프레임워크' 태그의 글 목록 (3 Page)

전자정부프레임워크 (47)

메뉴 DB화 하기(2)

Note&pen
전자정부프레임워크
2018. 3. 5. 17:39

이제 저번포스팅에 이어서본격적으로 DB에서 메뉴를 불러오자먼저 jsp에서 스크립트단에 ajaxCl 이라는 변수를 만들고그안에 프로퍼티를 만들어주자 12345678910111213var ajaxCl = { ajaxCallFn : function(options) { var that = this; var settings = { url : "mainMenuList.do", FCGubun : "F", } settings = $.extend({}, settings, options);cs 5line that 값에 this를 주는데 that 에 ajaxCl을 준것이다다음 settings 라는 변수에 url 과 FCGubun을 저장했다13line은 jQuery에서 사용하는데두개 이상의 객체를 합칠때 쓴다.자세한건 링크에..

메뉴 DB화 하기(1)

Note&pen
전자정부프레임워크
2018. 3. 5. 16:04

웹 개발을 할때 메뉴 탭은 거의필수적으로 만든다. 메뉴탭의 위치는 보통홈페이지 상단이나 오른쪽 또는 왼쪽에 위치한다. 그리고 웹 개발을 공부하며 혼자 웹을 개발할땐매뉴를 보통 아래와같이 jsp 단에서 만든다 +++++++++ 2018/09/07 추가 +++++++++ pageSubmitFn 프로퍼티는 스크립트단 안에 생성해주자. +++++++++++++++++++++++++ 하지만 메뉴를 DB화에서 만든다면 여러 이점이 있다.처음에 메뉴를 DB화 하기위한 과정은 쉽지 않지만만들어 둔다면 보안과 유지보수에 굉장히 좋다. 먼저 레프트 메뉴를 DB화 하기전엔두가지를 고민해야한다.ajax로 갈것인지 jstl로 갈것인지 속도면에서는 jstl이 빠르기 때문에jstl로 구현할수 있으면 jstl로 구현한다. 프로젝트에..

JSON.stringify(); JSON.parse();사용하기

Note&pen
SPRING
2018. 3. 2. 14:54

웹 개발을 하다. JSON.stringify, JSON.parse에 대해서 한 번 쯤 보거나 들어봤을 것이다이것은 개발에 있어 굉자히 중요하고사용할줄 알아야한다. JSON.Stringify 와 JSON.parse 는 자바스크립트의메소드이다. 먼저 간단하게 무슨역할의 메소드인지 보자. JSON.parse- String 객체를 json객체로 형변환 시켜준다 JSON.stringify- json객체를 String객체로 형변환 시켜준다 이제 간단하게 사용법에 대해 알아보겠다 ex1)12345678910111213var data ={ Name : "Hong" ,Age : "26"} var Person = JSON.stringify(data);var Person2 = JSON.parse(person); //outp..

jQgrid 사용하기(3)

Note&pen
전자정부프레임워크
2018. 3. 1. 18:10

이번 포스팅에선 저장기능과 다른 몇가지를수정 후 마무리하겠다. 일단 아래 소스를 jsp 스크립트단에 추가하자 1234567891011121314var CommonJsUtil = { isNumeric : function(val) { if (/[^0-9]/.test(val)) { return false; } else { return true; } }}cs 조건문 안에는 정규식이다 ^는 부정의 의미이다.즉 숫자가 없으면 이라는 의미이다. 1234567891011121314151617181920212223242526gridValid : function() { var trObj = $("#jqGrid").find("tr"); for(var i = 0; i

jQgrid 사용하기(2)

Note&pen
전자정부프레임워크
2018. 3. 1. 17:13

이번 포스팅에선 저번 포스팅에 이어 그리드에 행추가 기능과 삭제 기능을 달아보자. 먼저 탭을 만들어주자 12345 조회 행추가 저장 초기화 삭제cs 위치는 알아서 찾아서 넣자. onclick 함수에 의해 스크립트 함수를 실행한다. 다음 addRow를 만들자 totCnt는 그리드 안의 총 카운트를 세주는데getGridParam 함수를 사용한다. getGridParam은 리턴타입이 int이고 getter 메소드만 제공한다.서버에 요청하여 리턴받은 실제 레코드 수 이므로 사용자가임의로 설정할 수 없다. addRowData는 행추가를 할때 totCnt에 10을더한 행에 새로 추가된다. setColProp는 속성을 설정해주는데 name값을 편집 가능하게 설정한것이다. 그리고 위 부분을 jsp 파일의도큐먼트 레디 ..

jQgrid 사용하기

Note&pen
전자정부프레임워크
2018. 3. 1. 16:34

jQgrid 란 아래 이미지 처럼 데이터를 그리드형식으로보여주는 jQuery 플러그인이다. jQgrid 는 관리자페이지또는 재고관리 등에 매우 유용하게 쓰인다. 먼저 jQgrid를 사용하기 위해서는 아래와같은설정 파일들이 필요하다 jQgrid 관련 홈페이지 에서다운받아 사용할수 있다. jQuery가 충돌 나지 않게잘 확인하고 사용하자. 1234567 cs jQgrid가 들어가는 body 태그를 보자 12345678 cs 테이블과 div 하나를 기본으로 넣자. 그리고 script부분을 채우자 123456789101112131415161718192021222324252627282930313233343536$(document).ready(function() { var cnames = ['아이디','이름','전..

한글처리 하기

Note&pen
전자정부프레임워크
2018. 2. 28. 16:49

전자정부프레임워크에서 한글이 깨지면서버에서 UTF-8을 사용하여 한글 깨짐을 방지할수 있다먼저 전자정부프레임워크 좌측에 네비게이터에서Servers 에서 server.xml을 들어가자다음 아래 부분에 URIEncoding="UTF-8" 을 두 곳에 넣어 주면된다

Paging 구현하기

Note&pen
전자정부프레임워크
2018. 2. 28. 15:36

이번엔 Paging 을 구현 해보자. 페이징을 구현하기 위해선먼저 페이징 VO가 필요하다. 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354public class CmmnVO { private static final long serialVersionUID = 1L; /*rows : 현재 페이지에 보여질 row수 page : 현재 보여질 페이지 수 totalPage : 총 페이지 수 startPage : 시작페이지수 endPage : 끝 페이지 수 pageScale : 한 페이지에 보여질 페이지 수*/ private long rows = 2; private long page = ..

1
2
3
4
5
6

Sidebar - Right

블로그 정보

Note&pen

웹 개발, 프로그래밍, 공부, 일상, 개발 Tip 관련 포스팅 블로그입니다.

공지사항

애드센스

최근 글

최근 댓글

카테고리

전체보기 (232)

태그

달력

통계

전체 :
오늘 :
어제 :

Copyright © Web All Rights Reserved

Designed by JB FACTORY

티스토리툴바