asp.net mvc framework1vtsns.edu.rs/wp-content/uploads/2019/10/asp.net... · 2019. 10. 23. ·...

Post on 06-Mar-2021

19 Views

Category:

Documents

0 Downloads

Preview:

Click to see full reader

TRANSCRIPT

ASP.NET MVC Framework1

Visual studio Community 2019 раднп пкружеое – мпже пптпунп бесплатнп да се скине са веб

лпкације https://visualstudio.microsoft.com/free-developer-offers/

1 https://docs.microsoft.com/en-us/aspnet/mvc/overview

Приликпм инсталације бирамп Visual Studio Enterprice 2019

Приликпм инсталације мпрамп ппврдити ппцију ASP.NET and web development.

Накпн ппкретаоа раднпг пкружеоа, ппјавиће се неке ппције кпје су приказане на сликама исппд,

а кпје мпжемп прескпчити какп бисмп штп брже дпшли дп раднпг пкружеоа и ппчели са радпм.

На сампм ппчетку, мпрамп ппкренути ппцију креираоа нпвпг прпјекта Create a new project.

Бирамп ппцију ASP.net web application.

Пптпм треба да кпнфигуришемп наш прпјекат. Даћемп му име MojPrviMVcSajt. Ппдразумевани

фплдер у кпме се чувају прпјекти је repos, а ми тп наравнп мпжемп прпменити према сппственим

пптербама.

Пптпм у прпзпру кпји се птвара бирамп ппцију MVC.

Пптпм се птвара раднп пкружеое за рад са ASP.net MVC апликацијама.

Visual Studio је креирарп ASP.NET MVC прпјекат кпристећи ппдразумевани темплејт апликације

"Hello World!". Овп је дпбра ппчетна тачка, а на нама је да пвај прпјекат изменимп, дппунимп и

прилагпдимп нашим пптребама.

Са десне стране пвпг раднпг пкружеоа се налази Solution Explorer, у кпме мпжемп видети

фплдерску структуру прпјекта. Укпликп не видимп Solution Explorer, пвај прпзпр мпжемп

активирати ппрећући у главнпм менију раднпг пкружеоа ппцију View -> Solution Explorer.

Кап штп видимп на слици исппд, MVC архитектура рачунара ппдразумева да се мпдели,

кпнтрплери и прикази чувају у пдвпјеним фплдерима, а тп су Model, View, Controller.

На сликама исппд мпжемп такпђе видети фплдерску структуру прпјекта.

M

V

C

Видимп фајлпве и фплдере.....

Кап и ппдржане пакете. Видимп да темплејт апликација кпју смп снимили има ппдршку за jQuery,

bootstrap, ….

Апликацију ппкрећемп такп штп ппкренемп ппцију Debug -> Start Debugging или пречицу F5 . На тај

начин се ппкреће IIS Express (Internet information server Express) кпји ппкреће веб апликацију. У

тпм тренутку Visual Studio ппкреће ппдразумевани веб брпвсер и у оему приказује наслпвну

страницу наше апликације. Ппдразумевни веб брпвсер је Microsoft Edge, штп се наравнп мпже

прпменити, али п тпме ће речи бити касније.

При тпме се кпристи прпизвпљни (рандпм) ппрт за веб сервер. На слици исппд видимп УРЛ адресу

лпкалхпста.

На слици исппд видимп ппкренуту апликацију у веб брпвсеру.

Темплејт кпристи Bootstrap, па су веб странице респпнсивне. Стилизпваоем ASP.net MVC

апликација ћемп се такпђе бавити касније.

Једна пд пснпвних ствари кпју треба ппдесити на сампм ппчетку, укпликп креирамп веб

апликацију за наше гпвпрнп ппдручје је приказ текста у Utf-8 фпрмату. Овп мпжемп ппстићи на

три начина:

1. Начин: У Solution Exploreru ппкренемп web.config фајл.

У питању је XML фајл. На краj овог фајла можемо унутар тага <configuration> где се налазе

остала подешавања додати следећи код:

<configuration>

<system.web>

<globalization requestEncoding="utf-8" responseEncoding="utf-8" />

</system.web>

</configuration>

Да бисмп прпверили успешнпст наше мисије, прпменимп текст у кпнтрплеру Contact(). Овп је у

ствари метпда кпја се налази у фајлу HomeController.cs.

Кап штп видимп, мисија је успешнп пбављена.

2. Начин: У кпнтрплеру унутар мепде Contact() дпдјемп следећи кпд:

Response.Headers["Content-Type"] = "charset=utf-8";

Акције у MVC контролеру имају за повратну вредност тзв. ActionResult. То је у ствари

апстрактна класа која предстваља резултат неке методе. Ова класа наслеђује класу

System.Object, а придодата јој је једна апстрактан метода: ExecuteResult, апстрактна метода

коју ће имплементирати изведена класа ActionResult. Ова класа је апстрактна да би

различите контролер акције могле имати различите повратне вредности.

3. Начин: Отвпримп страницу темлејта Contact. Странице се налазе у фплдеру Views.

Дпадјмп <meta charset=”utf-8”> у <head> таг пве странице.

top related