Tạo chương trình trong Visual Basic: Trình duyệt web: 9 bước

2024 Tác giả: John Day | [email protected]. Sửa đổi lần cuối: 2024-01-30 13:36

Có thể hướng dẫn này giải thích quá trình tạo một ứng dụng trình duyệt web đơn giản trong VB. NET Nó được thiết kế như một phần tiếp theo cho VB. NET có thể hướng dẫn đầu tiên của tôi: Tạo chương trình đầu tiên của bạn trong Visual Basic. Bạn nên đọc qua hướng dẫn đó trước, vì hướng dẫn này giả định rằng bạn có kiến thức cơ bản về Giao diện Visual Basic Express Edition, như được đề cập trong hướng dẫn khác của tôi. Visual Basic 2008 Express Edition, có sẵn từ Microsoft

Bước 1: Tạo dự án

Tạo một Dự án Windows Forms mới và gọi nó là Trình duyệt Web. Thay đổi kích thước biểu mẫu theo ý thích của bạn.

Bước 2: Thêm Điều khiển và Thay đổi Thuộc tính

Từ hộp công cụ, kéo TextBox, WebBrowser và A Button vào biểu mẫu. Đặt chúng giống như trong hình. Sau đó, chỉnh sửa thuộc tính Anchor của TextBox và WebBrowser để tất cả các hộp xung quanh hình vuông màu xám (hiển thị khi bạn chỉnh sửa thuộc tính neo) được chọn, điều này sẽ cho phép các điều khiển 'kéo dài' khi biểu mẫu được thay đổi kích thước. Thực hiện tương tự đối với Nút, nhưng chỉ đặt nó thành "Trên cùng, Bên phải". Ngoài ra, hãy thay đổi thuộc tính Văn bản của Form1 thành Trình duyệt Web hoặc một cái gì đó tương tự để thay đổi thanh tiêu đề.

Bước 3: Mã

Nhấp đúp vào Button1 và thêm mã sau vào trình chỉnh sửa, sau dòng "Sub riêng tư" và trước dòng "End Sub"

WebBrowser1. Navigate (TextBox1. Text)Đoạn mã này chỉ đơn giản là cho chương trình biết: Khi ai đó nhấp vào Button1, Tải xuống WebBrowser để Điều hướng đến bất kỳ thứ gì có trong TextBox1 Đó là Nó! Bạn có một trình duyệt web đang hoạt động. Nhấp vào nút phát để kiểm tra nó.

Bước 4: Nội dung khác

Bây giờ, bạn không nghĩ rằng tôi sẽ chỉ cung cấp cho bạn một dòng mã - phải không? Trong vài bước tiếp theo, chúng tôi sẽ triển khai những điều sau:

• Thanh địa chỉ thay đổi khi trang thay đổi
• Các nút quay lại, chuyển tiếp và làm mới
• Thanh trạng thái.

Bước 5: Thanh địa chỉ

Hiện tại, tất cả những gì thanh địa chỉ thực hiện là hiển thị trang bạn nhập vào, nếu bạn nhấp vào một liên kết, thay đổi không được phản ánh trong thanh địa chỉ. Để khắc phục điều này, chúng ta cần thêm một số mã nữa Quay lại chế độ xem thiết kế, nhấp vào "Biểu mẫu 1.vb (Thiết kế)" và sau đó nhấp đúp vào điều khiển WebBrowser. Nó sẽ chuyển về chế độ xem mã, tuy nhiên sẽ có thêm một số mã ở đó, lưu ý rằng nó nói "WebBrowser1_DocumentCompleted", đây là mã chúng tôi muốn, vì vậy chúng tôi không cần thực hiện bất kỳ thay đổi nào ở đây, nhưng có một khoảng trống dưới câu lệnh đó, trước câu lệnh End Sub và chúng tôi muốn thêm một số mã vào đó. Nhập nội dung sau vào đó

TextBox1. Text = WebBrowser1. Url. ToStringĐiều này cho chương trình biết rằng sau khi WebBrowser1_DocumentCompleted, chúng ta nên thay đổi TextBox1. Text thành WebBrowser1. Url. ToString ở đó bởi vì, theo mặc định, thuộc tính URL của trình duyệt web không cùng kiểu dữ liệu (chuỗi), khi hộp văn bản của chúng tôi cần. ToString ghi URL vào một chuỗi cho TextBox.

Bước 6: Các nút hành động

Chuyển về chế độ xem thiết kế và kéo 3 nút mới vào biểu mẫu và định vị chúng. Thay đổi thuộc tính Văn bản của mỗi: Button2 = Quay lại, Nút3 = Chuyển tiếp và Button4 = Làm mới. Nếu bạn định vị chúng giống như của tôi, hãy điều chỉnh thuộc tính neo của Làm mới lên trên cùng, Nhấp đúp chuột phải vào nút Quay lại và nhập mã sau.

WebBrowser1. GoBack () Quay lại thiết kế, nhấp đúp vào Chuyển tiếp và nhập

WebBrowser1. GoForward ()Chế độ xem thiết kế và nhấp đúp để Làm mới

WebBrowser1. Refresh ()Kiểm tra trình duyệt và thử các tính năng mới.

Bước 7: Thanh trạng thái

Quay lại chế độ xem thiết kế, thêm nhãn, thay đổi Văn bản thành "Đang tải…" (không có dấu ngoặc kép) Bây giờ, hãy chuyển sang chế độ xem mã bằng cách nhấp vào tab Form1.vb. Tìm mục nhập WebBrowser1_DocumentCompleted và nhập vào bên dưới mã bạn đã đặt ở đó trước đó

Label1. Text = "Xong"Bây giờ, hãy nhấp vào nơi mã cho biết DocumentCompleted. Di chuyển chuột lên vị trí của hai hộp thả xuống. Chọn cái thứ hai (Cái có nội dung DocumentCompleted) và chọn Điều hướng. Sau đó, một số mã mới sẽ xuất hiện - typ

Label1. Text = "Đang tải"Điều này chỉ cung cấp một chỉ báo khi trang đang tải. Ngoài ra, bạn có thể muốn đặt thuộc tính neo của nhãn.

Bước 8: Hoàn thiện

Của bạn đây. Bạn có một trình duyệt web hoạt động đầy đủ. Tiếp tục tùy chỉnh nó như bạn muốn. Như trong hướng dẫn đầu tiên của tôi. Tôi có một số bài tập về nhà dành cho những ai hoàn thành phần hướng dẫn này.

• Một chức năng nhà
• Thay đổi nút Làm mới thành nút Dừng khi một trang đang tải.

Tôi hy vọng rằng những dự án này đã cho bạn thấy nó dễ dàng như thế nào để lập trình!

Bước 9: Giải pháp

Đối với những người đã hoàn thành VB hướng dẫn đầu tiên của tôi - Tôi có các giải pháp cho bài tập về nhà mà tôi đã đặt ở cuối.

Thay đổi màu nền

Điều này rất đơn giản - Thay đổi thuộc tính BackColour của Form1 thành một màu khác

Thêm một số thông tin bản quyền

Một nhãn mới với thuộc tính văn bản được thay đổi sẽ thực hiện thủ thuật

Thực hiện thay đổi kích thước biểu mẫu với Hình ảnh

Thay đổi AutoSize thành True và AutoSizeMode thành GrowAndShrinkDone! Vẫn tiếp tục xảy ra: Tôi sẽ tạo thêm một số VB. NET Guiductables. Tiếp tục mã hóa!