Სარჩევი:

პროგრამის შექმნა Visual Basic– ში: ვებ ბრაუზერი: 9 ნაბიჯი
პროგრამის შექმნა Visual Basic– ში: ვებ ბრაუზერი: 9 ნაბიჯი

ვიდეო: პროგრამის შექმნა Visual Basic– ში: ვებ ბრაუზერი: 9 ნაბიჯი

ვიდეო: პროგრამის შექმნა Visual Basic– ში: ვებ ბრაუზერი: 9 ნაბიჯი
ვიდეო: Python Web Apps with Flask by Ezra Zigmond 2024, ნოემბერი
Anonim
პროგრამის შექმნა Visual Basic– ში: ვებ ბრაუზერი
პროგრამის შექმნა Visual Basic– ში: ვებ ბრაუზერი

ეს ინსტრუქცია განმარტავს VB. NET– ში მარტივი ვებ ბრაუზერის პროგრამის შექმნის პროცესს, რომელიც შექმნილია როგორც ჩემი პირველი VB. NET ინსტრუქციის შემდგომი მოქმედება: შექმენით თქვენი პირველი პროგრამა Visual Basic– ში. მიზანშეწონილია, რომ წაიკითხოთ ეს ინსტრუქცია ჯერ, რადგან ეს ინსტრუქცია ვარაუდობს, რომ თქვენ გაქვთ ძირითადი ცოდნა Visual Basic Express Edition ინტერფეისის შესახებ, როგორც ეს მოცემულია ჩემს სხვა ინსტრუქციებში. მიუხედავად იმისა, რომ Visual Basic 2005 Express Edition კარგად მუშაობს ამ ინსტრუქციისთვის, მე ვიყენებ Visual Basic 2008 Express Edition, ხელმისაწვდომია Microsoft– ისგან

ნაბიჯი 1: შექმენით პროექტი

შექმენით პროექტი
შექმენით პროექტი

შექმენით ახალი Windows Forms Project და უწოდეთ მას ვებ ბრაუზერი. შეცვალეთ ფორმა თქვენი სურვილისამებრ.

ნაბიჯი 2: დაამატეთ კონტროლი და შეცვალეთ თვისებები

დაამატეთ კონტროლი და შეცვალეთ თვისებები
დაამატეთ კონტროლი და შეცვალეთ თვისებები

ინსტრუმენტთა ყუთიდან გადაიტანეთ TextBox, WebBrowser და A ღილაკი ფორმაზე. განათავსეთ ისინი ისე, როგორც სურათზეა. შემდეგ, შეცვალეთ TextBox და WebBrowser წამყვანის თვისება ისე, რომ ნაცრისფერი კვადრატის ირგვლივ არსებული ყველა ყუთი (ნაჩვენებია წამყვანის თვისების რედაქტირებისას) შეირჩეს, ეს საშუალებას მისცემს კონტროლს 'გაჭიმოს' ფორმის ზომის შეცვლისას. იგივე გააკეთეთ ღილაკზე, მაგრამ დააყენეთ მხოლოდ "ზედა, მარჯვენა". ასევე შეცვალეთ Form1 ტექსტის თვისება ვებ ბრაუზერში, ან მსგავსი რამ სათაურის ზოლის შესაცვლელად.

ნაბიჯი 3: კოდი

კოდი!
კოდი!

ორჯერ დააწკაპუნეთ ღილაკზე 1 და დაამატეთ შემდეგი კოდი რედაქტორს, "პირადი ქვე" ხაზის შემდეგ და "ბოლო ქვე" ხაზის წინ

WebBrowser1. Navigate (TextBox1. Text)ეს კოდი უბრალოდ ეუბნება პროგრამას: როდესაც ვინმე დააწკაპუნებს ღილაკზე 1, მიიღეთ WebBrowser ნავიგაციისთვის, რაც TextBox1- შია, ეს არის! თქვენ გაქვთ ბრაუზერი, რომელიც მუშაობს. დააწკაპუნეთ პიესის ღილაკზე, რომ გამოსცადოთ.

ნაბიჯი 4: მეტი მასალა

მეტი პერსონალი
მეტი პერსონალი

ახლა, თქვენ არ ფიქრობდით, რომ მე უბრალოდ მოგცემთ კოდის ერთ ხაზს - არა? მომდევნო რამდენიმე ნაბიჯის განმავლობაში, ჩვენ განვახორციელებთ შემდეგს:

  • მისამართების ზოლი, რომელიც იცვლება გვერდის შეცვლისას
  • უკან, წინ და განახლების ღილაკები
  • სტატუსის ზოლი.

ნაბიჯი 5: მისამართი ბარი

მისამართი ბარი
მისამართი ბარი

ამ დროისთვის, მისამართების ზოლს მხოლოდ აქვს აჩვენებს გვერდი, რომელსაც თქვენ აკრიფებთ, თუ დააწკაპუნებთ ბმულზე, ცვლილება არ აისახება მისამართების ზოლში. ამის გამოსასწორებლად, ჩვენ უნდა დავამატოთ კიდევ რამდენიმე კოდი დაუბრუნდით დიზაინის ხედს, დააწკაპუნეთ "ფორმა 1.vb (დიზაინი)" და შემდეგ ორჯერ დააწკაპუნეთ ვებ ბრაუზერის კონტროლზე. ის დაუბრუნდება კოდის ხედს, თუმცა იქ იქნება კიდევ რამდენიმე კოდი, გაითვალისწინეთ რომ ნათქვამია "WebBrowser1_DocumentCompleted", ეს არის კოდი, რომელიც ჩვენ გვინდა, ამიტომ ჩვენ არ გვჭირდება რაიმე ცვლილების შეტანა აქ, მაგრამ არის ცარიელი ხაზის ქვეშ ერთი, End Sub განცხადებამდე, და ჩვენ გვსურს დავამატოთ კოდი იქ. ჩაწერეთ შემდეგი იქ

TextBox1. Text = WebBrowser1. Url. ToStringეს ეუბნება პროგრამას, რომ WebBrowser1_DocumentCompleted ერთხელ, ჩვენ უნდა შევცვალოთ TextBox1. ტექსტი WebBrowser1. Url. ToString არის იქ, რადგან, სტანდარტულად, ვებ ბრაუზერის URL თვისება არ არის იგივე მონაცემების ტიპი (სტრიქონი), როგორც ეს საჭიროა ჩვენი ტექსტის ყუთში. ToString წერს URL ტექსტს ყუთში.

ნაბიჯი 6: მოქმედების ღილაკები

სამოქმედო ღილაკები
სამოქმედო ღილაკები

დაუბრუნდით დიზაინის ხედს და გადაიტანეთ 3 ახალი ღილაკი ფორმაზე და განათავსეთ ისინი. შეცვალეთ თითოეული მათგანის ტექსტის თვისება: Button2 = უკან, Button3 = წინ და Button4 = განახლება. თუ თქვენ განათავსებთ მათ ჩემს მსგავსად, შეცვალეთ Refresh- ის წამყვანი თვისება ზევით, მარჯვენა ორჯერ დააწკაპუნეთ უკან ღილაკზე და ჩაწერეთ შემდეგი კოდი.

WebBrowser1. GoBack () დიზაინზე დაბრუნება, ორჯერ დააწკაპუნეთ წინ და ტიპი

WebBrowser1. GoForward ()დიზაინის ხედი და ორმაგი დაწკაპუნება განახლებისთვის

WebBrowser 1. განახლება ()შეამოწმეთ ბრაუზერი და სცადეთ ახალი ფუნქციები.

ნაბიჯი 7: სტატუსის ზოლი

სტატუსის ბარი
სტატუსის ბარი

დაუბრუნდით დიზაინის ხედს, დაამატეთ ეტიკეტი, შეცვალეთ ტექსტი "იტვირთება …" (ბრჭყალების გარეშე) ახლა კი გადადით კოდის ხედზე Form1.vb ჩანართზე დაჭერით. იპოვეთ WebBrowser1_DocumentCompleted ჩანაწერი და ჩაწერეთ ქვემოთ განთავსებული კოდის ქვემოთ

Label1. Text = "შესრულებულია"ახლა დააწკაპუნეთ იქ, სადაც კოდი ამბობს DocumentCompleted. გადაიტანეთ მაუსი იქ, სადაც არის ორი ჩამოსაშლელი ყუთი. აირჩიეთ მეორე (ის, სადაც ნათქვამია DocumentCompleted) და აირჩიეთ ნავიგაცია. შემდეგ გამოჩნდება ახალი კოდი - typ

Label1. Text = "იტვირთება"ეს უბრალოდ იძლევა მაჩვენებელს, როდესაც გვერდი იტვირთება. ასევე, შეიძლება დაგჭირდეთ ლეიბლის წამყვანის თვისების დაყენება.

ნაბიჯი 8: შეავსეთ

შეავსეთ!
შეავსეთ!

Ესეც ასე. თქვენ გაქვთ სრულად ფუნქციონირებადი ბრაუზერი. განაგრძეთ მისი მორგება, როგორც გსურთ. როგორც ჩემს პირველ ინსტრუქციებშია. მე მაქვს საშინაო დავალება მათთვის, ვინც შეასრულა ეს სასწავლო. განახორციელეთ შემდეგი:

  • სახლის ფუნქცია
  • შეცვალეთ განახლების ღილაკი გაჩერების ღილაკზე, როდესაც გვერდი იტვირთება.

ვიმედოვნებ, რომ ამ პროექტებმა გაჩვენეთ რამდენად ადვილია პროგრამირება!

ნაბიჯი 9: გადაწყვეტილებები

გადაწყვეტილებები
გადაწყვეტილებები

მათთვის, ვინც შეასრულა ჩემი პირველი VB სასწავლო - მე მაქვს გადაწყვეტილებები საშინაო დავალებისთვის, რომელიც მე ბოლოს დავასრულე.

შეცვალეთ ფონის ფერი

ეს მარტივია - შეცვალეთ Form1– ის თვისება BackColour სხვა ფერში

დაამატეთ საავტორო უფლებების შესახებ ინფორმაცია

ახალი იარლიყი ტექსტის თვისებით შეიცვლება

გააკეთეთ ფორმა სურათის ზომის შეცვლით

შეცვალეთ AutoSize True და AutoSizeMode GrowAndShrinkDone! ჯერ კიდევ წინ: მე შევქმნი კიდევ რამდენიმე VB. NET ინსტრუქციას. განაგრძეთ კოდირება!

გირჩევთ: