봄 - 참조 정적 리소스

왜 정적 리소스를 사용

팀 개발 과정에서 팀 구성원은 자신의 부서가있다. 충돌을 방지하기 위해 시도하는 코드를 작성하는 과정에서, 코드의 다양한 유형을 분리하려고합니다. 따라서, 파일보기에, 최대한 꺼내 javascript, css외부 파일에 코드를 다음 팔로우 静态资源(미나토 더 의미없는 단어, 무시 될 수있다) 참조.

정적 자원 경로 구성

수정 srcmainresourcesspringapplicationContext-mvc.xml, 파일을 정적 리소스 참조 경로를 추가 :

1 2 3 4

<MVC : 자원 매핑 = "/ 자원 / **"위치 = "/ WEB-INF / 자원 /"/> <MVC : 자원 매핑 = "/ 이미지 / **"위치 = "/ WEB-INF / 이미지 /" /> <MVC : 자원 매핑 = "/ JS / **"위치 = "/ WEB-INF / JS /"/>

참고 정적 리소스

정적 자원 도로 왕을 구성한 후, 할 수있다 jsp, html및 기타 리소스 페이지 뷰에서 참조.
에 echarts라이브러리, 예를 들어, 다운로드 echarts.min.js의 파일 srcmainwebappWEB-INFresourcesjavascript디렉토리, 편집보기 파일 참조 echarts:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46

< % @ 페이지 의 contentType = "text / html과" pageEncoding = "UTF-8" %> < % 문자열 경로 = request.getContextPath (); 문자열 basePath = request.getScheme () + " : //"+ request.getServerName () + " : "+ request.getServerPort () + 경로 + "/"; 大专栏스프링 -引用静态资源 %>   "http://www.w3.org/TR/html4/loose.dtd"> < HTML > < 머리 > < 메타 HTTP-당량 = "Content-Type을" 내용 = "text / html과; 문자셋 = UTF-8" > < 스크립트 SRC = "<% = basePath %> 자원 / 자바 스크립트 / 차트 / echarts. min.js " > </ 스크립트 > < 제목 > JSP 페이지 </ 제목 > </ 머리 > < 몸 > < H1 > 안녕하세요! </ H1 > < DIV ID = "메인" 스타일 = "폭 : 600 픽셀, 높이 400 픽셀;" > </ DIV > < 스크립트 유형 = "텍스트 / 자바 스크립트" > // 기반 준비 DOM, 인스턴스 초기화 echarts의 var에 myChart = echarts.init ( 문서 .getElementById ( '주' )); // 구성 및 데이터 그래프의 지정 VAR 옵션 = { 제목 : { 텍스트 : 'ECharts 예를 시작할' }, {} : 도구 설명 전설 : { 데이터 : [ '판매' ] }, x 축 : { 데이터 : "셔츠 " , "스웨터 " , "쉬폰 셔츠 " , "바지 " , "신발 " , "양말 " ] }, y 축 : {}, 시리즈 :[{ 이름 : "판매" , 형식 : "바" , 데이터 :. 5, 20 10, 10, 36이며, 20] }] }; //은 지정된 구성 항목과 데이터 차트를 사용합니다. myChart.setOption (옵션); </ 스크립트 > </ 몸 > </ HTML >