Share via

연습: SQL Server Express 및 Visual Web Developer 2005 Express를 사용하여 응용 프로그램 만들기

  • 아티클

이 시나리오에서는 SQL Server 2005 Express Edition(SQL Server Express)을 사용하는 간단한 ASP .NET 웹 응용 프로그램을 빌드하는 방법을 보여 줍니다.

필수 구성 요소

작업

Northwind 데이터베이스 설치

  1. Northwind 웹 사이트에서 Northwind 예제 데이터베이스의 설치 스크립트를 다운로드합니다.

  2. 다운로드한 SQL2000SampleDb.msi 파일을 실행합니다. C:\SQL Server 2000 Sample Databases 폴더에 설치 스크립트를 설치합니다.

  3. 설치가 완료되면 시작 메뉴에서 실행을 클릭하고 cmd를 입력한 다음 확인을 클릭하여 명령 프롬프트를 엽니다.

  4. 명령 프롬프트에서 다음을 입력합니다.

    cd C:\SQL Server 2000 Sample Databases

    그런 다음 Enter 키를 누릅니다.

  5. 명령 프롬프트에서 다음을 입력합니다.

    sqlcmd -S .\SQLExpress -i instnwnd.sql

    그런 다음 Enter 키를 누릅니다.

    sqlcmd 도구에서 Northwind 데이터베이스의 설치 진행률을 보고한 다음 명령 프롬프트로 제어를 반환합니다.

sqlcmd 유틸리티를 사용하여 설치를 확인합니다.

  1. 데이터베이스의 설치를 확인하려면 명령 프롬프트에서 다음을 입력합니다.

    sqlcmd -S .\SQLExpress

    그런 다음 Enter 키를 누릅니다.

  2. sqlcmd 도구 프롬프트에서 다음 3개 명령을 입력합니다.

    Use Northwind
Select name from sys.Tables
Go

  3. sqlcmd 도구에서 다음을 출력합니다.

    데이터베이스 컨텍스트가 'Northwind'(으)로 변경되었습니다.

    name

    -----------------------------------------------

    Customers

    Shippers

    Suppliers

    Orders

    Products

    Order Details

    CustomerCustomerDemo

    CustomerDemographics

    Region

    Territories

    EmployeeTerritories

    Employees

    Categories

    (13개 행 적용됨)

  4. sqlcmd 도구 프롬프트에서 다음 두 명령을 입력합니다.

    Select * from Customers

    Go

  5. Customers 테이블의 모든 정보 목록이 나타납니다. 이 연습 뒷부분에서 사용할 수 있도록 이 명령 프롬프트 창을 그대로 열어 둡니다.

새 웹 사이트 만들기

  1. Visual Web Developer 2005 Express Edition을 엽니다.

  2. 파일 메뉴에서 새 웹 사이트를 선택합니다.

  3. 개발 언어(Visual Basic, Visual C# 또는 Visual J#)를 선택하고 ASP .NET 웹 사이트를 선택하고 위치 입력란에 웹 사이트의 이름 및 위치를 입력한 다음 확인을 클릭합니다. 이 예에서는 C:\Websites 디렉터리에 생성된 myWebSite라는 이름이 사용됩니다.

  4. Visual Web Developer 2005 Express에서 새 웹 사이트를 빌드하고 소스(HTML) 뷰에 Default.aspx 페이지를 표시합니다.

웹 페이지에 UI 추가

  1. Default.aspx 코드 화면의 왼쪽 아래 모퉁이에서 디자인을 클릭합니다.

  2. 도구 상자에서 데이터 탭을 선택합니다.

  3. 도구 상자의 데이터 탭에서 GridView 개체를 Default.aspx의 디자이너 뷰로 끌어 놓습니다.

데이터 소스에 웹 페이지 바인딩

  1. 웹 페이지에 GridView를 추가할 때 자동으로 나타나는 GridView 작업 대화 상자의 데이터 소스 선택에서 **<새 데이터 소스>**를 선택합니다.

  2. 데이터 소스 구성 마법사 대화 상자에서 데이터베이스를 선택하고 ID로 MyNwndDataSource를 입력한 다음 확인을 클릭합니다.

  3. 데이터 연결 선택 화면에서 새 연결을 클릭합니다.

  4. 데이터 소스 연결에서 Microsoft SQL Server를 선택합니다.

    1. 데이터 공급자에서 .NET Framework Data Provider for SQL Server를 선택합니다.
    2. 계속을 클릭합니다.

  5. 연결 추가에 SQL Server Express가 설치된 서버의 이름, 백슬래시(\) 및 인스턴스 이름을 차례로 입력합니다. 예를 들어 SQL Server Express가 기본 위치(SQLExpress 명명된 인스턴스)에 설치되어 있고 Visual Studio와 동일한 컴퓨터에 설치된 경우 Servername\SQLExpress 또는 .\SQLExpress를 입력해야 합니다.

    1. Windows 인증 사용을 선택합니다.
    2. 데이터베이스 이름 선택 또는 입력 드롭다운 목록에서 Northwind를 선택합니다.
    3. 연결 테스트를 클릭합니다. 연결을 확인하는 대화 상자가 나타납니다. 확인을 클릭합니다.
    4. 확인을 클릭하여 새 연결을 저장합니다.

  6. 데이터 연결 선택에서 다음을 클릭합니다.

  7. 응용 프로그램 구성 파일에 연결 문자열 저장 대화 상자에서 연결 문자열을 저장하도록 선택하고 이름을 myNwndConnection으로 지정합니다. 다음을 클릭합니다.

  8. Select 문 구성에서 이 응용 프로그램에서 사용할 데이터를 선택합니다. 테이블 또는 뷰의 열 지정이 선택되어 있는지 확인하고 이름 드롭다운 목록에서 Customers 테이블을 선택한 후 다음 열을 선택합니다.

    1. CustomerID
    2. CompanyName
    3. ContactName
    4. Country
    5. Phone

  9. Select 문 구성에서 고급을 클릭합니다. 고급 SQL 생성 옵션 대화 상자에서 Insert, Update 및 Delete 문 생성을 선택한 다음 확인을 클릭합니다.

  10. 다음을 클릭합니다.

  11. 쿼리 테스트 창에서 쿼리 테스트를 클릭하여 적절한 데이터가 반환되고 데이터 표에 표시되는지 확인합니다. 마침을 클릭합니다.

  12. 웹 페이지 디자이너 뷰로 돌아가면 이제 GridView에 가상 데이터가 포함된 사용할 열이 표시됩니다.

웹 사이트 테스트

  1. 시작을 클릭하거나 F5 키를 눌러 디버그 모드로 웹 사이트를 빌드하고 배포합니다. 디버깅을 사용하도록 Web.config 파일을 추가하거나 수정하라는 메시지가 나타나면 그렇게 하도록 선택한 다음 확인을 클릭합니다.

  2. Internet Explorer가 열리고 해당 웹 페이지가 표시됩니다. 웹 페이지에 GridView 및 선택한 Northwind 테이블의 데이터가 표시됩니다.

[!참고] 웹 페이지가 제대로 로드되지 않을 경우에는 웹 브라우저의 프록시 설정을 확인하십시오. 로컬 주소에 대해 프록시 서버를 사용하지 않도록 설정해야 합니다.

웹 페이지에 추가 기능 추가

  1. Internet Explorer를 닫습니다. Visual Web Developer 2005 Express Edition이 디버그 모드를 종료하고 웹 페이지 개발에 대한 제어를 반환합니다.

  2. 디자이너에서 GridView를 한 번 클릭합니다. GridView의 오른쪽 위 모퉁이에 나타난 작은 화살표를 클릭합니다. GridView 작업 대화 상자가 표시됩니다.

  3. 자동 서식을 클릭하고 원하는 서식을 선택한 다음 확인을 클릭합니다.

  4. 새 열 추가를 클릭합니다.

  5. 필드 추가 대화 상자에서 필드 형식으로 CommandField를 선택합니다. 단추 단추 유형을 선택한 다음 편집/업데이트를 선택합니다. 취소 단추 표시도 선택되었는지 확인합니다. 확인을 클릭합니다.

  6. 이제 GridView에 편집 단추가 포함된 새 열이 표시됩니다.

  7. GridView 작업에서 페이징 사용 및 정렬 사용을 선택합니다.

웹 사이트 테스트

  1. 시작을 클릭하거나 F5 키를 눌러 웹 사이트를 다시 빌드합니다.

  2. 웹 페이지에서 열 정렬 및 페이징을 테스트합니다. 열 제목을 클릭하여 오름차순 또는 내림차순으로 열을 정렬할 수 있습니다.

  3. DataGrid의 특정 행에 대해 편집을 클릭합니다. 기본 키이므로 변경할 수 없는 CustomerID를 제외한 모든 열의 값을 변경할 수 있습니다.

  4. 선택한 행에서 새 값을 입력하여 CompanyName 값을 변경합니다. 변경을 마쳤으면 해당 행에 대해 업데이트를 클릭합니다.

    변경 내용이 SQL Server Express에 기록되고 GridView가 새 정보로 업데이트됩니다.

데이터베이스 확인

  1. 열어 둔 명령 프롬프트 창에서 다음 3개 명령을 입력합니다.

    Use Northwind
Select CompanyName from Customers
Go

    sqlcmd 도구에서 각 고객의 회사 이름을 나열합니다. 변경한 CompanyName 값을 확인할 수 있습니다.