Joeyta備忘記

Wicket lab 4 為實作 電子購物系統,
與 Wicket lab 3 一樣, 使用靜態的 map 模擬資料庫存取動作,
在 WebApplication 的實作中重寫了 newSession 及 init,
並實作 WebSession, 將登入資訊及選擇的購物車貨品暫存至 session 裡,
這裡使用了新的元件 PasswordTextField 隱藏輸入的密碼,

貨品列表以 ListView 及 ListItem 顯示於頁面,
Link 的 onClick 動作作為轉頁功能, 而 PageLink 則直接轉至頁面,
並以 Button 的 onSubmit 動作將選擇的貨品加入購物車中,
最後在 WebPage 裡呼叫 getSession().invalidate() 作為登出動作.

執行畫面如下圖所示：

開始備忘記：
[1] 實作 lab 4

[1] 實作 lab 4：
<!------------- web.xml ----------------->
<?xml version="1.0" encoding="UTF-8"?>
<web-app id="WebApp_ID" version="2.4" xmlns="http://java.sun.com/xml/ns/j2ee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:schemaLocation="http://java.sun.com/xml/ns/j2ee http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd">
 <display-name>CM269</display-name>

 <filter>
        <filter-name>WicketLab1</filter-name>
        <filter-class>org.apache.wicket.protocol.http.WicketFilter</filter-class>
        <init-param>
          <param-name>applicationClassName</param-name>
          <param-value>cm269.lab1.MyApp</param-value>
        </init-param> 
 </filter>
    <filter-mapping>
        <filter-name>WicketLab1</filter-name>
        <url-pattern>/lab1/*</url-pattern>
    </filter-mapping>
   
 <filter>
        <filter-name>WicketLab2</filter-name>
        <filter-class>org.apache.wicket.protocol.http.WicketFilter</filter-class>
        <init-param>
          <param-name>applicationClassName</param-name>
          <param-value>cm269.lab2.MyApp</param-value>
        </init-param> 
 </filter>
    <filter-mapping>
        <filter-name>WicketLab2</filter-name>
        <url-pattern>/lab2/*</url-pattern>
    </filter-mapping>
   
 <filter>
        <filter-name>WicketLab3</filter-name>
        <filter-class>org.apache.wicket.protocol.http.WicketFilter</filter-class>
        <init-param>
          <param-name>applicationClassName</param-name>
          <param-value>cm269.lab3.MyApp</param-value>
        </init-param> 
 </filter>
    <filter-mapping>
        <filter-name>WicketLab3</filter-name>
        <url-pattern>/lab3/*</url-pattern>
    </filter-mapping>
   
 <filter>
        <filter-name>WicketLab4</filter-name>
        <filter-class>org.apache.wicket.protocol.http.WicketFilter</filter-class>
        <init-param>
          <param-name>applicationClassName</param-name>
          <param-value>cm269.lab4.MyApp</param-value>
        </init-param> 
 </filter>
    <filter-mapping>
        <filter-name>WicketLab4</filter-name>
        <url-pattern>/lab4/*</url-pattern>
    </filter-mapping>            

 <filter>
        <filter-name>WicketLab5</filter-name>
        <filter-class>org.apache.wicket.protocol.http.WicketFilter</filter-class>
        <init-param>
          <param-name>applicationClassName</param-name>
          <param-value>cm269.lab5.MyApp</param-value>
        </init-param> 
 </filter>
    <filter-mapping>
        <filter-name>WicketLab5</filter-name>
        <url-pattern>/lab5/*</url-pattern>
    </filter-mapping>

</web-app>
<!------------- web.xml ----------------->

/************** MyApp.java **************/
package cm269.lab4;

import org.apache.wicket.Request;
import org.apache.wicket.Response;
import org.apache.wicket.Session;
import org.apache.wicket.authorization.strategies.page.SimplePageAuthorizationStrategy;
import org.apache.wicket.protocol.http.WebApplication;

public class MyApp extends WebApplication {
 public Class getHomePage() {
  return ShowCatalog.class;
 }

 public Session newSession(Request request, Response response) {
  return new MySession(this, request);
 }

 protected void init() {
  getSecuritySettings().setAuthorizationStrategy(
    new SimplePageAuthorizationStrategy(AuthenticatedPage.class,
      Login.class) {
     protected boolean isAuthorized() {
      return ((MySession) Session.get()).getLoggedInUser() != null;
     }
    });
 }
}
/************** MyApp.java **************/

/************** ShowCatalog.java **************/
package cm269.lab4;

import java.util.List;

import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.link.Link;
import org.apache.wicket.markup.html.link.PageLink;
import org.apache.wicket.markup.html.list.ListItem;
import org.apache.wicket.markup.html.list.ListView;
import org.apache.wicket.model.CompoundPropertyModel;

public class ShowCatalog extends WebPage {
 public ShowCatalog() {
  List products = Catalog.globalCatalog.getProducts();
  ListView eachProduct = new ListView("eachProduct", products) {
   protected void populateItem(ListItem item) {
    final Product p = (Product) item.getModelObject();
    item.setModel(new CompoundPropertyModel(p));
    item.add(new Label("id"));
    Link detailsLink = new Link("detailsLink") {
     public void onClick() {
      ProductDetails details = new ProductDetails(p);
      setResponsePage(details);
     }
    };
    detailsLink.add(new Label("name"));
    item.add(detailsLink);
    item.add(new Label("price"));
   }
  };
  add(eachProduct);
  add(new PageLink("loginLink", Login.class));
  add(new Link("logoutLink"){
   public void onClick() {
    getSession().invalidate();
    setResponsePage(ShowCatalog.class);
   }
  });
 }
}
/************** ShowCatalog.java **************/

<!------------- ShowCatalog.html --------------->
<html>
<h1>Product listing</h1>
<table border="1">
 <tr wicket:id="eachProduct">
  <td wicket:id="id">p01</td>
  <td><a wicket:id="detailsLink"><span wicket:id="name">Pencil</span></a></td>
  <td wicket:id="price">1.20</td>
 </tr>
</table>
<p><a wicket:id="loginLink">Login</a>
<a wicket:id="logoutLink">Logout</a>
</html>
<!------------- ShowCatalog.html --------------->

/************** ProductDetails.java **************/
package cm269.lab4;

import java.util.List;

import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.form.Button;
import org.apache.wicket.markup.html.form.Form;

public class ProductDetails extends WebPage {
 public ProductDetails(final Product p) {
  add(new Label("title", p.getName()));
  add(new Label("heading", p.getName()));
  add(new Label("desc", p.getDesc()));
  Form form = new Form("productActionForm");
  add(form);
  form.add(new Button("addToCart") {
   public void onSubmit() {
    List cart = ((MySession) getSession()).getCart();
    cart.add(p.getId());
    setResponsePage(ShowCart.class);
   }
  });
  form.add(new Button("continueShopping") {
   public void onSubmit() {
    setResponsePage(ShowCatalog.class);
   }
  });
 }
}
/************** ProductDetails.java **************/

<!------------- ProductDetails.html ------------->
<html>
<head>
<title wicket:id="title">Pencil</title>
</head>
<body>
<h1 wicket:id="heading">Pencil</h1>
<span wicket:id="desc">xxx</span>
<form wicket:id="productActionForm">
 <input type="submit"
 value="Add to cart" wicket:id="addToCart" />
 <input type="submit"
 value="Continue shopping" wicket:id="continueShopping" />
</form>
</body>
</html>
<!------------- ProductDetails.html ------------->

/************** ShowCart.java **************/
package cm269.lab4;

import java.util.List;

import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.form.Button;
import org.apache.wicket.markup.html.form.Form;
import org.apache.wicket.markup.html.list.ListItem;
import org.apache.wicket.markup.html.list.ListView;
import org.apache.wicket.model.CompoundPropertyModel;

public class ShowCart extends WebPage {
 public ShowCart() {
  List cart = ((MySession) getSession()).getCart();
  ListView eachProduct = new ListView("eachProduct", cart) {
   protected void populateItem(ListItem item) {
    String id = (String) item.getModelObject();
    Product p = loadProduct(id);
    item.setModel(new CompoundPropertyModel(p));
    item.add(new Label("id"));
    item.add(new Label("name"));
    item.add(new Label("price"));
   }
  };
  add(eachProduct);
  Form form = new Form("cartActionForm");
  add(form);
  form.add(new Button("checkout") {
   public void onSubmit() {
    setResponsePage(Checkout.class);
   }
  });
  form.add(new Button("continueShopping") {
   public void onSubmit() {
    setResponsePage(ShowCatalog.class);
   }
  });
 }

 private Product loadProduct(String id) {
  return Catalog.globalCatalog.lookup(id);
 }
}
/************** ShowCart.java **************/

<!------------- ShowCart.html ------------->
<html>
<h1>Shopping cart</h1>
<table border="1">
 <tr wicket:id="eachProduct">
  <td wicket:id="id">p01</td>
  <td wicket:id="name">Pencil</td>
  <td wicket:id="price">1.20</td>
 </tr>
</table>
<form wicket:id="cartActionForm"><input type="submit"
 value="Checkout" wicket:id="checkout" /> <input type="submit"
 value="Continue shopping" wicket:id="continueShopping" /></form>
</html>
<!------------- ShowCart.html ------------->

/************** Checkout.java **************/
package cm269.lab4;

import java.util.Iterator;

import org.apache.wicket.markup.html.basic.Label;
import org.apache.wicket.markup.html.form.Button;
import org.apache.wicket.markup.html.form.Form;

public class Checkout extends AuthenticatedPage {
 public Checkout() {
  MySession session = ((MySession) getSession());
  double total = 0;
  for (Iterator iter = session.getCart().iterator(); iter.hasNext();) {
   String productId = (String) iter.next();
   total += Catalog.globalCatalog.lookup(productId).getPrice();
  }
  User loggedInUser = session.getLoggedInUser();

  add(new Label("total", Double.toString(total)));
  add(new Label("creditCardNo", loggedInUser.getCreditCardNo()));
  Form form = new Form("confirmForm");
  add(form);
  form.add(new Button("confirm") {
   public void onSubmit() {
    setResponsePage(ThankYou.class);
   };
  });
  form.add(new Button("continueShopping") {
   public void onSubmit() {
    setResponsePage(ShowCatalog.class);
   };
  });
 }
}
/************** Checkout.java **************/

<!------------- Checkout.html ------------->
<html>
<h1>Confirm your order</h1>
You're going to pay
<span wicket:id="total">100</span>
with your credit card
<span wicket:id="creditCardNo">xxxx yyyy zzzz</span>
.
<p>
<form wicket:id="confirmForm"><input type="submit"
 value="Confirm" wicket:id="confirm" /> <input type="submit"
 value="Continue shopping" wicket:id="continueShopping" /></form>
</html>
<!------------- Checkout.html ------------->

/************** Login.java **************/
package cm269.lab4;

import org.apache.wicket.markup.html.WebPage;
import org.apache.wicket.markup.html.form.Form;
import org.apache.wicket.markup.html.form.PasswordTextField;
import org.apache.wicket.markup.html.form.TextField;
import org.apache.wicket.markup.html.panel.FeedbackPanel;
import org.apache.wicket.model.CompoundPropertyModel;

public class Login extends WebPage {
 private String email;
 private String password;

 public Login() {
  add(new FeedbackPanel("errorMsg"));
  Form form = new Form("loginForm", new CompoundPropertyModel(this)) {
   protected void onSubmit() {
    try {
     User user = Users.getKnownUsers().getUser(email, password);
     ((MySession)getSession()).setLoggedInUser(user);
     if(!continueToOriginalDestination()){
      setResponsePage(ShowCatalog.class);
     }
     setResponsePage(ShowCatalog.class);
    } catch (AuthenticationException e) {
     error("Login failed. Try again.");
    }
   }
  };
  add(form);
  form.add(new TextField("email"));
  form.add(new PasswordTextField("password"));
 }

 public String getEmail() {
  return email;
 }

 public void setEmail(String email) {
  this.email = email;
 }

 public String getPassword() {
  return password;
 }

 public void setPassword(String password) {
  this.password = password;
 }
}
/************** Login.java **************/

<!------------- Login.html ------------->
<html>
<h1>Login</h1>
<span wicket:id="errorMsg" />
<form wicket:id="loginForm">
<table border="0">
 <tr>
  <td>Email:</td>
  <td><input type="text" wicket:id="email"></td>
 </tr>
 <tr>
  <td>Password:</td>
  <td><input type="password" wicket:id="password"></td>
 </tr>
 <tr>
  <td></td>
  <td><input type="submit" value="Login"></td>
 </tr>
</table>
</form>
</html>
<!------------- Login.html ------------->

/************** ThankYou.java **************/
package cm269.lab4;

import org.apache.wicket.markup.html.WebPage;

public class ThankYou extends WebPage {
}
/************** ThankYou.java **************/

<!------------- ThankYou.html ------------->
<html>
Thank you for your order!
</html>
<!------------- ThankYou.html ------------->

/*********** Catalog.java *********/
package cm269.lab4;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

public class Catalog {
 private List products;

 public Catalog() {
  products = new ArrayList();
  products.add(new Product("p01", "Pencil", "a", 1.20));
  products.add(new Product("p02", "Eraser", "b", 2.00));
  products.add(new Product("p03", "Ball pen", "c", 3.50));
 }

 public List getProducts() {
  return products;
 }

 public Product lookup(String id) {
  for (Iterator iter = products.iterator(); iter.hasNext();) {
   Product p = (Product) iter.next();
   if (p.getId().equals(id)) {
    return p;
   }
  }
  return null;
 }

 public static Catalog globalCatalog = new Catalog();
}
/*********** Catalog.java *********/

/*********** AuthenticationException.java *********/
package cm269.lab4;

public class AuthenticationException extends RuntimeException {
}
/*********** AuthenticationException.java *********/

/*********** AuthenticatedPage.java *********/
package cm269.lab4;

import org.apache.wicket.markup.html.WebPage;

public class AuthenticatedPage extends WebPage {
}
/*********** AuthenticatedPage.java *********/

/************** Product.java **************/
package cm269.lab4;

import java.io.Serializable;

public class Product implements Serializable {
 private String id;
 private String name;
 private String desc;
 private double price;

 public Product(String id, String name, String desc, double price) {
  this.id = id;
  this.name = name;
  this.desc = desc;
  this.price = price;
 }

 public String getId() {
  return id;
 }

 public void setId(String id) {
  this.id = id;
 }

 public String getName() {
  return name;
 }

 public void setName(String name) {
  this.name = name;
 }

 public String getDesc() {
  return desc;
 }

 public void setDesc(String desc) {
  this.desc = desc;
 }

 public double getPrice() {
  return price;
 }

 public void setPrice(double price) {
  this.price = price;
 }
}
/************** Product.java **************/

/************** User.java **************/
package cm269.lab4;

import java.io.Serializable;

public class User implements Serializable {
 private String id;
 private String email;
 private String password;
 private String creditCardNo;

 public User(String id, String email, String password, String creditCardNo) {
  this.id = id;
  this.email = email;
  this.password = password;
  this.creditCardNo = creditCardNo;
 }

 public boolean authenticate(String email, String password) {
  return this.email.equals(email) && this.password.equals(password);
 }

 public String getCreditCardNo() {
  return creditCardNo;
 }

 public String getId() {
  return id;
 }

 public void setId(String id) {
  this.id = id;
 }

 public String getEmail() {
  return email;
 }

 public void setEmail(String email) {
  this.email = email;
 }

 public String getPassword() {
  return password;
 }

 public void setPassword(String password) {
  this.password = password;
 }

 public void setCreditCardNo(String creditCardNo) {
  this.creditCardNo = creditCardNo;
 }
}
/************** User.java **************/

/************** Users.java **************/
package cm269.lab4;

import java.util.ArrayList;
import java.util.Iterator;
import java.util.List;

public class Users {
 private List users;
 private static Users knownUsers;

 public Users() {
  users = new ArrayList();
 }

 public void add(User user) {
  users.add(user);
 }

 public User getUser(String email, String password) {
  for (Iterator iter = users.iterator(); iter.hasNext();) {
   User user = (User) iter.next();
   if (user.authenticate(email, password)) {
    return user;
   }
  }
  throw new AuthenticationException();
 }

 public static Users getKnownUsers() {
  if (knownUsers == null) {
   knownUsers = new Users();
   knownUsers.add(new User("u001", "paul@yahoo.com", "aaa",
     "1111 2222 3333 4444"));
   knownUsers.add(new User("u002", "john@hotmail.com", "bbb",
     "2222 3333 4444 5555"));
   knownUsers.add(new User("u003", "mary@gmail.com", "aaa",
     "3333 4444 5555 6666"));
  }
  return knownUsers;
 }
}
/************** Users.java **************/

/************** MySession.java **************/
package cm269.lab4;

import java.util.ArrayList;
import java.util.List;

import org.apache.wicket.Application;
import org.apache.wicket.Request;
import org.apache.wicket.protocol.http.WebSession;

public class MySession extends WebSession {
 private List cart;
 private User loggedInUser;

 public MySession(Application application, Request request) {
  super(application, request);
  cart = new ArrayList();
 }

 public List getCart() {
  return cart;
 }

 public User getLoggedInUser() {
  return loggedInUser;
 }

 public void setLoggedInUser(User loggedInUser) {
  this.loggedInUser = loggedInUser;
 }
}
/************** MySession.java **************/

項目結構如下圖所示：

參考資料：
http://wicket.apache.org/