Lager appen del 3

By . Latest revision .

I detta kursmoment skapar vi ett formulär för inleverans med hjälp av kunskapen från övningarna. Vi skriver appen i mithril och använder vår kunskap om att skapa lättanvända formulär för att snabbt kunna göra inleveranser på produkter.

#Förkunskaper

Du har gjort övningarna Kom igång med ramverket Mithril och Ett mobilanpassad formulär.

#Introduktion

En inleverans är när lagret får varor levererade och vi ska underlätta för lagerarbetarna att snabbt ta emot varor. I lager API:t finns en datatyp deliveries där alla inleveranser ska lagras och dessutom ska du uppdatera lagersaldot för den levererade produkten.

Du behöver inte återskapa funktionaliteten från kmom01 och kmom02 i detta kmom’et. Du byggar alltså en ny app från grunden, som efter kmom03 innehåller inleveranser.

#Krav

  1. Din app ska använda sig av JavaScript ramverket mithril.

  2. Lista alla tidigare inleveranser, om det inte finns inleveranser visa upp ett meddelande om detta.

  3. Gör en knapp för ‘Ny inleverans’ i list-vyn denna ska ta användaren till ett formulär.

  4. Använd dina kunskapar i att göra ett lättanvänd formulär där man kan göra inleverans av en produkt.

  5. Formuläret ska innehålla alla attribut för en inleverans förutom Leverans ID (id) dvs.:

  • Produkt (product_id)
  • Antal (amount)
  • Leveransdatum (delivery_date)
  • Kommentar (comment)
  1. När formuläret skickas ska det skapas en inleverans i API:t.

  2. Lagersaldot för produkten ska ökas med den levererade mängden.

  3. Använd ett select-element för att välja produkten som har levererats. Designa select-elementet så det passar in i resten av stilen för formuläret.

  4. Använd ett textarea-element för kommentaren. Designa textarea-elementet så det passar in i resten av stilen för formuläret. Använd ett lämpligt standard-värde (default) för textarean.

  5. Validera och publicera din kod enligt följande.

# Ställ dig i kurskatalogen
dbwebb validate lager3
dbwebb publish lager3

Rätta eventuella fel som dyker upp och publicera igen. När det ser grönt ut så är du klar.

#Extrauppgift

  • Gör det möjligt att skapa en ny produkt i inleverans formuläret.

  • Gör ett autocomplete-formulärfält, som fyller i befintliga produkter under tiden användaren skriver.

#Tips från coachen

Validera och publicera ofta. Så slipper du en massa validerings- och publiceringsfel i slutet av övningen.

När du gör publish så körs även validate. Blir det för mycket fel när du kör publish så kan det bli enklare att bara göra validate till att börja med.

Lycka till och hojta till i forumet om du behöver hjälp!

#Revision history

  • 2019-03-04: (B, efo) Uppdaterade uppgiften för att passa API v2.
  • 2018-01-17: (A, efo) Första utgåvan i samband med kursen webapp v3.

Document source.

Category: javascript.