ASP.NET Core MVC – සිංහලෙන් – Part 3

ASP.NET Core MVC – සිංහලෙන් – Part 3

1195
0
SHARE

කලින් ලිපිය මගින් අප විසින් කතා කරනු ලැබුවේ MVC හිදී කොහොමද Project එකට Controller එකක් එකතු කරන්නේ කියලා. මේ ලිපියේදී අපි බලමු කොහොමද Views සමඟ වැඩ කරන්නේ කියලා. ඉතින් අපි කලින් ලිපිවල කතා කලාවගේම View එකක කාර්යභාරය තමා පරිශීලකයාට user interface/ web browser එකේ web page එක render කර පෙන්වන එක. එකියන්නේ හරියටම View එක ගොඩක්ම සම්බන්දවෙන්නේ HTML /CSS එක්ක කිවුත් නිවැරදී. නමුත් ASP.NET MVC හිදී View එකට අපිට C# Programming කොටස් පවා එක් කීරීමට හැකියාව පවතිනවා.

මෙම කොටසේදී ඔබ පරිශීලකයාට HTML Response එක generate කිරීමේ ක්‍රියාවලිය සංයුක්ත කිරීම සඳහා Razor දර්ශන ගොනු භාවිතා කිරීම සඳහා HelloWorldController class එක වෙනස් කරයි.

ඔබ Razor භාවිතයෙන් View template සාදයි. Razor මත පදනම් වූ View Templates .cshtml ගොනු දිගුවක් (extension) ඇත. C # සමඟ HTML ප්‍රතිදානය නිර්මාණය කිරීමට ඔවුන් අලංකාර ක්‍රමයක් සපයයි.

දැනට Index Method එක මඟින් පාලක පන්තියේ Hard code කර ඇති පණිවිඩයක් සහිත string එකක්දේ. HelloWorldController පන්තියේදී, Index Method එක පහත කේතය සමඟ replace කරන්න:

පෙර කේතය controller එක  Index Method එක ලෙස හැඳින්වේ. HTML ප්‍රතිචාරයක් generate කිරීම සඳහා එය view template එක  භාවිතා කරයි. ඉහත Index Method වැනි Controller Method (Action Method ලෙසද හැඳින්වේ) සාමාන්‍යයෙන් return එන්නේ IActionResult (හෝ ActionResult වෙතින් ලබාගත් පන්තියක්) මිස String වැනි datatype නොවේ.

Adding Views

Visual Studio හිදී ඔබගේ  Project එකට new view එකක් එක් කිරීම සඳහා පහත ක්‍රමවේදය අනුගමනය කරන්න.

  • Views ෆෝල්ඩරය මත Right Click කරන්න, පසුව Add > New Folder HelloWorld ලෙස ෆෝල්ඩරය නම් කරන්න.
  • Views/ HelloWorld ෆෝල්ඩරය මත Right Click කරන්න, ඉන්පසු Add> New Item.
  • දැන් Add New Item – MvcMovie සංවාද කොටුවේ
  • ඉහළ දකුණේ ඇති සෙවුම් කොටුව තුළ, View ඇතුළත් කරන්න
  • Razor View තෝරන්න
  • Name කොටුවේ, Index.cshtml ලෙසම තබා ගන්න.
  • Add කරන්න තෝරන්න.

Add New Item dialog

Views/ HelloWorld / Index.cshtml Razor view එකේ අන්තර්ගතය පහත සඳහන් දෑ සමඟ replace කරන්න:

දැන් Visual Studio හි ඉහතින් ඇති Run බොත්තම ඔබන්න project එක run කරන්න. දැන් ඔබට පහත පරිදි web browser එකේ ඔබවිසින් එකතු කර ගත් View එක දර්ශනය වනු ඇත.

ඊලග කොටසේදී අපි බලමු කොහොමද ඔබව විසින් මේ එකතු කරගත් view එකේ Layout එක වෙනස් කරන්නේ කියලා.

Comments

comments

NO COMMENTS

LEAVE A REPLY