블로그 이미지
정홍주
Azure에 대한 내용뿐만 아니라 새로운 트렌드로 빅데이터, BI, SharePoint, 앱 등의 내용을 다룹니다.

calendar

      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    

Notice

2012. 3. 12. 08:30 SharePoint/SharePoint 2010

SharePoint 2010 Module

 

SharePoint 2010에서 Module 이라는 프로젝트와 항목을 볼 수 있습니다. 또는 웹 파트를 생성 할 때 webpart파일에 Module이라는 XML 요소를 확인할 수 있습니다.

개발측면에서는 Module을 통해 SharePoint 에 있는 웹 파트 갤러리나 문서 라이브러리 등에 파일을 솔루션을 통해 추가할 수 있습니다.

여기서 Module을 다루는 이유는 SharePoint 2010에서 jQuery 적용을 통한 내용을 알아 볼 것인데 그전에 Module을 통해 jquery-1.4.4..js 등의 파일과 커스텀 js 파일을 솔루션을 통해 업로드 하는 것을 알아보도록 하겠습니다.

SharePoint 2010에서는 jQuery가 기본적으로 적용되어 있지 않기 때문에 Module을 통해 배포하는 것을 먼저 다루어봅니다. 

VS 2010에서 SharePoint 2010의 빈 프로젝트를 생성합니다. 새 항목 추가를 선택해서 Module을 선택합니다. 이름은 ‘HModule’ 이라고 합니다. 

Elements.xml Module 요소를 확인할 수 있습니다.

<Elements xmlns="http://schemas.microsoft.com/sharepoint/">

  <Module Name="HModule">

    <File Path="HModule\Sample.txt" Url="HModule/Sample.txt" />

  </Module>

</Elements>

 

파일을 보관할 폴더와 파일을 HModule 아래에 생성합니다. 그러면 위의 XML이 자동으로 추가되는 것을 확인이 가능합니다. 아래처럼 변경됩니다. Sample.txt 파일을 제거했습니다. Elements.xml파일은 자동적으로 변경사항을 반영해줍니다.

<Elements xmlns="http://schemas.microsoft.com/sharepoint/">

  <Module Name="HModule">

  <File Path="HModule\images\Chrysanthemum.jpg" Url="HModule/images/Chrysanthemum.jpg" />

<File Path="HModule\css\demo.css" Url="HModule/css/demo.css" />

<File Path="HModule\js\jquery-1.6.3.min.js" Url="HModule/js/jquery-1.6.3.min.js" />

<File Path="HModule\js\jquery-1.6.3.js" Url="HModule/js/jquery-1.6.3.js" />

<File Path="HModule\HellojQuery.js" Url="HModule/Page01_HellojQuery.js" />

<File Path="HModule\HellojQuery.aspx" Url="HModule/Page01_HellojQuery.aspx" />

</Module>

</Elements>

 

배포를 실행하면 파일과 폴더는 사이트아래에 HModule이라는 폴더로 배포되게 됩니다. 확인하려면 SharePoint Designer 2010의 모든 파일에서 확인이 가능합니다.

Module 태그에서 Url을 지정하여 특정 문서 라이브러리에 업로드도 가능합니다.

<Module  Name="HModule" Url="HJ"  >

 

아래와 같이 배포된 것을 확인 가능합니다.


HModule 아래의 파일은 위 그림에서는 안보이지만 SharePoint Designer 2010에서는 나타나며 URL로 접근할 수 있습니다.

 

위에 코드 비하인드를 가진 aspx 파일도 배포가 가능합니다. Application Page를 약간 수정하여 구성하면 아래와 같이 Response.Write("<h2>Page_Load</h2>");가 실행되어 나타나게 됩니다.

 

여기서는 jQuery 파일을 통해 SharePoint 2010에서 기능을 구성하기 위해 Module을 통해 js, css, images, aspx 파일을 솔루션을 통해 배포하는 것을 알아보았습니다.


posted by 정홍주

댓글을 달아 주세요

prev 1 2 3 4 5 6 7 8 9 10 ··· 59 next