Tài liệu Hướng dẫn thực hành Công nghệ lập trình tiên tiến - ĐH Công nghệ Đồng Nai

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Khối: Đại Học và Cao Đẳng

Năm 2013

Hướng dẫn:

 Bài tập thực hành được chia theo Module

 Mỗi Module được thiết kế cho thời lượng là 36 tiết thực hành tại lớp với

sự hướng dẫn của giảng viên.

 Tùy theo số tiết phân bổ, mỗi tuần học có thể thực hiện nhiều Module.

 Sinh viên phải làm tất cả các bài tập trong các Module ở tuần tương ứng.

Những sinh viên chưa hòan tất phần bài tập tại lớp có trách nhiệm tự làm

tiếp tục ở nhà.

 Các bài có dấu (*) là các bài tập nâng cao dành cho sinh viên khá giỏi.

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

MỤC LỤC

Module 1: Thiết kế giao diện với Custom Component ................................................. 1

Module 2: Truy suất dữ liệu với LINQ ......................................................................... 15 Module 3: Truy suất dữ liệu với CodeSmith ................................................................ 33

Module 4: Thiết kế giao diện với WPF ......................................................................... 39

Module 5: .Net Remoting ............................................................................................... 54

Module 6: Danh sách đề tài ............................................................................................ 62

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Module 1: Thiết kế giao diện với Custom Component

Nội dung kiến thức thực hành:

- Thực hành Custom Control - Thực hành User Control (Composite Control) - Thực hành các control trong DotNetBar

- Tạo được Custom Control cho TextBox và xử lý sự kiện

Bài tập 1: Mục đích:

- Hãy tạo một MyTextBox kế thừa từ TextBox, MyTextBox này có đặc điểm sau:

Yêu cầu:

 Chỉ cho phép nhập số nguyên dương  Có Background mặc định là “whitesmoke”  Có kích thước mặc định: Width=150

- Background và kích thước tự thiết lập - Để MyTextBox chỉ cho phép nhập số nguyên dương ta override lại phương thức

Hướng dẫn:

- Sau khi biên dịch, MyTextBox sẽ xuất hiện ở trong ToolBox, ta kéo thả vào Form

- Để làm lẹ thì ta nên cho kế thừa từ User Control, sau đó sửa lại TextBox, chi tiết: - Bấm chuột phải vào Project/ Add New / chọn User Control …

KeyPress: private void MyTextBox_KeyPress(object sender, KeyPressEventArgs e) { e.Handled = !char.IsDigit(e.KeyChar) && !char.IsControl(e.KeyChar); }

- 1 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;

public partial class MyTextBox : UserControl { } Ta sửa thành: public partial class MyTextBox : TextBox { } - Sau đó tiến hành xóa một dòng lệnh mà Visual sẽ tự động báo lỗi (bạn thực hành đi rồi sẽ

- Để thiết lập sự kiện cho MyTextBox thì tương tự như các control khác của Visual, ta làm như sau: Chọn MyTextBox ở chế độ Design, click vào biểu tượng tia chớp có khoanh tròn màu đỏ, sau đó chọn các kiểu sự kiện mà ta mong muốn.

thấy dòng báo lỗi này, chỉ việc xóa nó đi):

- 2 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 2: Mục đích:

- Tạo được Custom Control và xử lý sự kiện cho Custom Control

- Hãy tạo một MyTextBox kế thừa từ TextBox, MyTextBox này có đặc điểm sau:  Chỉ cho phép nhập số (số nguyên âm, số nguyên dương, số thực …)  Có Background mặc định là “pink”  Có kích thước mặc định: Width=150

Yêu cầu:

- Background và kích thước tự thiết lập - Để kiểm tra một dãy số có phải hợp lệ hay không:

Hướng dẫn:

- Tạo được Custom Control cho ListBox và xử lý sự kiện

bool ret = System.Text.RegularExpressions.Regex.IsMatch(dayso, @"^[+-]?\d+(\.\d+)?$"); Với dayso hợp lệ thì ret=true, dayso có thể là: dayso= 1234.113; dayso= 0 ; dayso= 113 ; dayso= 12.13; dayso= -114; dayso= -113.1114 Bài tập 3: Mục đích:

- Hãy tạo một MyListBox kế thừa từ ListBox, MyListBox này có đặc điểm sau:

Yêu cầu:

- Nhập Text và chọn màu từ ColorDialog ListBox sẽ tô màu phần tử theo đúng yêu cầu. - 3 -

 Cho phép tô màu các phần tử tùy ý  Ứng dụng MyListBox để làm chương trình như dưới đây:

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

this.DrawMode = System.Windows.Forms.DrawMode.OwnerDrawFixed;

Hướng dẫn: public class MyListBoxItem { public MyListBoxItem(Color c, string text) { ItemColor = c; Text = text; } public Color ItemColor { get; set; } public string Text { get; set; } public override string ToString() { return this.Text; } }

public partial class MyListBox : ListBox { public MyListBox() { InitializeComponent(); } private void MyListBox_DrawItem(object sender, DrawItemEventArgs e) { if (e.Index < 0) return; e.DrawBackground(); MyListBoxItem item = this.Items[e.Index] as MyListBoxItem; if (item != null) { e.Graphics.DrawString( // Draw the appropriate text in the ListBox item.Text, // The message linked to the item this.Font, // Take the font from the listbox new SolidBrush(item.ItemColor), // Set the color 0, // X pixel coordinate e.Index * this.ItemHeight // Y pixel coordinate. Multiply the index by the ItemHeight defined in the listbox. ); } else { // The item isn't a MyListBoxItem, do something about it } } } Trong Form:

MyListBoxItem item = new MyListBoxItem(Color.Red, "Hello teo"); myListBox1.Items.Add(item);

- 4 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 4: Mục đích:

- Tạo được Custom Control cho ListBox và xử lý sự kiện

- Hãy tạo một MyListBox kế thừa từ ListBox, MyListBox này có đặc điểm sau:

Yêu cầu:

 Tự động tô màu đỏ cho những phần tử là số nguyên tố (số nguyên tố là số chỉ chia

hết cho 1 và chính nó. số 0 và số 1 không phải là số nguyên tố).

 Tự động tô màu xanh cho các số hoàn thiện (số hoàn thiện là số mà tổng các ước

số không kể nó thì bằng chính nó, ví dụ: 6=3+2+1 , 28 =14+7+4+2+1)

 Các phần tử khác (kể cả số hay là chuỗi) thì không tô màu.

Hướng dẫn: private bool isPrime(int x) //kiểm tra số nguyên tố { if (x < 2) return false; for (int i = 2; i <= Math.Sqrt(x); i++) { if (x % i == 0) return false; } return true; } private bool isPerfect(int x) //kiểm tra số hoàn thiện { int s = 0; for (int i = 1; i < x; i++) if (x % i == 0) s = s + i; return s == x; }

- 5 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 5: Mục đích:

- Tạo được Custom Control cho Button và xử lý sự kiện

- Vẽ lại các Button như hình bên dưới:

Yêu cầu:

- Trong MyButton kế thừa từ Button, ta override OnPaint giống như bên đưới (ví dụ vẽ

Hướng dẫn:

Button giống hình eclipse, tương tự cho các hình khác):

protected override void OnPaint(PaintEventArgs e) { base.OnPaint(e); SizeF textSize = e.Graphics.MeasureString(this.Text, base.Font); int textX = (int)(base.Size.Width / 2) - (int)(textSize.Width / 2); int textY = (int)(base.Size.Height / 2) - (int)(textSize.Height / 2); Rectangle newRect = new Rectangle(ClientRectangle.X + 1, ClientRectangle.Y + 1, ClientRectangle.Width - 3, ClientRectangle.Height - 3); LinearGradientBrush brush=new LinearGradientBrush (new Point(0,0),new Point(1,1),Color.Red,Color.Blue); e.Graphics.DrawString(this.Text, base.Font, brush, textX, textY); e.Graphics.DrawEllipse(new Pen(brush, 1), newRect); }

- 6 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 6: Mục đích:

- Tạo được Custom Control cho Button và xử lý sự kiện

- Thiết kế lại Button như thể hiển trong Form1 dưới đây:

- Chạy thử ứng dụng (double click vào biểu tượng dưới đây):

- Soure code ở đây (demo của codeproject.com):

Yêu cầu:

- Chi tiết xem trên trang: http://www.codeproject.com/Articles/9734/Custom-Bitmap-

Hướng dẫn:

Button-Using-C

- 7 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 7: Mục đích:

- Tạo được User Control và xử lý sự kiện

- Thiết kế User Control để sử dụng như hình dưới đây:

Yêu cầu:

- User Control trên là tổng hợp 7 control: 3 Label, 3 TextBox và 1 Panel - Khi người sử dụng nhập giá trị vào TextBox bất kỳ thì User Control phải tự động đổi

màu nền cho Panel theo đúng thông số

- Tạo một MyUserControl kế thừa UserControl, kéo thả một số control vào UserControl

Hướng dẫn:

- Viết sự kiện TextChanged cho 3 TextBox ở trên:

này:

txtBlue.TextChanged+=txt_TextChanged; txtGreen.TextChanged += txt_TextChanged; txtRed.TextChanged += txt_TextChanged;

private void txt_TextChanged(object sender, EventArgs e) { // Theo thứ tự : red , green, blue lấy từ 3 TextBox, ở đây là ví dụ red=190, green=50, // blue=120 pnColor.BackColor= Color.FromArgb(190, 50, 120); }

- 8 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 8: Mục đích:

- Tạo được User Control và xử lý sự kiện

- Thiết kế User Control để đọc tiền từ dạng số ra dạng chữ:

- User Control trên là tổng hợp 4 control: 2 Label, 2 TextBox - Khi người sử dụng nhập giá trị vào mục Tiền bằng số thì lập tức mục Tiền bằng chữ sẽ

Yêu cầu:

đọc ra giống như hình trên.

- Tạo một MyUserControl kế thừa UserControl, kéo thả một số control vào UserControl

Hướng dẫn:

- Viết hàm xử lý chuyển số thành chữ. - Trong sự kiện TextChanged của TextBox ta gọi hàm chuyển số thành chữ. - Ta nên gán mỗi ký số riêng lẻ với một chữ số cụ thể:

này.

int[] kyso = { 0, 1, 2, 3, 4, 5, 6, 7, 8, 9 }; string[] kytu1 = { "không", "một", "hai", "ba", "bốn", "năm", "sáu", "bảy", "tám", "chín" }; string[] kytu2 = { "", "mốt", "hai", "ba", "bốn", "lăm", "sáu", "bảy", "tám", "chín" }; - Ta để ý rằng: - Chỉ cần ghép các ký tự 1 và 2 lại với nhau, nhưng chú ý:

 10 đọc là Mười  11 đọc là Mười Một (không phải Mười Mốt)  1 đọc là một  20 đọc là Hai Mươi  21 đọc là Hai Mươi Mốt (không phải là Mười Một)  5 đọc là năm  15 đọc là Mười Lăm (không phải Mười Năm)  Hàng Triệu, hàng hàng trăm triệu, hàng tỉ, hàng trăm tỉ, hàng nghìn tỉ… ta phải xử lý thật khéo.

- 9 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 9: Mục đích:

- Thực hành và hiểu được các control trong DotNetBar - Thao tác với Metro Form - Thao tác với các control cơ bản của DotnetBar

- Viết chương trình quản lý sinh viên, dùng Metro Form và các control cở bản của

Yêu cầu:

- Chương trình cho phép nhập vào danh sách sinh viên - Mỗi lần bấm “Lưu”, thì sinh viên đó sẽ được hiển thị vào ListViewEx , hình ảnh của mỗi sinh viên sẽ được hiển thị tương ứng với giới tính. Chú ý nếu mã sinh viên chưa tồn tại thì tạo mới, nếu mã sinh viên đã tồn tại thì tiến hành cập nhật.

- Viết sự kiện cho ListViewEx, mỗi lần click vào sinh viên nào thì hiển thị thông tin chi

DotnetBar:

- Bấm “Xóa” để xóa sinh viên đang chọn ra khỏi ListViewEx - Bấm “Thoát” chương trình sẽ hiển thị MessageBox hỏi người sử dụng có chắc chắn

tiết của sinh viên đó ở màn hình bên phải.

muốn thoát chương trình hay không.

- Sử dụng Metro Form, GroupPanel, ListViewEx, MaskedTextBoxAdv, ButtonX,

-

Hướng dẫn:

TextBoxX, CheckBoxX ImageList để hiển thị hình ảnh tương ứng với giới tính

- 10 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 10: Mục đích:

- Thực hành và hiểu được các control trong DotNetBar - Thao tác với Metro Form - Thao tác với ComboBoxX - Thao tác với ContextMenuBar - Thao tác với ListViewEx - Thao tác với Adv Tree

- Viết chương trình quản lý sinh viên, giao diện như hình bên dưới:

- Thực hiện các chức năng trong ContextMenuBar cho Adv Tree:

Yêu cầu:

- 11 -

- Nút “Tạo Lớp Mới” cho phép tạo lớp mới và đưa vào Adv Tree - ListViewEx cho phép gom nhóm sinh viên theo lớp, mỗi lần click vào từng phần tử trong

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

ListViewEx thì sẽ hiển thị thông tin chi tiết của sinh viên vào mục bên dưới - Nút Lưu cho phép lưu thông tin sinh viên theo đúng như tên lớp đã chọn trong

ComboBoxX: Cập nhật đồng thời lên ListViewEx và AdvTree

- Sinh viên tự tạo ImageList để gán hình ảnh tương ứng với giới tính. - Mỗi lần click chuột vào từng phần tử trong Adv Tree :

 Nếu chọn vào Node gốc là “Khoa CNTT” thì liệt kê toàn bộ lớp và sinh viên gom

nhóm theo lớp vào ListViewEx

 Nếu chọn vào Node là Lớp nào đó thì liệt kê toàn bộ sinh viên của lớp đó vào

ListViewEx mà thôi

 Nếu chọn vào Node là sinh viên thì chỉ hiển thị thông tin của sinh viên đó vào

- Nút “Xóa” cho phép xóa sinh viên hiện tại, cập nhật lại ListViewEx và Adv Tree

ListViewEx mà thôi

- Viết theo hướng đối tượng: - Class Sinh Viên : Mã , tên, số điện thoại, giới tính - Class Lớp : Mã lớp, tên lớp - Dùng Dictionary hoặc ArrayList để lưu trữ danh sách - Để lấy màu vừa chọn trong ContextMenuBar: - colorPickerDropDown1.SelectedColor

Hướng dẫn:

- 12 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 11: Mục đích:

- Thực hành và hiểu được các control trong DotNetBar - Thao tác với Ribbon control, MDI Form - Và các control khác trong DotNetBar

- Thiết kế giao diện như hình bên dưới:

- Trong MDI Tab tạo 2 nút lệnh cho phép mở các Form con ở bên trong - Tương ứng với mỗi form con, hãy tạo lệnh như hình bên dưới:

Yêu cầu:

- 13 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Bài tập 12: Mục đích:

- Thực hành và hiểu được các control trong DotNetBar - Thao tác Với BubbleBar

- Thiết kế giao diện như hình dưới đây, sử dụng BubbleBar trong DotNetBar:

- Mỗi lần di chuyển chuột tới phần tử nào thì sẽ có Animation ở phần tử đó và các phần tử

Yêu cầu:

lân cận.

Bài tập 13: Mục đích:

- Thực hành và hiểu được các control trong DotNetBar - Thao tác Với các control khác trong Dotnetbar

- Sinh viên tự thực hành và làm toàn bộ các control khác của Dotnetbar, đây là bài tập về

Yêu cầu:

nhà. Sinh viên làm 18 bài trong link sau bằng C#: http://www.devcomponents.com/dotnetbar/movies.aspx#

- 14 -

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

Module 2: Truy suất dữ liệu với LINQ

Nội dung kiến thức thực hành:

- Thực hành LINQ: - Hiểu được Generic - Hiểu được Implicitly Typed Variables - Hiểu được Anonymous Types - Hiểu được Extension Methods - Hiểu được Lambda Expressions - Hiểu được LinQ to Object - Hiểu được LinQ to SQL - Sinh viên có thể tải toàn bộ ví dụ liên quan tới LINQ từ trang chính thống của Microsoft

để tham khảo: http://code.msdn.microsoft.com/101-LINQ-Samples-3fb9811b

Bài tập 1: Mục đích:

- Hiểu được Generic - Trong System.Collections.Generic; cung cấp rất nhiều class: List, Dictionary,

- Nhưng ở đây chúng ta chỉ quan tâm tới List và Dictionary, các class khác sinh viên phải

SortedList, SortedDictionary, LinkedList, HashSet….

có trách nhiệm tự nghiên cứu.

- Sử dụng List để viết chương trình như bên dưới:

- Mỗi lần click “Nhập số”: Sẽ đưa số trong TextBox vào Listbox bên trái. - Click “>>” sẽ chuyển tất cả các phần tử đang được chọn trong ListBox bên trái sang

Yêu cầu:

- Click “<<” sẽ chuyển tất cả các phần tử đang được chọn trong ListBox bên phải sang

Listbox bên phải

- Cải tiến lại chương trình: cho phép đưa bất kỳ kiểu dữ liệu nào vào Listbox (xem hình) - 15 -

Listbox bên trái

Đại Học Công Nghệ Đồng Nai Khoa Công Nghệ Thông Tin

- Thiết lập các ListBox có chế độ cho phép chọn nhiều phần tử: SelectionMode là

Hướng dẫn:

- Để List có thể chứa bất kỳ kiểu dữ liệu nào thì ta dùng List