다음을 통해 공유


연습: 기본 사이트 정의 프로젝트 만들기

이 연습에서는 몇 가지 컨트롤이 포함된 비주얼 웹 파트가 있는 기본 사이트 정의를 만드는 방법을 보여 줍니다. 명확성을 위해 만드는 비주얼 웹 파트에는 몇 개의 컨트롤만 있습니다. 그러나 더 많은 기능을 포함하는 보다 정교한 SharePoint 사이트 정의를 만들 수 있습니다.

이 연습에서는 다음 작업을 수행합니다.

  • Visual Studio 프로젝트 템플릿을 사용하여 사이트 정의를 만듭니다.

  • SharePoint에서 사이트 정의를 사용하여 SharePoint 사이트를 만듭니다.

  • 솔루션에 비주얼 웹 파트를 추가합니다.

  • 새 비주얼 웹 파트를 추가하여 사이트의 default.aspx 페이지를 사용자 지정합니다.

    참고 항목

    일부 Visual Studio 사용자 인터페이스 요소의 경우 다음 지침에 설명된 것과 다른 이름 또는 위치가 시스템에 표시될 수 있습니다. 이러한 요소는 사용하는 Visual Studio 버전 및 설정에 따라 결정됩니다. 자세한 내용은 IDE 개인 설정을 참조하세요.

필수 조건

이 연습을 완료하려면 다음과 같은 구성 요소가 필요합니다.

  • 지원되는 Microsoft Windows 및 SharePoint 버전. 자세한 내용은 SharePoint 솔루션 개발 요구 사항을 참조하세요.

  • Visual Studio.

사이트 정의 솔루션 만들기

먼저 Visual Studio에서 사이트 정의 프로젝트를 만듭니다.

사이트 정의 프로젝트를 만들려면

  1. 메뉴 모음에서 파일>새로 만들기>프로젝트를 선택합니다. IDE가 Visual Basic 개발 설정을 사용하도록 설정되면 파일 메뉴에서 파일>새 프로젝트를 선택합니다.

    새 프로젝트 대화 상자가 나타납니다.

  2. Visual C# 노드 또는 Visual Basic 노드를 확장하고 SharePoint 노드를 확장한 다음 2010 노드를 선택합니다.

  3. 템플릿 목록에서 SharePoint 2010 프로젝트 템플릿을 선택합니다.

  4. 이름 상자에 TestSiteDef를 입력하고 확인 단추를 선택합니다.

    SharePoint 사용자 지정 마법사가 나타납니다.

  5. 디버깅에 사용할 사이트 및 보안 수준 지정 페이지에서 사이트 정의를 디버깅할 SharePoint 서버 사이트의 URL을 입력하거나 기본 위치(http://System Name/)를 사용합니다.

  6. 이 SharePoint 솔루션의 신뢰 수준을 선택하세요. 섹션에서 팜 솔루션으로 배포 옵션 단추를 선택합니다.

    모든 사이트 정의 프로젝트는 팜 솔루션으로 배포해야 합니다. 샌드박스 솔루션과 팜 솔루션을 비교하는 자세한 내용은 샌드박스 솔루션 고려 사항을 참조하세요.

  7. 끝내기버튼을 선택합니다.

    프로젝트가 솔루션 탐색기에 표시됩니다.

  8. 솔루션 탐색기에서 프로젝트 노드를 선택한 다음 메뉴 모음에서 프로젝트>새 항목 추가를 선택합니다.

  9. Visual C# 또는 Visual Basic 아래에서 SharePoint 노드를 확장한 다음 2010 노드를 선택합니다.

  10. 템플릿 창에서 사이트 정의 템플릿을 선택하여 이름SiteDefinition1 그대로 두고 추가 단추를 선택합니다.

비주얼 웹 파트 만들기

다음으로 사이트 정의의 기본 페이지에 표시되는 비주얼 웹 파트를 만듭니다.

비주얼 웹 파트를 만들려면

  1. 솔루션 탐색기에서 모든 파일 표시 단추를 클릭합니다.

  2. SiteDefinition1 프로젝트 노드를 선택한 다음 메뉴 모음에서 프로젝트>새 항목 추가를 선택합니다.

    새 항목 추가 대화 상자가 나타납니다.

  3. Visual C# 노드 또는 Visual Basic 노드를 확장하고 SharePoint 노드를 확장한 다음 2010 노드를 선택합니다.

  4. 템플릿 목록에서 비주얼 웹 파트 템플릿을 선택하여 기본 이름 VisualWebPart1을 그대로 두고 추가 단추를 선택합니다.

    VisualWebPart1.ascx 파일이 열립니다.

  5. VisualWebPart1.ascx의 맨 아래에 다음 태그를 추가하여 텍스트 상자, 단추 및 레이블의 세 가지 컨트롤을 양식에 추가합니다.

    <table>
      <tr>
        <td>
          <asp:TextBox runat="server" ID="tbName"></asp:TextBox>
        </td>
        <td>
          <asp:Button runat="server" ID="btnSubmit" Text = "Change Label Text" OnClick="btnSubmit_Click"></asp:Button>
        </td>
        <td>
          <asp:Label runat="server" ID="lblName"></asp:Label>
        </td>
      </tr>
    </table>
    
  6. VisualWebPart1.ascx 아래에서 VisualWebPart1.ascx.cs 파일(Visual C#의 경우) 또는 VisualWebPart1.ascx.vb(Visual Basic의 경우) 파일을 열고 다음 코드를 추가합니다.

    protected void btnSubmit_Click(object sender, EventArgs e)
    {            
        lblName.Text = tbName.Text;
    }
    

    이 코드는 웹 파트의 단추 클릭에 대한 기능을 추가합니다.

기본 ASPX 페이지에 비주얼 웹 파트 추가

다음으로, 사이트 정의의 기본 ASPX 페이지에 비주얼 웹 파트를 추가합니다.

기본 ASPX 페이지에 비주얼 웹 파트를 추가하려면

  1. default.aspx 페이지를 연 다음 WebPartPages 태그 아래에 다음 줄을 추가합니다.

    <%@ Register Tagprefix="MyWebPartControls" Namespace="TestSiteDef.VisualWebPart1" Assembly="$SharePoint.Project.AssemblyFullName$" %>
    

    이 줄은 이름 MyWebPartControls를 웹 파트 및 해당 코드와 연결합니다. Namespace 매개 변수는 VisualWebPart1.ascx 코드 파일에서 사용되는 네임스페이스와 일치합니다.

  2. </asp:Content> 요소 뒤에서 전체 ContentPlaceHolderId="PlaceHolderMain" 섹션 및 해당 내용을 다음 코드로 바꿉니다.

    <asp:Content ID="Content1" ContentPlaceHolderId="PlaceHolderMain" runat="server">
        <MyWebPartControls:VisualWebPart1 runat="server" />
    </asp:Content>
    

    이 코드는 앞서 만든 비주얼 웹 파트에 대한 참조를 만듭니다.

  3. 솔루션 탐색기에서 SiteDefinition1 노드에 대한 바로 가기 메뉴를 열고 시작 항목으로 설정을 선택합니다.

사이트 정의 솔루션 배포 및 실행

다음으로, 프로젝트를 SharePoint에 배포한 다음 프로젝트를 실행합니다.

사이트 정의를 배포 및 실행하려면

  • 메뉴 모음에서 빌드>TestSiteDef 배포를 선택합니다.

  • F5 키를 선택합니다.

    Visual Studio가 코드를 컴파일하고, 해당 기능을 추가하고, 모든 파일을 SharePoint 솔루션(WSP) 파일에 패키지한 다음 WSP 파일을 SharePoint 서버에 배포합니다. 그런 다음 SharePoint가 파일을 설치하고 기능을 활성화합니다.

사이트 정의를 기반으로 사이트 만들기

다음으로, 새 사이트 정의를 사용하여 사이트를 만듭니다.

사이트 정의를 사용하여 사이트를 만들려면

  1. SharePoint 사이트에 새 SharePoint 사이트 페이지가 나타납니다.

  2. 제목 및 설명 섹션에서 제목으로 My New Site를 입력하고 사이트에 대한 설명을 입력합니다.

  3. 웹 사이트 주소 섹션에서 URL 이름 상자에 mynewsite를 입력합니다.

  4. 템플릿 섹션에서 SharePoint 사용자 지정 탭을 선택합니다.

  5. 템플릿 선택 목록에서 SiteDefinition1을 선택합니다.

  6. 다른 설정을 기본값 그대로 두고 만들기 단추를 선택합니다.

    새 사이트가 나타납니다.

새 사이트 테스트

다음으로, 새 사이트를 테스트하여 제대로 작동하는지 확인합니다.

새 사이트를 테스트하려면

  • 기본 ASPX 페이지에서 일부 텍스트를 입력한 다음 텍스트 상자 옆에 있는 레이블 텍스트 변경 단추를 선택합니다.

    텍스트가 단추 오른쪽의 레이블에 표시됩니다.