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

18
ASP.NET MVC Framework 1 Visual studio Community 2019 раднп пкружеое – мпже пптпунп бесплатнп да се скине са веб лпкације https://visualstudio.microsoft.com/free-developer-offers/ 1 https://docs.microsoft.com/en-us/aspnet/mvc/overview

Upload: others

Post on 06-Mar-2021

18 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

Page 2: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи
Page 3: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

Page 4: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

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

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

Page 5: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

пптербама.

Page 6: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

Page 7: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

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

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

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

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

Page 8: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

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

M

V

C

Page 9: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

bootstrap, ….

Page 10: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

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

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

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

Page 11: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

лпкалхпста.

Page 12: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

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

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

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

три начина:

Page 13: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

Page 14: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

<configuration>

<system.web>

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

</system.web>

</configuration>

Page 15: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

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

Page 16: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

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

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

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

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

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

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

Page 17: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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

Page 18: ASP.NET MVC Framework1vtsns.edu.rs/wp-content/uploads/2019/10/ASP.net... · 2019. 10. 23. · Visual Studio је креирар (ASP.NET MVC прјекат к (ристећи пдразуеваи

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