Wicket lab4 備忘記

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：

<?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>

/************** 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 **************/

<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>

/************** 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 **************/

<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>

/************** 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 **************/

<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>

/************** 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 **************/

<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>

/************** 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 **************/

<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>

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

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

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

<html>
Thank you for your order!
</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", "[email protected]", "aaa",
     "1111 2222 3333 4444"));
   knownUsers.add(new User("u002", "[email protected]", "bbb",
     "2222 3333 4444 5555"));
   knownUsers.add(new User("u003", "[email protected]", "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/

欢迎大家访问我的个人网站萌萌的IT人

Wicket lab4 備忘記

你可能感兴趣的:(Wicket lab4 備忘記)