Bài tập thực hành Lập trình trên môi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM activate form SinhVien con là đủ, còn trường hợp ngược lại sẽ tạo thể hiện của Form SinhVien con, th[r]
(1)Lab 07:
LẬP TRÌNH WINDOWS FORM KẾT NỐI CSDL CƠ BẢN A MỤC TIÊU:
Hướng dẫn sinh viên làm quen với việc xây dựng ứng dụng Windows App có kết nối với CSDL SQL Server
Sử dụng chức Data Source Configuration Wizard để tạo Data Source
Thiết kế Form nhập liệu cho bảng sở liệu
Thực thi câu truy vấn liệu ứng dụng B NỘI DUNG:
Bài tập 1: Xây dựng ứng dụng Windows Form minh họa quản lý thông tin sinh viên bản, thông tin cần quản lý bao gồm:
Thông tin sinh viên: MaSo, HoTen, NgaySinh, GioiTinh, DiaChi, DienThoai, Khoa
Thông tin môn học: MaMH, TenMH, SoTiet
Thông tin khoa: MaKhoa, TenKhoa
Tra cứu điểm môn học sinh: sinh viên có điểm với môn học tương ứng Tra cứu danh sách sinh viên theo khoa
Cơ sở liệu mô tả qua Diagram sau:
Bảng 1: Mô tả sở liệu cho ứng dụng
Yêu cầu: Viết chương trình Windows Application dạng MDI có chức sau:
Chức nhập liệu:Thông tin sinh viên, Danh mục khoa, Danh mục môn học, Điểm sinh viên
(2)Bài tập thực hành Lập trình môi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM Màn hình chương trình minh họa sau
Hình 2: Màn hình chương trình
(3)Hình 4: Màn hình nhập điểm
(4)Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM
Hình 6: Màn hình xem sinh viên thuộc khoa Hướng dẫn bản:
1 Tạo ứng dụng MDI
Thiết kế giao diện Form (đây parent Form ứng dụng) hình minh họa bên
Các chức ứng dụng thể MenuStrip ToolStrip
Mỗi chức ví dụ nhập danh sách sinh viên có hai cách thao tác: ToolStrip
(5)2 Tạo Data Source cho ứng dụng: Sử dụng chức Data Source Configuration Wizard Lưu ý: Đã có sở liệu cho ứng dụng có tên StudentDB SQL Server
Trong menu Data | Add New Data Source… open cửa sổ Data Source (Shift + Alt+D), lúc Data Source rỗng có item Add New Data Source…, Click chọn item để tiến hành cấu hình Data Source
Hình 8: Chức Add New Data Source…
Chọn Database cửa sổ Data Source Configuration Wizard
Hình 9: Chọn Database
(6)Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM
Hình 10: Chọn chức New Connection
Cấu hình cửa sổ Add Connection
Hình 11: Cấu hình connection
(7)Hình 12: Chuỗi kết nối
Lưu chuỗi kết nối file cấu hình
Hình 13: Lưu chuỗi kết nối
Chọn bảng liệu cần xử lý project:
(8)Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM
Hình 14: Chọn Table – Field… Cuối nhấn Finish để hoàn thành bước cấu hình
Sau bước cấu Data Source View có thành phần sau:
Hình 15: Cửa sổ Data Source chứa bảng - field
Trong cửa sổ Data Source chứa table field cho phép kéo thả bảng vào form, theo hai dạng: DataGridView Details
Khi kéo thả bảng vào Form, VS phát sinh chế tự động binding, cho phép user thêm, xóa, sửa thơng tin bảng tự động Update vào sở liệu thơng qua DataAdapter…
Tóm lại: Project có Data Source View cho phép thao tác CSDL Data Source 3 Tạo Form chứa chức tương ứng
(9) Khoa: Form nhập thông tin khoa
MonHoc: Form nhập danh sách môn học
Diem: Form nhập điểm cho sinh viên 3.1 Minh họa tạo Form SinhVien:
Bước 1: Tạo Form SinhVien
Bước 2: Mục đích xây dựng Form SinhVien vừa nhập thông tin dạng Details GridView nên:
o Trong Data Source View click chuột vào nút “Button Down” bảng SinhVien Sau chọn Details
Hình 17: Chỉnh bảng SinhVien dạng Detail
o Kéo bảng SinhVien thả vào SinhVien: VS phát sinh tự động label, textbox đối tượng để thực việc kết liệu bảng SinhVien với control Form
(10)Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM
Hình 19: Kết kéo thả table SinhVien vào Form
o Ta thiết kế lại form SinhVien cho thích hợp để dành khơng gian cho DataGird thêm bên control
Hình 20: Bố trí lại control Form
o Trong Data Source View kích chuột vào nút “Button Down” bảng SinhVien Sau chọn DataGridView
(11)Hình 22: Form SinhVien sau kéo bảng SinhVien dạng DataGridView
Bước 3: Tạo chức gọi Form SinhVien Form ứng dụng Trong menu item Sinh Viên ToolStrip có button “Sinh Viên”, hai chức gọi Form Sinh Vien hình Trình xử lý cho hai chức minh họa sau
Hình 23: Chức nhập ds sinh viên ToolStrip Code minh họa, có tính chất gợi ý, sinh viên hiểu tự viết lại cho
(12)Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM activate form SinhVien đủ, trường hợp ngược lại tạo thể Form SinhVien con, thiết lập quan hệ MdiParent cho form SinhVien cuối Show hình
Tương tự: Sinh viên tạo form: Khoa, Mon NhapDiem cách tương tự, sau định nghĩa trình xử lý cho button Form để gọi form con…
3.2 Tạo Form xem điểm: Form lấy mã số sinh viên A chọn truy vấn với bảng Kết Quả để lấy điểm có sinh viên A Các bước thực minh họa sau:
Bước 1: Tạo Form có tên XemDiem thiết kế form hình
Hình 24: Màn hình thiết kế Form XemDiem
Các control form binding với bảng liệu SinhVien DataSource Trong ComboBox thứ gắn với Field MaSo, ComBoBox thứ gắn với Field HoTen, Text Box cuối gắn với Field Khoa
Để thiết lập chế binding ta sử dụng thuộc tính: Data Source DisplayMember hai ComboBox Trong Data Source bảng SinhVien DisplayMember tên cột bảng SinhVien cần hiển thị
(13)Hình 25: Sử dụng Common Task để binding liệu cho ComboBox
Bước 2: Viết phần xử lý cho button Xem, phần xử lý trình xử lý kiện cho button Xem Form XemDiem
// lấy chuỗi connectionstring từ app.config string conn =
global::StudentManaging2.Properties.Settings.Default.StudentDBConnectionString; string str;
// truy vấn lấy điểm mơn học SV có mã số chọn
str = string.Format("Select TenMH, Diem From KetQua,Mon where [KetQua].MaMH =
[Mon].MaMH AND MaSo = {0}",comboBox1.Text);
SqlDataAdapter da = newSqlDataAdapter(str,conn); DataSet ds = newDataSet();
// đổ vào dataset da.Fill(ds);
// hiển thị DataGridView
dataGridView1.DataSource = ds.Tables[0];
Lưu ý: Chuỗi conn lấy phụ thuộc vào tên Project tên connectionString mà sinh viên đặt cho project mình, nên conn bên minh họa, sinh viên phải sửa lại cho với project riêng
StudentManaging2: Tên project
StudentDBConnectionString: Tên connection string khai báo trình Data Source Configuration Wizard
(14)Bài tập thực hành Lập trình mơi trường Windows Khoa CNTT- Trường ĐH CN TP.HCM
Hình 26: Chức Xem Điểm ToolStrip Form Sinh viên tự cài đặt chức này…