웹포넌트 제품(그리드, 차트)를 구매 혹은 트라이얼을 다운로드 후 압축을 풀어 줍니다.
압축이 풀어진 폴더를 적용할 프로젝트 디렉토리에 추가 합니다.
제품을 구매하신 분은 웹포넌트 서포트 페이지 내 마이페이지에서 라이센스를 복사합니다.
트라이얼을 다운받으신 분은 메일에 함께 동봉되어진 라이센스를 복사합니다.
자신의 프로젝트 ROOT 에 webponent.licenseKey.js 파일을 만들고 그 파일에 복사한 라이센스를 붙여넣기 합니다.
- 외부 항목 기본경로
{ROOT}/WEB-INF/webponent/
- 서블릿 등록 (web.xml)
<servlet> <servlet-name>ExportConroller</servlet-name> <servlet-class>webponent.export.controller.ExportServlet</servlet-class> </servlet> <servlet-mapping> <servlet-name>ExportConroller</servlet-name> <url-pattern>/WEB-APP/export/*</url-pattern> </servlet-mapping>
- export.config.properties : Webponent.export module에서 사용되는 Class 경로, 필요 옵션 설정
- webponent.comm.export.js : 소스코드내 submitObject.url 을 web.xml에 매핑된 경로의 image로 설정
ex : /WEB-APP/export/image
- PhantomJS driver
WEB-INF/webponent/export/js/capture.js
- PDF template <XML>
WEB-INF/webponent/export/pdf-template.xml
{ROOT}/WEB-INF/lib/
- Jxl
- batik
- poi
poi-ooxml
poi-ooxml-schemas (로컬 테스트할 때 없으면 에러)
webPonent Chart는 jquery기반이므로 관련 파일을 먼저 로드해야 합니다.
<script src="jquery.min.js"></script>
IE7,8 에서 동작하기 위해 raphaeljs 라이브러리도 로드합니다.
<script src="raphael.js"></script>
comm/webponent.comm.common.js 파일은 자주사용하는 formatting function들이 정의되어 있습니다.
예를 들어 1000의 숫자를 1,000 으로 표시되게하는 format() 등이 정의되어 있는데
이를 사용하지 않는다면 로드시키지 않아도 됩니다.
<script src="comm/webponent.comm.common.js"></script>
일반 Chart는 webponent.chart.js
Visualization은 webponent.visual.[visualization type].js 명을 사용합니다.
<script src="webponent.chart.js"></script> <script src="webponent.visual.pie.js"></script>