Ang iyong Unang ASP.NET Web Application: Paano Magsimula

Ang iyong Unang ASP.NET Web Application: Paano Magsimula

Ang ASP.NET ay ang libreng cross-platform framework ng Microsoft para sa pagbuo ng mga web app at serbisyo. Ang ASP.NET platform ay isang extension sa .NET, isang platform ng developer ng mga tool, wika ng programa, at mga library na ginagamit upang bumuo ng iba't ibang mga application.





Tulad ng malamang na nahulaan mo, ang ASP.NET ay isang kamangha-manghang framework na maaaring magamit ng mga nagsisimula upang bumuo ng mga web app. Nag-aalok ito ng maraming kakayahang umangkop at madaling gamitin. Sa artikulong ito, tutulungan ka naming lumikha ng iyong unang web pplication sa ASP.NET gamit ang Microsoft Visual Studio.



Ano ang ASP.NET?

Ang ASP ay nangangahulugang 'Mga Pahina ng Aktibong Server'; Ang ASP at ASP.NET ay mga teknolohiya ng server-side na ginamit upang ipakita ang mga interactive na web page. Nagbibigay ang ASP.NET ng mga developer ng maraming kakayahang umangkop sa isang malaki, maraming nalalaman na ecosystem na may iba't ibang mga aklatan at tool. Maaari ring lumikha ang mga developer ng mga pasadyang aklatan na maaari nilang ibahagi sa anumang application na nilikha sa platform na .NET.





Kaugnay: Mga Web Framework na Worth Learning para sa mga Developers

Maaari mong isulat ang back-end code para sa iyong mga ASP.NET application sa C #, Visual Basic, o kahit F #. Pinapayagan ng kakayahang umangkop na ito na ma-code nang epektibo ang layer ng negosyo at layer ng pag-access ng data. Ang isa pang makabuluhang bentahe ng paggamit ng ASP.NET ay pagbuo ng mga dynamic na web page na gumagamit ng C # sa tulong ng isang webpage templating syntax tool na kilala bilang Razor.



kung paano gawing mas matagal ang mga headphone

Nagbibigay din ang Razor ng isang syntax para sa paglikha ng mga interactive na web page na dinamikong nagsasama ng HTML, CSS, JavaScript, at C #. Ang code ng panig ng kliyente ay karaniwang nakasulat sa JavaScript, at ang ASP.NET ay maaaring isama sa iba pang mga balangkas ng web tulad ng Angular o React.

Kaugnay: Tailwind CSS kumpara sa Bootstrap: Alin ang Mas Mabuting Framework?



Nagbibigay din ang ASP.NET ng mga developer ng isang sistema ng pagpapatotoo na may kasamang isang database, aklatan, mga template para sa pamamahala ng mga pag-login, panlabas na pagpapatotoo sa Google, Facebook, atbp, at marami pa. Maaaring magamit ng mga developer ang ASP.NET sa lahat ng mga pangunahing platform, kabilang ang Windows, Linux, macOS, at maging ang Docker.

Paano Lumikha ng isang ASP.NET Web Application sa Visual Studio

Bago lumikha ng isang web application, pinakamahusay na pamilyarin mo ang iyong sarili sa HTML, CSS, JavaScript, at C #, upang masulit mo ang ASP.NET. Tingnan natin kung paano ka makakalikha ng isang web application sa ASP.NET sa Microsoft Visual Studio 2019.



Tiyaking mayroon kang mga sumusunod na mga pakete ng software na naka-install:

kung paano makahanap ng mga naka-install na programa sa windows 10
  • Microsoft Visual Studio 2019 o mas mahusay
  • Ang ASP.NET at web workload na pag-unlad mula sa Visual Studio Installer

Pag-unawa sa Mga Bahagi ng Application ng ASP.NET Web Application

Bago mo masimulan ang pagbuo ng iyong web app, mahalaga na maunawaan ang mahahalagang bahagi ng ASP.NET at kung paano mo magagamit ang mga ito sa iyong web application.

Sa tutorial na ito, gagamitin namin ang mga ASP.NET web form upang likhain ang mga indibidwal na web page tulad ng Homepage, Makipag-ugnay sa Amin atbp Ang bawat form sa web ay may tatlong pangunahing mga sangkap, isang .aspx file para sa HTML / CSS, isang .aspx .cs code file at isang .aspx.designer.cs file. Karamihan sa amin ay gagana sa .aspx at .aspx.cs file para sa tutorial na ito.

Maglalaman ang .aspx file ng lahat ng HTML at CSS code ng iyong mga web page. Tiyaking gumagamit ka ng mga asp tag kaysa sa mga HTML tag, dahil ang mga asp tag ay kumukuha ng data mula sa server at nagpapadala ng data ng pag-input sa server. Ito ang katangian ng pag-andar na kinakailangan sa isang pabrika ng web application.

Naglalaman ang file na .aspx.cs ng C # code ng iyong mga web page, at kinokontrol nito ang nangyayari kapag ang isang partikular na kaganapan tulad ng isang web page ay na-load, isang pindutan ang na-click, at marami pa. Maaari kang lumikha ng magkakahiwalay na mga pag-andar para sa bawat pag-andar at i-link ito sa nauugnay na asp tag sa kaukulang .aspx file.

Ang Mga Pahina ng Master ay kapaki-pakinabang para sa mga developer at nagdaragdag ng mahahalagang bahagi tulad ng navigation bar at footer sa bawat web page. Sa halip na idagdag ang parehong code nang paulit-ulit, maaaring idagdag ng mga developer ang lahat ng kinakailangang template na code sa isang master page at pagkatapos ay mai-link ang bawat webpage sa master page. Ipapakita namin sa iyo kung paano gawin iyon sa mga sumusunod na seksyon.

Lumikha ng isang Bagong ASP.NET Web App Project

Ang unang hakbang sa paglikha ng isang web application sa ASP.NET ay ang pumili ng isang template ng proyekto at lumikha ng isang bagong web application:

  1. Ilunsad ang Microsoft Visual Studio at mag-click sa Lumikha ng isang bagong proyekto
  2. I-type ang ASP.NET sa template box sa paghahanap, piliin ang ASP.NET Web Application ( .NET Framework ) at i-click Susunod . Hindi mo makukuha ang template na ito kung wala kang kinakailangang mga pag-install na nabanggit sa nakaraang seksyon.
  3. Sa susunod na screen, i-configure ang pangalan ng iyong proyekto at direktoryo at mag-click sa Susunod .
  4. Lilikha ngayon ang Visual Studio ng iyong template ng proyekto, at dapat mong mapatakbo ang template application sa pamamagitan ng pag-click sa berdeng pindutan ng pag-play sa tuktok ng screen.

Lumikha ng isang Bagong ASP.NET Web Form

Upang matulungan kang higit na maunawaan ang ASP.NET, lilikha kami ng isang simpleng pahina ng produkto para sa isang tindahan ng gaming. Ang unang hakbang ay upang lumikha ng isang bagong webform. Sa proyekto na nilikha mo nang mas maaga, mag-navigate sa File> Bago> File at piliin Form sa Web . Kapag na-set up mo na ito, dapat mong makita ang isang blangko na .aspx file na may header code lamang.

Upang simulang mabuo ang pangkalahatang hitsura ng iyong web page, maaari mong gamitin ang alinman sa code sa iyong HTML / CSS mismo o gumamit ng isang template mula sa Mga tailblock .

Sine-set up namin ang layout ng pahina ng produkto sa itaas gamit ang isang template. Ipinapakita nito ang isang imahe ng produkto, mga detalye ng produkto, at isang bar ng nabigasyon. Idinagdag namin ang HTML at CSS ng navigation bar gamit ang master page.

ano ang gagawin sa mga lumang router

Sa code sa itaas (.aspx.cs file), na-set up namin ang loadpage pagpapaandar upang maitakda ang mga detalye ng produkto sa aming mga placeholder. Maaari kang lumikha ng mga katulad na pag-andar para sa pag-login, pag-signup, idagdag sa cart, atbp.

Ang isang sample na asp tag upang maipakita ang paglalarawan ng produkto ay ang mga sumusunod:

Ang halaga ng paglalarawan mula sa C # code ay ipapakita sa placeholder na ito. Maaari mo ring magamit ang Toolbox ng Visual Studio upang magdagdag ng mga elemento ng pagpapakita tulad ng mga imahe, pindutan, pindutan ng radyo, at marami pa. Mayroong maraming mga mapagkukunan na magagamit sa online kung saan maaari mong malaman ang syntax ng ASP.NET.

ASP.NET Web Application Para sa Mga Nagsisimula

Ang ASP.NET ay isang malakas na platform para sa paglikha ng mga web application at serbisyo. Dapat kang maging komportable sa JavaScript, HTML, CSS, at C # bago bumuo ng isang web application sa ASP.NET.

Magbahagi Magbahagi Mag-tweet Email Ang Ultimate JavaScript Cheat Sheet

Kumuha ng isang mabilis na pag-refresh sa mga elemento ng JavaScript gamit ang cheat sheet na ito.

Basahin Susunod Mga Kaugnay na Paksa
  • Programming
  • ASP.NET
  • Programming
Tungkol sa May-akda M. Fahad Khawaja(45 Mga Artikulo Na-publish)

Si Fahad ay isang manunulat sa MakeUseOf at kasalukuyang nagtutuon sa Computer Science. Bilang isang masugid na manunulat ng teknolohiya tinitiyak niya na mananatiling na-update siya sa pinakabagong teknolohiya. Napansin niyang partikular ang interes niya sa football at teknolohiya.

Higit pa Mula sa M. Fahad Khawaja

Mag-subscribe sa aming newsletter

Sumali sa aming newsletter para sa mga tip sa tech, pagsusuri, libreng ebook, at eksklusibong deal!

Mag-click dito upang mag-subscribe