4주 실습강의 2009. 1학기, 소프트웨어 설계 및 실험(Ⅰ).

Presentation on theme: "4주 실습강의 2009. 1학기, 소프트웨어 설계 및 실험(Ⅰ)."— Presentation transcript:

1 4주 실습강의 학기, 소프트웨어 설계 및 실험(Ⅰ)

2 WCF(Windows Communication Foundation)
.Net의 여러 분산 기술들을 하나로 통합 SOA 기반의 어플리케이션 개발을 쉽게 해줌 생산성이 높음 (짧은 코드로 기능 구현 가능)

3 Linq XML,SQL 등 다양한 데이터 원본에 접근 가능 다른 데이터 원본에 같은 문법 사용
모든 .NET 프로그램에서 사용 가능

4 프로젝트 생성 Visual Studio > 새 프로젝트 -> Visual C#(Silverlight 응용 프로그램)

5 프로젝트 생성 ASP.NET 웹 응용 프로그램 프로젝트 선택
ASP.NET 서버 측에서 Linq 클래스와 WCF서비스 사용 가능

6 Linq 클래스 생성 Linq클래스 생성 솔루션 탐색기에서 SilverlightBoard.Web을 선택 -> 마우스 우클릭 -> 새 항목 추가 선택 데이터 -> LINQ to SQL 클래스 선택

7 SQL Server 연결 보기 ->서버 탐색기 -> 데이터 연결 ->
연결 추가 -> Microsoft SQL Server선택

8 SQL Server 연결 서버 이름 : SQL Server 인증사용 데이터베이스 이름 선택 연결 테스트 후 확인
이름 : exp2009 암호 : exp2009 데이터베이스 이름 선택 exp2009 연결 테스트 후 확인

9 데이터베이스 속성 가져오기 서버 탐색기에서 테이블을 드래그하여 디자인 화면으로 옮긴다. 드래그

10 WCF 생성 WCF 생성 솔루션 탐색기에서 SilverlightBoard.Web을 선택 -> 마우스 우클릭 -> 새 항목 추가 Silverlight -> Silverlight 사용 WCF 서비스

11 WCF 서비스 추가 WCF 서비스 추가 DB data Search, Insert 서비스

12 서비스 참조 추가 실버라이트 프로젝트에 서비스 참조 추가 프로젝트 빌드 후 (중요)
SilverlightBoard -> 우클릭 -> 서비스참조 검색 -> WCF서비스가 자동으로 검색됨

13 서비스 참조 추가 실버라이트 프로젝트에 참조 추가 Datagrid의 사용을 위해
SilverlightBoard -> 참조 추가 System.Windows.Controls.Data

14 실버라이트 프로젝트에 UserControl 추가
컨트롤 추가 실버라이트 프로젝트에 UserControl 추가 SilverlightBoard -> 새 항목 추가 Silverlight -> Silverlight 사용자 정의 컨트롤

15 UI 구성 UI 빌드 후 익스프레션 블렌드로 수정 DataGrid

16 UI 구성 Page.xaml DataGrid

17 UI 구성 BoardInsertControl.xaml PasswordBox

18 DB 데이터 읽어오기 코드 수정 (Visual Studio 2008) DataGrid에 DB Data를 가져와서 보여준다.
Page.xaml -> <data:DataGrid Loaded=“dgBoard_Loaded” … /> Page.xaml.cs Tab키를 눌러 자동 생성

19 새글 쓰기 새글 쓰기 Page.xaml -> button Click Event 등록 Page.xaml.cs
BoardInsertControl.xaml -> button Click Event 등록 BoardInsertControl.xaml.cs

20 새글 쓰기 새글 쓰기 InsertBtn 함수 수정 결과 :

21 글 목록 보기 새로고침 없이 바로 보여 줄 수 없을까? 변수 : public UserControl uc; 추가
BoardInsertControl.xaml.cs 변수 : public UserControl uc; 추가 InsertBtn함수 svc.GetDataCompleted += ... 추가 svc.GetDataAsycn(); 추가 svc_GetDataCompleted 함수 ((Page)uc).dgBoard.ItemsSource = e.Result; 추가 Page.xaml.cs openInsertBoard함수 boardControl.uc = this; 추가

22 Grid Column 및 바인딩 클래스 DataGrid Column을 골라 볼 수는 없을까?
DataGrid에 AutoGenerateColumns를 false로 설정 DataGridTextColumn 설정 svc_GetDataCompleted 수정(총 2군데)

23 수정, 삭제 구현 힌트 우선 UI를 만든다. Page.xaml에서 DataGrid에 SelectionChanged이벤트(Row 선택)를 등록한다. WCF서비스에서 수정, 삭제 서비스를 만든다. (서비스를 만든 후 빌드해야 정상 적용됨) Service References를 업데이트 한다.