What is MVC Framework - Speaker Deck

Slide 1

Slide 1 text

Masanobu Naruse What is MVC Framework

Slide 2

Slide 2 text

Do you know MVC Framework?

Slide 3

Slide 3 text

Do you know Http?

Slide 4

Slide 4 text

Browser Server

Slide 5

Slide 5 text

Browser Server Request

Slide 6

Slide 6 text

Browser Server Request GET https://nrslib.com/ HTTP/1.1 Host: nrslib.com Connection: keep-alive Upgrade-Insecure-Requests: 1 User-Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/73.0.3683.86 Safari/537.36 Accept: text/html,application/xhtml+xml,application/xml;q=0.9, image/webp,image/apng,*/*;q=0.8,application/signed- exchange;v=b3 Accept-Encoding: gzip, deflate, br Accept-Language: ja,en-US;q=0.9,en;q=0.8 Cookie: _ga=GA1.2.1676611691.1531371612

Slide 7

Slide 7 text

Browser Server Request

Slide 8

Slide 8 text

Browser Server Request Response

Slide 9

Slide 9 text

Browser Server Request Response HTTP/1.1 200 OK Server: nginx Date: Wed, 10 Apr 2019 03:21:30 GMT Content-Type: text/html; charset=UTF-8 Content-Length: 7641 Connection: keep-alive Set-Cookie: PHPSESSID=8cgpb0s6e570qrgjgdklaqcnf4; path=/ Expires: Thu, 19 Nov 1981 08:52:00 GMT Cache-Control: no-store, no-cache, must-revalidate Pragma: no-cache Link: ; rel="https://api.w.org/" Vary: Accept-Encoding Content-Encoding: gzip ]{sG;̊

Slide 10

Slide 10 text

Browser Server Request Response

Slide 11

Slide 11 text

Browser Server Request Response

Slide 12

Slide 12 text

Do you know MVC?

Slide 13

Slide 13 text

Complex

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

Simple

Slide 16

Slide 16 text

No content

Slide 17

Slide 17 text

No content

Slide 18

Slide 18 text

In software

Slide 19

Slide 19 text

No content

Slide 20

Slide 20 text

Model View Controller Classic MVC

Slide 21

Slide 21 text

Classic MVC Model View Controller

Slide 22

Slide 22 text

Model View Controller Classic MVC

Slide 23

Slide 23 text

Model View Controller Classic MVC

Slide 24

Slide 24 text

Model View Controller Classic MVC

Slide 25

Slide 25 text

Model View Controller Classic MVC GUI Pattern

Slide 26

Slide 26 text

No content

Slide 27

Slide 27 text

No content

Slide 28

Slide 28 text

MVC Framework

Slide 29

Slide 29 text

Browser

Slide 30

Slide 30 text

Browser Input Url https://nrslib.com

Slide 31

Slide 31 text

Browser Server

Slide 32

Slide 32 text

Http Request Browser Server GET https://nrslib.com/ HTTP/1.1 Host: nrslib.com

Slide 33

Slide 33 text

Http Request Browser Server nrslib.com GET https://nrslib.com/ HTTP/1.1 Host: nrslib.com

Slide 34

Slide 34 text

Server GET https://nrslib.com/ HTTP/1.1 Host: nrslib.com Controller

Slide 35

Slide 35 text

Delegate Action Server GET https://nrslib.com/ HTTP/1.1 Host: nrslib.com Controller

Slide 36

Slide 36 text

Delegate Action Server GET https://nrslib.com/ HTTP/1.1 Host: nrslib.com Controller HomeController Action: Index

Slide 37

Slide 37 text

Controller HomeController Model

Slide 38

Slide 38 text

Call Controller HomeController Model

Slide 39

Slide 39 text

Call Controller HomeController Model Return Data

Slide 40

Slide 40 text

Controller HomeController View Data

Slide 41

Slide 41 text

Rendering View Browser Data

Slide 42

Slide 42 text

Browser

Slide 43

Slide 43 text

Model View Controller

Slide 44

Slide 44 text

Model View Controller Classic MVC

Slide 45

Slide 45 text

Model View Controller

Slide 46

Slide 46 text

Model View Controller MVC 2

Slide 47

Slide 47 text

Auther nrs HomePage https://nrslib.com Twitter @nrslib