ASP.NET MVC - ویو

ASP.NET MVC کی تعلیم کیلئے، ہم ایک انٹرنیٹ ایپلی کیشن تعمیر کریں گے۔

قسمت 5:آپلائی کریئنٹ کی نمائش کیلئے استعمال کئے جانے والا ویوز شامل کریئن۔

Views فولدر

Views فولدر میں ذخیرہ کئے گئے فائلوں کو اپلائی کریئنٹ کی نمائش (صارف کا دکھائی دینا) سے متعلق ہوتا ہے (HTML فائلوں)۔ زبان کے مختلف ہونے پر، ان فائلوں کی ایکسینشنس ممکن ہوتی ہیں html، asp، aspx، cshtml اور vbhtml۔

Views فولدر ہر کنٹرولر کا ایک فولدر شامل کرتا ہے۔

Visual Web Developer نے ایک Account فولدر، ایک Home فولدر، ایک Shared فولدر (Views فولدر میں) قائم کیا ہے۔

Account ਫੋਲਡਰ ਨੂੰ ਯੂਜ਼ਰ ਅਕਾਊਂਟ ਰਜਿਸਟਰੇਸ਼ਨ ਅਤੇ ਲਾਗਇਨ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ।

Home ਫੋਲਡਰ ਨੂੰ ਐਪਲੀਕੇਸ਼ਨ ਦੀਆਂ ਹੋਮ ਪੰਨੇ ਅਤੇ ਅਬਾਉਟ ਪੰਨੇ ਦੇ ਸਟੋਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

Shared ਫੋਲਡਰ ਨੂੰ ਕੰਟਰੋਲਰਾਂ ਵਿਚਕਾਰ ਸਾਂਝੇ ਦੇਖਣ ਵਾਲੇ ਵਿਜ਼ੂਅਲਜ਼ (ਟੈਮਪਲੇਟ ਪੰਨੇ ਅਤੇ ਲੇਆਊਟ ਪੰਨੇ) ਸਟੋਰ ਕੀਤਾ ਜਾਂਦਾ ਹੈ。

ASP.NET ਫਾਈਲ ਪ੍ਰਕਾਰ

Views ਫੋਲਡਰ ਵਿੱਚ ਹੇਠ ਲਿਖੇ ਐੱਚਟੀਐੱਮਐੱਲ ਫਾਈਲ ਪ੍ਰਕਾਰ ਮਿਲਣਗੇ:

ਫਾਈਲ ਪ੍ਰਕਾਰ ਐਕਸਟੈਂਸ਼ਨ
ਸਾਫ ਐੱਚਟੀਐੱਮਐੱਲ .htm ਜਾਂ .html
ਕਲਾਸਿਕ ASP .asp
ਕਲਾਸਿਕ ASP.NET .aspx
ASP.NET Razor C# .cshtml
ASP.NET Razor VB .vbhtml

Index ਫਾਈਲ

ਫਾਈਲ Index.cshtml ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਹੋਮ ਪੰਨਾ ਦਿਸਾਉਂਦੀ ਹੈ।ਇਹ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਡਿਫਾਲਟ ਫਾਈਲ (ਹੋਮ ਫਾਈਲ) ਹੈ。

ਫਾਈਲ ਵਿੱਚ ਹੇਠ ਲਿਖੀ ਸਮਗਰੀ ਲਿਖੋ:

@{ViewBag.Title = "Home Page";}
<h1>Welcome to CodeW3C.com</h1>
<p>ਇੱਥੇ ਹੋਮ ਪੇਜ ਕੰਟੈਂਟ ਪਾਓ</p>

About ਫਾਈਲ

ਫਾਈਲ About.cshtml ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਅਬਾਉਟ ਪੰਨਾ ਦਿਸਾਉਂਦੀ ਹੈ。

ਫਾਈਲ ਵਿੱਚ ਹੇਠ ਲਿਖੀ ਸਮਗਰੀ ਲਿਖੋ:

@{ViewBag.Title = "About Us";}
<h1>About Us</h1>
<p>ਇੱਥੇ ਅਬਾਉਟ ਅਸ ਕੰਟੈਂਟ ਪਾਓ</p>

ਐਪਲੀਕੇਸ਼ਨ ਚਲਾਓ

ਡੱਬਿੰਗ ਚੁਣੋ, ਰਿਮੋਟ ਮੇਨੂ ਵਿੱਚ ਡੱਬਿੰਗ ਸ਼ੁਰੂ ਕਰੋ (ਜਾਂ ਐੱਫ5 ਦੱਬੋ)。

ਤੁਹਾਡਾ ਐਪਲੀਕੇਸ਼ਨ ਇਸ ਤਰ੍ਹਾਂ ਹੋਵੇਗਾ:

ਕਿਰਪਾ ਕਰਕੇ ‘ਹੋਮ’ ਅਤੇ ‘ਬਾਰੇ’ ਲਿੰਕ ਕਲਿੱਕ ਕਰੋ ਅਤੇ ਦੇਖੋ ਕਿ ਕਿਵੇਂ ਚਲਦਾ ਹੈ。

ਵਧਾਈ

ਵਧਾਈਆਂ! ਤੁਸੀਂ ਪਹਿਲਾ ਐੱਮਵੀਸੀ ਐਪਲੀਕੇਸ਼ਨ ਬਣਾਇਆ ਹੈ。

ਨੋਟਸ:‘ਫਿਲਮ’ ਟੈਬ ਹੁਣ ਵੀ ਕਲਿੱਕ ਕੀਤਾ ਨਹੀਂ ਜਾ ਸਕਦਾ ਹੈ।ਅਸੀਂ ਇਸ ਟੂਰ ਦੇ ਬਾਅਦ ਦੇ ਚਾਪਟਰਾਂ ਵਿੱਚ ‘ਫਿਲਮ’ ਟੈਬ ਲਈ ਕੋਡ ਜੋੜਾਂਗੇ。