Բովանդակություն:

Visual Basic- ում ծրագրի ստեղծում. Վեբ դիտարկիչ `9 քայլ
Visual Basic- ում ծրագրի ստեղծում. Վեբ դիտարկիչ `9 քայլ

Video: Visual Basic- ում ծրագրի ստեղծում. Վեբ դիտարկիչ `9 քայլ

Video: Visual Basic- ում ծրագրի ստեղծում. Վեբ դիտարկիչ `9 քայլ
Video: Վեբ ծրագրավորման դասընթաց. CSS January 2022 2024, Նոյեմբեր
Anonim
Visual Basic ծրագրում ծրագրի ստեղծում. Վեբ դիտարկիչ
Visual Basic ծրագրում ծրագրի ստեղծում. Վեբ դիտարկիչ

Այս Instructable- ը բացատրում է VB. NET- ում պարզ վեբ դիտարկիչ ստեղծելու գործընթացը: Այն նախագծված է որպես իմ առաջին VB. NET Instructable- ի շարունակություն. Ստեղծեք ձեր առաջին ծրագիրը 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 Button ձևի վրա: Տեղադրեք դրանք այնպես, ինչպես նկարում են: Այնուհետև խմբագրեք TextBox- ի և WebBrowser- ի Anchor հատկությունը այնպես, որ մոխրագույն քառակուսու շուրջ բոլոր տուփերը (ցուցադրվում են խարիսխի հատկությունը խմբագրելիս) ընտրված լինեն, ինչը թույլ կտա «չափվել», երբ ձևը չափափոխվի: Նույնը արեք կոճակի համար, բայց դրեք միայն «Վերև, աջ»: Նաև փոխեք Form1- ի Text հատկությունը դեպի Web Browser կամ նման բան ՝ վերնագրի տողը փոխելու համար:

Քայլ 3: Կոդ:

Ծածկագիր!
Ծածկագիր!

Կրկնակի կտտացրեք «Կոճակ 1» -ի վրա և խմբագրին ավելացրեք հետևյալ ծածկագիրը ՝ «Անձնական ենթակետ» տողից հետո և «Ավարտի ենթակետ» տողից առաջ

WebBrowser1. Navigate (TextBox1. Text)Այս ծածկագիրը պարզապես ասում է ծրագրին. Դուք ունեք գործող վեբ դիտարկիչ: Կտտացրեք նվագարկման կոճակին ՝ այն փորձարկելու համար:

Քայլ 4: Լրացուցիչ նյութեր

Լրացուցիչ նյութեր
Լրացուցիչ նյութեր

Հիմա, դուք չէիք կարծում, որ ես պարզապես ձեզ տա՞մ մեկ տող կոդ:

  • Հասցեների բար, որը փոխվում է էջի փոփոխության հետ մեկտեղ
  • Հետ, առաջ և թարմացնելու կոճակներ
  • Կարգավիճակի բար:

Քայլ 5: Հասցե բար

Հասցե բար
Հասցե բար

Այս պահի դրությամբ հասցեատողը մնում է ցույց տալ ձեր մուտքագրած էջը, եթե կտտացրեք հղմանը, փոփոխությունը չի արտացոլվի հասցեների բարում: Դա շտկելու համար մենք պետք է ևս մի քանի կոդ ավելացնենք: Վերադառնանք դիզայնի տեսքին, կտտացրեք «Ձև 1.vb (Դիզայն)», այնուհետև կրկնակի կտտացրեք WebBrowser կառավարման վահանակի վրա: Այն կվերադառնա ծածկագրի տեսքին, սակայն այնտեղ կլինի ևս մի կոդ, նկատեք, որ այնտեղ գրված է «WebBrowser1_DocumentCompleted», սա այն կոդն է, որը մենք ցանկանում ենք, ուստի այստեղ փոփոխություններ կատարելու կարիք չունենք, բայց կա դատարկ այդ տողի տակ ՝ End Sub հայտարարությունից առաջ, և մենք ցանկանում ենք այնտեղ ավելացնել մի ծածկագիր: Մուտքագրեք հետևյալը այնտեղ

TextBox1. Text = WebBrowser1. Url. ToStringՍա տեղեկացնում է ծրագրին, որ WebBrowser1_DocumentCompleted- ի ավարտից հետո մենք պետք է փոխենք TextBox1. Text- ը դեպի WebBrowser1. Url: ToString- ը կա, քանի որ, ըստ կանխադրման, վեբ դիտարկիչի URL- ի հատկությունը նույն տիպի տիպը (տող) չէ, ինչպես դա անհրաժեշտ է մեր տեքստային դաշտում: ToString- ը գրում է URL- ը TextBox- ի տողի համար:

Քայլ 6: Գործողության կոճակներ

Գործողության կոճակներ
Գործողության կոճակներ

Վերադարձեք դիզայնի տեսքին և 3 նոր կոճակ քաշեք ձևի վրա և տեղադրեք դրանք: Փոխեք յուրաքանչյուրի տեքստի հատկությունը. Button2 = Հետ, Button3 = Փոխանցել և Button4 = Թարմացնել: Եթե դրանք տեղադրեք իմի պես, կարգավորեք Refresh- ի խարիսխի հատկությունը դեպի վերև, RightDouble- ը կտտացրեք «Հետ» կոճակին և մուտքագրեք հետևյալ ծածկագիրը:

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 հրահանգներ: Շարունակեք ծածկագրել:

Խորհուրդ ենք տալիս: