Videoautomat Web

Aus Salespoint

Dies ist eine alte Version. Zeitpunkt der Bearbeitung: 14:24, 7. Okt. 2010 durch 77.189.153.255 (Diskussion).
Wechseln zu: Navigation, Suche

oOIIkN <a href="http://yikuvexqxyiy.com/">yikuvexqxyiy</a>, [url=http://idduznudhkyl.com/]idduznudhkyl[/url], [link=http://ujjyhqbilren.com/]ujjyhqbilren[/link], http://ymcjuhipelog.com/

comment3, http://barftuhandlu.chez.com/lesbiyanki-doneck-znakomstva.html ëåñáèÿíêè äîíåöê çíàêîìñòâà, efgzsv,

Inhaltsverzeichnis

Spring MVC Roundtrip

<a href=http://itunes.apple.com/en/app/planets-basics/id368457345?mt=8&uo=4>http://itunes.apple.com/en/app/planets-basics/id368457345?mt=8&uo=4</a> Planets (basics) Only Russian language is supported at this time.

Basic information about planets of Solar system is given, supporting with great cosmic music. <img>http://a1.phobos.apple.com/us/r1000/023/Purple/12/50/a7/mzl.mmnobmsl.320x480-75.jpg</img> <img>http://a1.phobos.apple.com/us/r1000/016/Purple/d4/87/47/mzl.pnxlgmat.320x480-75.jpg</img> <img>http://a1.phobos.apple.com/us/r1000/043/Purple/8a/37/07/mzl.hzozdrwd.320x480-75.jpg</img> <img>http://a1.phobos.apple.com/us/r1000/022/Purple/47/43/69/mzl.hrdfzsru.320x480-75.jpg</img> <img>http://a1.phobos.apple.com/us/r1000/044/Purple/25/f1/25/mzl.mgbogjrk.320x480-75.jpg</img>

Ausleih- und Bezahlvorgang

Um Elemente von einem Catalog/Bestand benutzereigabengesteuert in einen anderen zu verschieben sollte stets die DoubleViewController/DoubleViewTag-Kombination verwendet werden. Der DoubleViewController stellt auf Basis seiner Initialisierung sämtliche Verschiebeaktionen bereit.

Wenn ein Nutzer Videos ausleiht, verschiebt er sie vom Bestand des Automaten in seinen eigenen Videobestand. Diese Verschiebeaktion gilt allerdings solange als temporär, bis er sie im 2.Schritt auch bezahlt hat. Dies ist also ein Einsatzgebiet vom Salespoint DataBasket. Eine Instanz vom DataBasket speichert die Information, welche Videos der Nutzer ausleihen will, und wenn er sie bezahlt hat, wird auf ihm commit() aufgerufen und damit die Verschiebeaktion persistent oder aber, falls der Nutzer sich anders entschieden hat und die Aktion abbricht, wird mit rollback() die temporäre Verschiebeaktion einfach rückgängig gemacht.

Ausleihen

Ein Link von der Hauptseite WebContent/jsp/index.jsp aus bietet den Zugang zum Ausleihvorgang: 

.
<sp:LoggedIn status="true">
  <sp:List abstractTableModel="${videoCatalog}" />
  <a href="rent"><spring:message code="videoautomat.rent"/></a>
</sp:LoggedIn>
.

Auf die Angabe der entsprechenden MessageSourceCodes wird absofort verzichtet.

Eine neue Controller-Klasse, die vom DoubleViewController erbt, bildet die Ausgangsbasis. Fundamental wichtig hierbei ist die richtige Typisierung dieser Klasse. Macht euch bewusst, von welchem Datentyp zu welchem verschoben werden soll. 

@Controller
@Scope("session")
@RequestMapping("/rent")
public class RentController extends DoubleViewController<AutomatVideoStock, UserVideoStock> {
 
  @RequestMapping("")
  public ModelAndView index(ModelAndView mav, HttpServletRequest request, HttpServletResponse response) {
 
    initialize(
    /*source*/       VideoShop.getVideoStock(),
    /*destination*/  ((AutomatUser)UserManager.getInstance().getCurrentUser(request.getSession())).getVideoStock(),
    /*moveStrategy*/ new CSSSStrategy() {
                       @Override protected StockItem createStockItem(StockItem ci) {
                         return new VideoCassette(ci.getName());
                       }
                     },
    /*dataBasket*/   new DataBasketImpl());
 
    mav.setViewName("rent");
 
    mav.addObject("videoStock", new ATMBuilder<AutomatVideoStock>(getSource())
                                .db(getDataBasket())
                                .getATM());
 
    mav.addObject("basket", new ATMBuilder<DataBasket>(getDataBasket())
                                .ted(new VideoCassetteDBESSTED())
                                .dbc(DataBasketConditionImpl.allStockItemsWithDest(getDestination()))
                                .getATM());
 
    return mav;
  }
}

Nun wieder der Reihe nach die Neuerungen:

  • @Scope("session")
    Diese Annotation besagt, dass für jeden Nutzer eine neue Instanz dieses Controllers angelegt wird. Dies ist notwendig, da wir hier einen sog. stateful Controller habn, der über mehrere Requests hinweg unterschiedliche Daten für einen speziellen Nutzer speichert. Controller ohne explizit angegebenem Scope werden von Spring nur einmal instanziiert und für alle Nutzer verwendet.
  • @RequestMapping
    Die RequestMapping-Annotation kann auch auf Klassenebene verwendet werden und dessen Attribut wird dann als Prefix für alle Actions verwendet. Dies ist beim DoubleViewController sogar notwendet, da die index()-Action unbedingt ein leeres RequestMapping haben muss.
  • initialize()
    Mit dieser Methode wird der DoubleViewController initialisiert. Dies sollte im Normalfall im Konstruktor des Controllers geschehen oder aber, wie in diesem Fall, in der index()-Action, wenn z.B. der Request nötig ist. Über den Request kommt man an das Session-Object über das ein Nutzer im UserManager angemeldet wird.
    • source
      Der Quellbestand, aus dem heraus verschoben werden soll.
      dest
      Der Zielbestand, in den verschoben werden soll.
      moveStrategy
      Die richtige(!) MoveStrategy. In unserm Fall ist der Quellbestand - der AutomatVideoStock - ein CountingStock, der Zielbestand - der UserVideoStock - ein StoringStock -, also brauchen wir die CSSSStrategy aus dem Web-Package. Nicht alle dieser Strategien sind konkret, da z.b. aus einem CountingStock kein StockItem wieder herausgeholt werden kann. Deshalb muss in diesem Fall eine FactoryMethod implementiert werden, die ein frisches konkretes VideoCassette-Objekt aus einem StockItemImpl generiert.
      db
      Eine DataBasket-Instanz, in der die Verschiebeaktionen gespeichert werden, um sie im Anschluss zu committn oder zu rollbackn.
    ATMBuilder
    Den ATMBuilder haben wir bereits auf der Startseite kennengelernt. Hier wird er allerdings in einer Version genutzt, die sich FluentBuilder nennt und auf dem MethodChaining-Prinzip basiert. Methoden, die im Javadoc der Klasse als MethodChaining-Methoden ausgegeben wurden, geben nach dem Setzen des Attributes das Object selbst zurück, sodass in der selben Zeile damit weitergearbeitet werden kann.
    VideoCassetteDBESSTED
    Mit einem TableEntryDescriptor(TED) kann man bestimmen, wie sich die Elemente eines Catalogs/Stocks/DataBaskets in einer Visualisierung beschreiben sollen. Da wir hier einen DataBasket visualisieren wollen und dafür kein DefaultTED existiert, müssen wir einen angeben, der z.B. so aussieht: 
public class VideoCassetteDBESSTED extends AbstractTableEntryDescriptor {
 
  private static final String[] cNames = { "Name", "Price" };
  private static final Class<?>[] cClasses = { String.class, Double.class };
 
  public int getColumnCount() {
    return cNames.length;
  }
 
  public String getColumnName(int nIdx) {
    return cNames[nIdx];
  }
 
  public Class<?> getColumnClass(int nIdx) {
    return cClasses[nIdx];
  }
 
  @Override
  public Object getValueAt(Object oRecord, int nIdx) {
    StoringStockItemDBEntry dbe = (StoringStockItemDBEntry)oRecord;
    VideoCassette si = (VideoCassette)dbe.getValue();
 
    switch (nIdx) {
      case 0: return si.getName();
      case 1: return new DecimalFormat("#.## &euro;").format(((NumberValue)si.getAssociatedItem(null).getValue()).getValue());
    }
    return null;
  }
}

Jetz haben wir 2 ATMs in der ModelMap und überführen diese, wie auf der Startseite, in der neuen WebContent/jsp/rent.jsp jeweils in einen ViewTag, die sich diesmal jedoch in einem DoubleViewTag befinden. 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib uri="http://www.salespoint-framework.org/web/taglib" prefix="sp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=uft-8" />
    <link rel="stylesheet" type="text/css" href="<c:url value="/static/resources/css/style.css" />" />
  </head>
  <body>
    <sp:Messages messages="${spErrors}" styleName="error"/>
    <sp:Messages messages="${spFlash}" styleName="flash"/>
 
    <sp:LoggedIn status="true">
      <sp:DoubleView showNumberField="true">
        <sp:Table abstractTableModel="${videoStock}" />
        <sp:Table abstractTableModel="${basket}" />
      </sp:DoubleView>
 
      <form:form method="get" action="pay" id="pay">
        <input type="submit" value="<spring:message code="videoautomat.rent" />" />
      </form:form>
      <form:form method="get" action="rent/cancel" id="rent">
        <input type="submit" value="<spring:message code="videoautomat.cancel" />" />
      </form:form>
 
    </sp:LoggedIn>
 
  </body>
</html>

2 weitere Buttons fügen wir ein und bestimmen action-Attribut, wohin die Reise geht, wenn der entsprechende Submit-Button gedrückt wird. Ersterer verlinkt nach "/pay", was in der nächsten Rubrik behandelt wird. Der zweite Button ruft die URL "rent/cancel" auf. Hierfür definieren wir eine Action im RentController: 

.
@RequestMapping("/rent")
public class RentController extends DoubleViewController<AutomatVideoStock, UserVideoStock> {
.
  @RequestMapping("/cancel")
  public ModelAndView cancel(ModelAndView mav, HttpServletRequest request) {
    getDataBasket().rollback();
    mav.setViewName("redirect:/");
    return mav;
  }
}

Wie bereits erwähnt werden die RequestMapping-Annotation-Attribute konkateniert und ergeben die richtige URL. Auf dem DataBasket wird rollback() aufgerufen und damit verfallen alle getätigten Verschiebeaktionen. Danach wird kein echter ViewName gesetzt, sondern ein Redirect ausgelöst, der den ClientBrowser auf die Startseite weiterleitet.

Bezahlen

Für das Ziel des "pay"-Buttons auf der Ausleihseite - die Bezahlseite - brauchen wir einen neuen Controller, der von DoubleViewController erbt und auf die URL "/pay" lauscht: 

@Controller
@Scope("session")
@RequestMapping("/pay")
public class PayController extends DoubleViewController<Currency<CurrencyItemImpl>, MoneyBag> {
 
  public PayController() {
    initialize(
      VideoShop.getCurrency(),
      new MoneyBagImpl("moneyPayed", VideoShop.getCurrency(), true),
      new CCSStrategy(),
      null);
  }
 
  @RequestMapping("")
  public ModelAndView index(ModelAndView mav, HttpServletRequest request, HttpServletResponse response) {
 
    Value pricePaid = calculatePricePaid();
    Value priceToPay = calculatePriceToPay();
 
    mav.addObject("pricePayedEnough", pricePaid.compareTo(priceToPay) >= 0);
 
    MessagesUtil.addFlash(mav, messageSource.getMessage("videoautomat.pricePayed",
                                                         new String[{""+pricePaid,
                                                                     ""+priceToPay,
                                                                     EUROCurrencyImpl.ABBREVIATION},
                                                         LocaleContextHolder.getLocale()));
    /* videoautomat.pricePayed = {0} of {1} {2} payed */
 
    mav.addObject("currency",new ATMBuilder<Currency<CurrencyItemImpl>>(getSource()).getATM());
 
    mav.addObject("moneyBag", new ATMBuilder<MoneyBag>(getDestination())
                              .zeros(false)
                              .getATM());	
 
    mav.addObject("currencyExtraColumns", Collections.singletonList(new EuroCurrencyImageEC("50", null)));
 
    mav.setViewName("pay");
    return mav;
  }
 
  private Value calculatePricePaid() {
    return getDestination().sumStock(getDataBasket(), new CatalogItemValue(), new DoubleValue(0)).divide(new IntegerValue(100));
  }
 
  private Value calculatePriceToPay() {
    ???
  }
}

Ein weiterer konkreter DoubleViewController: diesmal im Konstruktor initialisiert, da wir kein Request-Objekt benötigen. Der PayController verschiebt aus einem speziellen Geldkatalog "Currency" (sp incl.) in einen speziellen CountingStock "MoneyBag" (sp incl.) und symbolisiert das Einwerfen von Geldscheinen/-münzen in den Automat.

Innerhalb der index()-Methode berechnen wir den bereits gezahlten Preis bequem über die mittels sumStock()-Methode. Den zu zahlenden Betrag allerdings lässt sich nur mit der Information was ausgeliehen werden soll berechnen. Wir benötigen also den DataBasket aus dem RentController. Hierzu bedienen wir uns wieder der @Autowired-Annotation und lassen uns den RentController automatisch injizieren. Das geht, weil dieser mit @Controller annotiert und somit von Spring instanziiert wurde. 

public class PayController extends DoubleViewController<Currency<CurrencyItemImpl>, MoneyBag> {
 
  @Autowired
  private RentController rentController;
 
  public void setRentController(RentController rentController) {
    this.rentController = rentController;
  }
  .
  .
  private Value calculatePriceToPay() {
    return rentController.getDataBasket().sumBasket(
             DataBasketConditionImpl.allStockItemsWithDest(rentController.getDestination()),
             new BasketEntryValue() {			
               @Override
               public Value getEntryValue(DataBasketEntry dbe) {
                 return ((VideoCassette)dbe.getValue()).getAssociatedItem(null).getValue();
               }
             },
             new DoubleValue(0));
  }
}

Nun können wir über den DataBasket fast genauso komfortabel summieren: "fast", weil eine Mapperklasse mitgegeben werden muss, dessen einzige Aufgabe es ist, das zu summierende Value aus dem DataBasketEntry herauszuholen.

In der ModelMap stehen nun neben der FlashMessage, wieviel noch gezahlt werden muss, ein boolscher Wert "pricePayedEnough", der true wird, wenn genug gezahl wurde, sowie das ATM des Geldkatalogs und das des bereits eingezahlten Geldes. Neu hierbei sind die ExtraColumns (EC), die als Alternative bzw. Erweiterung neben den bereits bekannten TEDs benutzt werden können, um eine bzw. mehrere Zusatzspalten hinzurendern. ECs werden in einer Liste verpackt direkt dem ViewTag übergeben. Die verwendete EC benutzt die ImageTag-Klasse, die sonst aus dem JSP-Context heraus als JSP-Tag benutzt wird, beispielhaft im JavaSourceCode, um zur jeweiligen Geldeinheit das entsprechende Bild zu rendern. 

public class EuroCurrencyImageEC extends AbstractExtraColumn<CurrencyItemImpl> {
 
  private String height;
  private String width;
 
  public EuroCurrencyImageEC(String height, String width) {
    super("x", null);
    this.height = height;
    this.width = width;
  }
 
  @Override
  public String getCellContent(CurrencyItemImpl identifier) {
    ImageTag tag = new ImageTag();
    tag.setImage(identifier.getImage());
    tag.setAlt(identifier.getName());
    tag.setHeight(height);
    tag.setWidth(width);
    return tag.render().toString();
  }
}

Die WebContent/jsp/pay.jsp könnte so aussehen: 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form" %>
<%@ taglib uri="http://www.salespoint-framework.org/web/taglib" prefix="sp" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=uft-8" />
    <link rel="stylesheet" type="text/css" href="<c:url value="/static/resources/css/style.css" />" />
    <title><spring:message code="videoautomat.pay" /></title>
  </head>
  <body>
 
    <sp:Messages messages="${spErrors}" />
    <sp:Messages messages="${spFlash}" />
 
    <sp:LoggedIn status="true">
 
      <sp:DoubleView showNumberField="true" >
        <sp:List abstractTableModel="${currency}" extraCols="${currencyExtraColumns}"  />
        <sp:Table abstractTableModel="${moneyBag}" />
      </sp:DoubleView>
 
      <form:form method="get" action="pay/success" id="success">
        <c:if test="${pricePayedEnough}">
          <input type="submit" value="<spring:message code="videoautomat.pay" />" />
        </c:if>
        <c:if test="${!pricePayedEnough}">
          <input disabled="disabled" type="submit" value="<spring:message code="videoautomat.pay" />" />
        </c:if>
      </form:form>
      <form:form method="get" action="pay/cancel" id="cancel">
        <input type="submit" value="<spring:message code="videoautomat.cancel" />" />
      </form:form>
 
    </sp:LoggedIn>
 
  </body>
</html>

Neu hierbei ist die Verwendung von Kontrollstrukturen aus der JSTL-TagLibrary (c-Namespace) mit dessen Hilfe hier der boolsche Wert, ob genug bezahlt worden ist, abgeprüft wird und entsprechend der pay-Button de-/aktiviert wird.

Der Pay- sowie Cancel-Button brauchen natürlich noch entsprechende Actions im PayController: 

@RequestMapping("/success")
  public ModelAndView success(ModelAndView mav, HttpServletRequest request) {
    /* videoautomat.rent.successful = rent was process successful, payback is {0} EUR */
    MessagesUtil.addFlash(mav, messageSource.getMessage("videoautomat.rent.successful", 
                                                        new Object[]{calculatePricePaid().subtract(calculatePriceToPay()),
                                                                     EUROCurrencyImpl.ABBREVIATION},
                                                        RequestContextUtils.getLocale(request)));
    /* add videocassettes to uservideostock */
    rentController.getDataBasket().commit();
 
    /* clean the moneybag by setting fresh instance */
    setDestination(new MoneyBagImpl("moneyPayed", VideoShop.getCurrency(), true));
 
    AutomatUser currentUser = (AutomatUser) UserManager.getInstance().getCurrentUser(request.getSession());
    mav.addObject("currentUserVideoStockATM", new ATMBuilder<UserVideoStock>(currentUser.getVideoStock()).getATM());
    mav.setViewName("rentSuccessful");
    return mav;
  }
 
  @RequestMapping("/cancel")
  public ModelAndView cancel(ModelAndView mav, HttpServletRequest request) {
    setDestination(new MoneyBagImpl("moneyPayed", VideoShop.getCurrency(), true));
    return rentController.cancel(mav, request);
  }

Die success-Methode bestätigt den erfolgreichen Ausleihvorgang inkl. Rückgeldbetrag mit einer Erfolgsnachricht und committet den DataBasket vom RentController (verschiebt die VideoCassette-Instanzen persistent vom AutomatVideoStock zum UserVideoStock). Achtung: Außerdem setzt sie eine neue MoneyBag-Instanz - das ist wichtig, denn ein Controller mit Session-Scope bleibt erhalten bis die Sission endet(ServerEinstellung), d.h. beim eventl. 2.Ausleihvorgang während der gleichen Session wäre sonst der Bezahlbetrag vom 1.Ausleihvorgang noch enthalten! Abschließend soll in der JSP der UserVideoStock angezeigt werden, also holen wir uns den User der aktuellen Session und fügen ein mittels ATMBuilder erstelltes ATM von seinem UserVideoStock der ModelMap hinzug.

WebContent/jsp/rentSuccessful.jsp: 

<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring" %>
<%@ taglib uri="http://www.salespoint-framework.org/web/taglib" prefix="sp" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=uft-8" />
    <link rel="stylesheet" type="text/css" href="<c:url value="/static/resources/css/style.css" />" />
    <title>SalesPoint2010-BlankWebapplication</title>
  </head>
  <body>
 
    <sp:Messages messages="${spErrors}" styleName="error"/>
    <sp:Messages messages="${spFlash}" styleName="flash"/>
 
    <sp:LoggedIn status="true">
      <sp:Table abstractTableModel="${currentUserVideoStockATM}" />
    </sp:LoggedIn>
 
    <a href="<c:url value="/"/>">back</a>
 
  </body>
</html>

Abschlussbetrachtung

In diesem Tutorial wurden die wichtigsten Punkte anhand des Videoautomatenbeispiels angesprochen. Das runterladbare Webprojekt enthält ein paar weitere Funktionalitäten wie z.B. das Zurückgeben von Videos, eine Nutzerprofilseite sowie eine Adminseite. Ein Blick in diesen Quellcode sollte bis auf die zusätzliche Nutzung von CSS nichts Neues offenbaren.

Von „https://www-st.inf.tu-dresden.de/SalesPoint/v4.0/index.php/Videoautomat_Web“