PHẦN 2: HIỆN THỰC ỨNG DỤNG 4.1.Giới thiệu ứng dụng
4.2.Các thành phần của chương trình
Chương trình là một website được thiết kế trên nền Visual Studio 2005, ngôn ngữ lập trình C#, gồm có 1 Form chính làm trang chủ và 6 UserControl.
4.2.1. Trang chủ : default.aspx
♦ Hiển thị giao diện giao tiếp với người dùng
♦ Từ trang chủ người dùng sẽ chọn các chức năng cần thao tác(được hiển thị thông qua các Hyperlink)
♦ Từ chức năng người dùng chọn,các UserControl sẽ được hiển thị để đáp ứng chức năng tương ứng.
Hình 1. Thiết kế giao diện trang default.aspx
♦ DrawDiagram.ascx :
o Design: Khung hiển thị hình vẽ sơ đồ lớp đối tượng
o DrawDiagram.ascx.cs: Định nghĩa phương thức drawall để vẽ sơ
đồ lớp đối tượng, đồng thời sử dụng phương thức này nếu đã có đối tượng trong sơ đồ. Nếu không hiển thị hình vẽ mặc định (chưa có đối tượng)
Hình 2. Thiết kế giao diện DrawDiagram.ascx ♦ GetXML.ascx
o Design: Chứa khung nhập cho phép người dùng nhập thông tin sơ
đồ lớp đối tượng từ mã XML, và khung hiển thị mã XML của sơ đồ lớp đối tượng.
o GetXML.ascx.cs:Khi người dùng chọn chức năng :Tạo sơ đồ từ mã
XML hoặc Lấy mã XML của sơ đồ thì khung hiển thị tương ứng sẽ
được thể hiện. Thuộc tính strXML của đối tượng sẽ được dùng để hiển thị mã XML của sơ đồ . Phương thức parseXml được dùng để chuyển mã Xml thành sơ đồ lớp.
Hình
♦ GioiThieu.ascx
o Dùng hiển thị bài giới thiệu về chương trình khi người dùng chọn chức năng giới thiệu.
Hình 3. Thiết kế giao diện GioiThieu.ascx ♦ GiupDo.ascx:
o Hiện thông tin hỗ trợ người dùng sử dụng chương trình
Hình 4. Thiết kế giao diện GiupDo.ascx ♦ ThemDoiTuong.ascx
o Design: Hiện form nhập cho người dùng nhập thông tin lớp đối
tượng.
o ThemDoiTuong.ascx.cs:Lấy thông tin người dùng nhập,khởi tạo
Hình 5. Thiết kế giao diện ThemDoiTuong.ascx ♦ ThemQuanHe.ascx
o Design: Hiện form nhập cho người dùng nhập thông tin về quan hệ
cần thêm..
o ThemQuanHe.ascx.cs: Lấy thông tin người dùng nhập,khởi tạo
Hình 6. Thiết kế giao diện ThemQuanHe.ascx • LienHe.ascx
Hình 7. Thiết kế giao diện LienHe.ascx • QLLienHe.ascx: (adsbygoogle = window.adsbygoogle || []).push({});
o Cập nhật thông tin liên hệ từ người dùng
Hình 8. Thiết kế giao diện QLLienHe.ascx