● 3항 연산자 활용 태그 속성바꾸기
서블릿에서 넘긴 parameter에 따라 다음처럼 html 소스가 바뀐다. |
● 자바스크립트에서 문자열
|
● 3항 연산자 활용 태그 속성바꾸기
서블릿에서 넘긴 parameter에 따라 다음처럼 html 소스가 바뀐다. |
● 자바스크립트에서 문자열
|
EL, Expression Language
목차
■ 개요
EL은 JSTL 1.0 스펙에서 소개되었던 것으로 JSP 2.0부터 공식적으로 포함되었으며, JSP 페이지에 사용되는 자바코드를 대신해서 액션태그 엘리먼트
(예:<jsp:setProperty>)의 속성에 값을 지정하는 역할을 한다.
${object}
request 객체에 전달한 vo라는 자바빈즈에 getEmail() 메소드가 존재할 때 JSP의 스크립릿으로
<%Test vo = (Test)request.getAttribute("vo");%>
<%= vo.getEmail()%>
라 작성했다면 EL은 다음과 같다 :
${vo.address};
졸라 편하다.
■ 작성규칙
EL은 숫자, 문자열, boolean 값과 null 같은 상수 값(리터럴) 들도 포함할 수 있다.⋅
EL은 $ 와 표현식 그리고 브레이스 { }를 사용해서 표현한다.
- 표현 언어(EL)는 항상 『${』 로 시작해서 『}』로 끝난다.
- JSP 스크립트 내부에서 쓸 수 없다. 즉, <% %>, <%! %>, <%= %> 안에는 사용할 수 없다.
- 표현식 안에 연산식도 작성이 가능 하다.
${num + 1}
- 프로퍼티 접근 연산자 닷(dot(.)) 은 표현 언어(EL)에게 자바 빈이나 컬렉션 객체에서 다음에 오는 이름과 같은 프로퍼티를 찾게 한다.
${article['num'] + 1} or ${article["num"] + 1}
- 브라켓 연산자(bracket([ ]) operator) 를 사용해도 된다. 닷(dot(.)) 과 같다. 즉, 브라켓 연산자의 배열 형태로 객체의 변수에 접근한다.
■ 연산자
. | 빈의 프로퍼티나 맵(Map)의 엔트리 접근 |
[] | 배열이나 리스트(List) 엘리먼트 접근 |
() | 괄호. 표현식의 연산 순서를 바꿔서 연산하게 할 때 |
a ? b : c | EL의 삼항연산자. a가 true면 b, false면 c |
+ - * / % ! == != < > <= >= && || | 자바와 같다. |
empty | 빈 변수값 체크. null 혹은 빈문자열, 빈배열, 엔트리가 없는 맵이나 컬렉션이면 true |
func(args) | 함수 호출 |
■ EL에서 제공하는 내장객체
JSP 내장객체의 스코프 (0) | 2013.08.16 |
---|---|
HTML 문서에서 인자로 사용 (0) | 2013.08.16 |
Session (0) | 2013.07.29 |
Request (0) | 2013.07.29 |
JSP 개요 (0) | 2013.07.29 |
String path = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+cp; |
위에서 각 메서드는
getScheme() → http
getServerName() → localhost
getServerPort() → 9090
getContextPath() → test
처럼 값을 가져오며 아래처럼 출력한다.
http://localhost:9090/test
서블릿에서 out.print() (0) | 2013.08.16 |
---|---|
tag : core (0) | 2013.08.16 |
None Annotation 스프링 MVC 예제 (abstract, multiaction) (0) | 2013.07.29 |
MVC 관련 핸들러 매핑 및 컨트롤러 (0) | 2013.07.29 |
액션 태그와 커스텀 태그 (0) | 2013.07.29 |
출처 : http://www.oesmith.co.uk/morris.js/index.html
jQuery 차트를 만드는 방법
1. 추가
2. <div>
3. <script>
var nReloads = 0; function data(offset) { var ret = []; for (var x = 0; x <= 360; x += 10) { var v = (offset + x) % 360; ret.push({ x: x, y: Math.sin(Math.PI * v / 180).toFixed(4), z: Math.cos(Math.PI * v / 180).toFixed(4) }); } return ret; } var graph = Morris.Line({ element: 'graph', data: data(0), xkey: 'x', ykeys: ['y', 'z'], labels: ['sin()', 'cos()'], parseTime: false, ymin: -1.0, ymax: 1.0, hideHover: true }); function update() { nReloads++; graph.setData(data(5 * nReloads)); $('#reloadStatus').text(nReloads + ' reloads'); } setInterval(update, 200);
4. 실행화면
기본적인 꺽은선 그래프이다.
추가적인 그래프를 원할 경우 examples.zip의 samaple파일을 확인해보자.
chart 관련 사이트모음 (1) | 2013.07.31 |
---|
http://codegeekz.com/best-jquery-chart-libraries-for-building-interactive-charts/
chart.Js : http://www.chartjs.org/docs/
xCharts : http://tenxer.github.io/xcharts/
jqPlot : http://www.jqplot.com/
wijmo javascript api : http://wijmo.com/docs/wijmo/webframe.html#Linechart.html
google : https://developers.google.com/chart/?hl=ko&csw=1
최신모음 : http://socialcompare.com/en/comparison/javascript-graphs-and-charts-libraries
jQuery moris.js(free-license) (0) | 2013.07.31 |
---|