SharePoint 2010의 Module

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 파일을 솔루션을 통해 배포하는 것을 알아보았습니다.