Mikmak use cases toevoegen aan Views
Home

Mikmak use cases toevoegen aan Views

Mikmak use cases toevoegen aan Views

De use cases worden in de url van de links gebruikt. Ze nemen de vorm aan van een zelfstandig naamwoord/werkwoord. Het zelfstandig naamwoord verwijst naar de naam van de MVC controller klasse en het werkwoord naar de actiemethode in de controller klasse.

De Index use cases

De Mikmak use cases voor de index pagina's zijn gemakkelijk te implementeren in de Views. Het volstaat om het href attribuut van de a elementen op de tegels een waarde te geven.

De Admin Index pagina wordt geïmplementeerd in het AdminIndex.cshtml bestand.

<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
</head>
<body>
    <div id="floor">
        <div id="control-panel"></div>
        <div id="showroom">
            @RenderBody()
        </div>
    </div>
    <footer>
        <p class="copy">concept & design - Entreprise de Modes et de Manières Modernes 2012-2015<br></p>
        <p><a href="Home/AdminIndex">Beheer</a></p>
        <div class="vcard">
            <h3>Contact</h3>
            <p class="fn org">a n<span>orm</span> apart</p>
            <div class="adr">
                <div class="street-address">Braziliëstraat 38</div>
                <div class="postal-code">2000</div>
                <div class="locality">Antwerpen</div>
                <div class="country-name">België</div>
                <div class="email">
                    <a href="mailto:jef.inghelbrecht@inantwerpen.com">jef.inghelbrecht@inantwerpen.com</a>
                </div>
            </div>
        </div>
    </footer>
</body>
</html>

De Mikmak use cases voor de entiteiten worden in de Views op gelijkaardige manier geïmplementeerd in het AdminIndex.cshtml bestand.

@{
    Layout = "~/Views/Shared/MasterLayout.cshtml";
}
<div class="showroom">
    <div class="tile hover">
        <a href="Product/Editing" class="mask fade-in-left">
            <h2>Producten editen</h2>

            <p>Producten die in de webwinkel te koop zijn inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Producten</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
        <a href="Supplier/Editing" class="mask fade-in-left">
            <h2>Leveranciers editen</h2>

            <p>Leveranciers inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Leveranciers</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
    </div>
    <div class="tile hover">
    </div>
    <div class="tile hover">
        <a href="Customer/Editing" class="mask fade-in-left">
            <h2>Klanten editen</h2>

            <p>Klanten inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Klanten</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
    </div>
    <div class="tile hover">
        <a href="Order/Editing" class="mask fade-in-left">
            <h2>Bestellingen editen</h2>

            <p>Bestellingen van klanten inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Bestellingen</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
        <a href="OrderItems/Editing" class="mask fade-in-left">
            <h2>Bestellingitems editen</h2>

            <p>Bestellingitems statistieken.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Bestellingitems</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
        <a href="Category/Editing" class="mask fade-in-left">
            <h2>Categorieën editen</h2>

            <p>Categorie voor producten die in de webwinkel te koop zijn inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Categorieën</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
        <a href="Country/Editing" class="mask fade-in-left">
            <h2>Landen editen</h2>

            <p>Landen inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Landen</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
        <a href="OrderStatus/Editing" class="mask fade-in-left">
            <h2>Orderstatus editen</h2>

            <p>Orderstatus inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Orderstatus</h1>

        <p>Editen</p>
    </div>
    <div class="tile hover">
        <a href="UnitBase/Editing" class="mask fade-in-left">
            <h2>Basiseenheid editen</h2>

            <p>Basiseenheid voor producten inserten, updaten en deleten.</p>
            <span class="action">Kiezen</span>
        </a>

        <h1>Basiseenheid</h1>

        <p>Editen</p>
    </div>
</div>

In de controller klasse worden de use cases dan verder geïmplementeerd.

JI
2016-11-23 13:10:34