MVC Archirakenne ja viitekehys esimerkkeineen

by: Lucas Bennett Lucas Bennett
Hours Päivitetty

⚡ Älykäs yhteenveto

Model-View-Controller (MVC) on arkkitehtoninen malli, joka jakaa sovelluksen kolmeen komponenttiin – Model, View ja Controller – eristäen liiketoimintalogiikan esityskerroksesta, jotta voidaan rakentaa ylläpidettäviä ja testattavia verkko- ja työpöytäsovelluksia käyttämällä esimerkiksi Springiä, Djangoa ja Laravelia.

  • 🧱 Kolme komponenttia: MVC jakaa sovelluksen malliin (data), näkymään (esitys) ja ohjaimeen (käyttäjän vuorovaikutus).
  • 🗄️ Malli: Tallentaa tietoja ja liiketoimintalogiikkaa vastaamalla näkymän pyyntöihin ja ohjaimen ohjeisiin.
  • 🖼️ Katso: Esittää tiedot käyttäjälle käyttöliittymäelementtien, kuten tekstilaatikoiden, avattavien valikoiden, kaavioiden ja taulukoiden, kautta.
  • 🎮 ohjain: Tulkitsee käyttäjän syötteen ja päivittää sitten mallin ja näkymän vastaavasti.
  • ⚙️ Suositut kehykset: Spring MVC, Django, Ruby on Rails, CakePHP, Laravel ja CodeSytytin toteuttaa MVC-kuvion.
  • 🇧🇷 Edut vs. haitat: MVC parantaa testattavuutta ja rinnakkaiskehitystä, mutta lisää vatsalihaksiatraction kerrokset ja navigoinnin monimutkaisuus.
Lue lisää

MVC Archirakenne ja viitekehys

Mikä on MVC Framework?

Model-View-Controller (MVC) Framework on arkkitehtoninen malli, joka jakaa sovelluksen kolmeen loogiseen pääkomponenttiin Model, View ja Controller. Tästä johtuu lyhenne MVC. Jokainen arkkitehtuurikomponentti on rakennettu käsittelemään sovelluksen tiettyä kehitysnäkökohtaa. MVC erottaa liiketoimintalogiikan ja esityskerroksen toisistaan. Sitä käytettiin perinteisesti työpöydän graafisissa käyttöliittymissä (GUI). Nykyään verkkoteknologian MVC-arkkitehtuurista on tullut suosittu sekä verkkosovellusten että mobiilisovellusten suunnittelussa.

MVC:n historia

  • Trygve Reenskaug käsitteli MVC-arkkitehtuuria ensimmäisen kerran vuonna 1979
  • MVC-malli esiteltiin ensimmäisen kerran vuonna 1987 Smalltalk-ohjelmointikielellä.
  • MVC hyväksyttiin ensimmäistä kertaa yleisenä käsitteenä vuoden 1988 artikkelissa
  • Viime aikoina MVC-kuviota on käytetty laajalti nykyaikaisissa web-sovelluksissa.

MVC:n ominaisuudet

  • Helppo ja kitkaton testattavuus. Erittäin testattava, laajennettava ja liitettävä kehys
  • Verkkosovellusarkkitehtuurin suunnittelu MVC-mallin avulla tarjoaa täyden hallinnan HTML:ään ja... URLs
  • Hyödynnä ASP.NETin, JSP:n, Djangon jne. tarjoamia ominaisuuksia.
  • Selkeä logiikan erottelu: malli, näkymä, ohjain. Sovellustehtävien erottelu mm. liiketoimintalogiikka, Ul-logiikka ja syöttölogiikka
  • URL Reititys hakukoneoptimointia varten URLs. Voimakas URL-karttaping ymmärrettäväksi ja haettavaksi URLs
  • Tuki testilähtöiselle kehitykselle (TDD)

MVC Archirakenne

Nyt kun hyödyt ovat selvät, tässä on MVC-kehyksen yksityiskohtainen arkkitehtuuri:

MVC Archirakenne
MVC Architecture Kaavio

Kolme tärkeää MVC-komponenttia ovat:

  • Malli: Se sisältää kaikki tiedot ja siihen liittyvän logiikan
  • Näytä: Näytä tiedot käyttäjälle tai käsittelee käyttäjän vuorovaikutusta
  • Ohjain: Model- ja View-komponenttien välinen liitäntä

Katsotaanpa kutakin näistä komponenteista yksityiskohtaisesti:

Näytä

Näkymä on se osa sovelluksesta, joka edustaa tietojen esitystapaa.

Näkymät luodaan mallidatasta kerätyn datan perusteella. Näkymä pyytää mallia antamaan tietoja, jotta se voi esittää tulosteen käyttäjälle.

Näkymä edustaa myös kaavioiden, kaavioiden ja taulukoiden tietoja. Esimerkiksi mikä tahansa asiakasnäkymä sisältää kaikki käyttöliittymäkomponentit, kuten tekstilaatikot, pudotusvalikot jne.

ohjain

Ohjain on sovelluksen osa, joka käsittelee käyttäjän vuorovaikutusta. Ohjain tulkitsee käyttäjän hiiren ja näppäimistön syötteet ja ohjaa mallia ja näkymää muuttumaan tarvittaessa.

Ohjain lähettää mallille komentoja sen tilan päivittämiseksi (esim. tietyn dokumentin tallentaminen). Ohjain lähettää myös komentoja siihen liittyvään näkymään näkymän esitystavan muuttamiseksi (esimerkiksi tietyn dokumentin vierittäminen).

Malli

Mallikomponentti tallentaa tiedot ja siihen liittyvän logiikan. Se edustaa dataa, jota siirretään ohjaimen komponenttien tai muun asiaan liittyvän liiketoimintalogiikan välillä. Esimerkiksi Controller-objekti hakee asiakastiedot tietokannasta. Se käsittelee tietoja ja lähettää takaisin tietokantaan tai käyttää sitä samat tiedot.

Se vastaa näkymien pyyntöihin ja myös ohjaimen ohjeisiin päivittää itsensä. Se on myös kuvion alin taso, joka vastaa datan ylläpidosta.

AIHEESEEN LIITTYVÄT ARTIKKELIT

MVC-esimerkkejä

Katsotaanpa mallinäkymäohjaimen esimerkkiä jokapäiväisestä elämästä:

Esimerkki 1

MVC-esimerkkejä

  • Oletetaan, että menet ravintolaan. Et mene keittiöön valmistamaan ruokaa, jonka voit varmasti tehdä kotonasi. Sen sijaan menet sinne ja odotat, että tarjoilija tulee.
  • Nyt tarjoilija tulee luoksesi ja tilaat ruoan. Tarjoilija ei tiedä kuka olet ja mitä haluat, hän vain kirjoitti muistiin ruokatilauksesi yksityiskohdat.
  • Sitten tarjoilija siirtyy keittiöön. Keittiössä tarjoilija ei valmista ruokaasi.
  • Kokki valmistaa ruokasi. Tarjoilijalle annetaan tilauksesi ja pöytänumerosi.
  • Valmista sitten ruokaa sinulle. Hän käyttää ainesosia ruoan valmistukseen. Oletetaan, että tilaat kasvisvoileivän. Sitten hän tarvitsee leipää, tomaattia, perunaa, paprikaa, sipulia, palaa, juustoa jne. joita hän hankkii jääkaapista
  • Kypsennä lopuksi luovuta ruoka tarjoilijalle. Nyt tarjoilijan tehtävänä on siirtää tämä ruoka keittiön ulkopuolelle.
  • Nyt tarjoilija tietää, mitä ruokaa olet tilannut ja miten ne tarjoillaan.

Tässä MVC-arkkitehtuuriesimerkissä

View= You
Waiter= Controller
Cook= Model
Refrigerator= Data

Katsotaanpa vielä yksi MVC-malliesimerkki,

Esimerkki 2

MVC-esimerkkejä

Auton ajomekanismi on toinen esimerkki MVC-mallista.

  • Jokainen auto koostuu kolmesta pääosasta.
  • Näkymä: Käyttöliittymä: (Vaihdevipu, paneelit, ohjauspyörä, jarru jne.)
  • Ohjain - mekanismi (moottori)
  • Malli - Varastointi (bensiini- tai dieselsäiliö)

Auto käy moottorista ottaa polttoainetta varastosta, mutta toimii vain mainituilla käyttöliittymälaitteilla.

Suositut MVC-verkkokehykset

Tässä on luettelo suosituista MVC-kehyksistä:

MVC:n edut: Tärkeimmät edut

Tässä on MVC-arkkitehtuurin käytön tärkeimmät edut:

  • Helppo koodihuolto, jota on helppo laajentaa ja kasvattaa
  • MVC Model -komponentti voidaan testata erikseen käyttäjästä
  • Helpompi tuki uudentyyppisille asiakkaille
  • Eri komponenttien kehitys voidaan suorittaa rinnakkain.
  • Se auttaa välttämään monimutkaisuutta jakamalla sovelluksen kolmeen yksikköön. Malli, näkymä ja ohjain
  • Se käyttää vain Front Controller -mallia, joka käsittelee verkkosovelluspyynnöt yhden ohjaimen kautta.
  • Tarjoaa parhaan tuen testiohjattu kehitys
  • Se toimii hyvin verkkosovelluksissa, joita tukevat suuret web-suunnittelijat ja -kehittäjät.
  • Tarjoaa selkeän vastuualueiden erottelun (SoC).
  • Hakukoneoptimointi (SEO) -ystävällinen.
  • Kaikki luokat ja objektit ovat toisistaan ​​riippumattomia, joten voit testata niitä erikseen.
  • MVC-suunnittelumalli mahdollistaa loogisen luokittelunping toisiinsa liittyviä toimintoja ohjaimella yhdessä.

MVC:n käytön haitat

  • Tätä mallia on vaikea lukea, muuttaa, yksikkötestata ja käyttää uudelleen
  • Kehyksen navigointi voi joskus olla monimutkaista, koska se esittelee uusia vatsalihaskerroksiatracjoka vaatii käyttäjiltä sopeutumista MVC:n hajotelmakriteereihin.
  • Ei virallista validointitukea
  • Tietojen lisääntynyt monimutkaisuus ja tehottomuus
  • MVC:n käytön vaikeus nykyaikaisen käyttöliittymän kanssa
  • Rinnakkaisohjelmoinnin suorittamiseen tarvitaan useita ohjelmoijia.
  • Tarvitaan useiden teknologioiden tuntemus.
  • Useiden koodien ylläpito ohjaimessa

3-tason Architecture vs. MVC Archirakenne

Parametri 3-Tier Archirakenne MVC Archirakenne
Viestintä Tämän tyyppinen arkkitehtuurimalli ei koskaan kommunikoi suoraan tietokerroksen kanssa. Kaikki tasot kommunikoivat suoraan käyttämällä kolmiotopologiaa.
Käyttö 3-taso: käytetään laajalti verkkosovelluksissa, joissa asiakas, tietotasot ja väliohjelmisto toimivat fyysisesti erillisillä alustoilla. Käytetään yleensä sovelluksissa, jotka toimivat yhdessä graafisessa työasemassa.

UKK

MVC on arkkitehtoninen malli, ei yksinkertainen suunnittelumalli. Se järjestää koko sovelluksen malli-, näkymä- ja ohjainkerroksiin erottamalla datan, esityksen ja käyttäjävuorovaikutuksen logiikan.

MVC käyttää ohjainta syötteen käsittelyyn ja mallin ja näkymän päivittämiseen, kun taas MVVM käyttää näkymämallia datasidonnalla. MVVM yksinkertaistaa mallipohjaista suunnittelua ja on yleinen nykyaikaisissa käyttöliittymäkehyksissä.

Käytä MVC:tä, kun rakennat sovelluksia, jotka vaativat selkeää datan, käyttöliittymän ja logiikan erottelua, erityisesti suurempien tiimien ylläpitämissä verkkosovelluksissa. Se parantaa testattavuutta, rinnakkaiskehitystä ja hakukoneoptimointiystävällistä reititystä.

Tekoälyominaisuudet lisätään yleensä MVC-sovelluksen malli- tai palvelukerrokseen. Ohjain välittää käyttäjän syötteen tekoälymalleille, ja näkymä näyttää käyttäjille ennusteita, suosituksia tai luotua sisältöä.

Kyllä. Tekoälykoodausavustajat voivat scaffolding-menetelmällä luoda MVC-komponentteja, luoda ohjaimia, malleja ja näkymiä sekä ehdottaa reititystä. Kehittäjät tarkistavat edelleen tulosteen varmistaakseen oikean liiketoimintalogiikan ja tietoturvan.

Tiivistä tämä viesti seuraavasti: