Apress bắt đầu ứng dụng với java google - p 8 doc

The search results page Figure 4-3 displays the accounts returned from the servlet.. Listing 4-3 contains the code to display the search box and any results returned from Bigtable by the

Trang 1

<span class="heading">Search by Account Name:</span>

<p/>

<input type="text" name="accountName" value="ACME"

style="width: 300px"/>

&nbsp

&nbsp

</form>

<p/>

</body>

</html>

If the account does not exist, users can create a new account using a standard

HTML form, as shown in Figure 4-2 You are simply collecting some summary information in order to identify the account Listing 4-2 contains the code for your input form

Trang 2

Listing 4-2 The code for accountCreate.jsp

<html>

<head>

<title>Telesales Demo (Google App Engine for Java)</title>

href="/stylesheets/styles.css"/>

</head>

<body>

<span class="title">Create a New Account</span>

<p/>

<td style="color: #ffffff; font-weight: bold;">Name</td> <td bgcolor="#ffffff"><input type="input"

name="name"></td>

</tr>

<td style="color: #ffffff; font-weight: bold;">City</td> <td bgcolor="#ffffff"><input type="input"

name="billingCity"></td>

</tr>

<td style="color: #ffffff; font-weight:

bold;">State</td>

<td bgcolor="#ffffff"><input type="input"

name="billingState"></td>

</tr>

bold;">Phone</td>

name="phone"></td>

</tr>

bold;">Website</td>

Trang 3

name="website"></td>

</tr>

<tr>

</tr>

</table>

</form>

</body>

</html>

The search results page (Figure 4-3) displays the accounts returned from the servlet Listing 4-3 contains the code to display the search box and any results returned from Bigtable by the keyword search Users can click the account name to obtain more

details about the account

Figure 4-3 The account lookup web page

Trang 4

Listing 4-3 The code for accountLookup.jsp

<%@ page import="java.util.List"%>

<%@ page import="com.appirio.entity.*"%>

<%

List<Account> accounts =

(List<Account>)request.getAttribute("accounts");

%>

<html>

<head>

<title>Google App Engine Servlet Example with Bigtable</title>

</head>

<body>

<span class="title">Google App Engine Servlet Example with

Bigtable</span>

<p/>

<p>Before creating a new Opportunity, ensure that the Account does

not already exist You can also <a

href="telesales?action=accountCreate"/>create a new account</a>.</p>

<p/>

<span class="heading">Search by Account Name:</span>

<p/>

<input type="text" name="accountName" value="<% if

(request.getParameter("accountName") != null) {

out.println(request.getParameter("accountName")); } %>" style="width:

300px"/>

&nbsp

&nbsp

</form>

<p/>

<% if (accounts.size() > 0) { %>

<span class="heading"><%= accounts.size() %> accounts matching your search criteria:</span>

<p/>

Trang 5

<table border="0" cellspacing="1" cellpadding="5"

bgcolor="#CCCCCC" width="50%">

<td style="color: #ffffff; font-weight: bold;">Name</td> <td style="color: #ffffff; font-weight: bold;">City</td> <td style="color: #ffffff; font-weight:

bold;">State</td>

bold;">Phone</td>

</tr>

<% for (int i = 0;i<accounts.size();i++) { %>

<% Account a = (Account)accounts.get(i); %>

<tr style="background:#ffffff"

onMouseOver="this.style.background='#eeeeee';"

onMouseOut="this.style.background='#ffffff';">

<td><a

href="telesales?action=accountDisplay&accountId=<%= a.getId() %>"><%=

a.getName() %></a></td>

</tr>

</table>

<% } else { %>

<span class="heading">No matching accounts found.</span>

<% } %>

<p/>

</body>

</html>

The Account Display view (Figure 4-4) shows the details of the account, a link to

create a new sales opportunity, and a list of all opportunities for the account in

Bigtable Listing 4-4 contains the code for this page

Trang 6

Figure 4-4 The Account Display web page

Listing 4-4 The code for accountDisplay.jsp

<%@ page import="java.util.List"%>

<%@ page import="java.text.SimpleDateFormat"%>

<%@ page import="com.appirio.entity.*"%>

<%

Account account = (Account)request.getAttribute("account");

List<Opportunity> opportunities =

(List<Opportunity>)request.getAttribute("opportunities");

SimpleDateFormat sdf = new SimpleDateFormat("M/d/yyyy");

%>

<html>

<head>

</head>

Trang 7

<body>

<span class="nav"><a href="/index.html">Search</a></span><p/>

<span class="title">Account Display</span>

<p/>

bold;">State</td>

bold;">Phone</td>

bold;">Website</td>

</table>

<br><a href="telesales?action=opportunityCreate&accountId=<%=

account.getId() %>">Create a new Opportunity</a><p/>

<% if (opportunities.size() > 0) { %>

<p/><span class="heading">Opportunities for <%=

account.getName() %></span><br><p/>

<table border="0" cellspacing="1" cellpadding="5"

bgcolor="#CCCCCC">

Trang 8

<td style="color: #ffffff; font-weight: bold;">Name</td> <td style="color: #ffffff; font-weight:

bold;">Amount</td>

bold;">Stage</td>

bold;">Probability</td>

<td style="color: #ffffff; font-weight: bold;">Close Date</td>

bold;">Order</td>

</tr>

<% for (int i = 0;i<opportunities.size();i++) { %>

<% Opportunity o = (Opportunity)opportunities.get(i); %> <tr style="background:#ffffff"

onMouseOver="this.style.background='#eeeeee';"

onMouseOut="this.style.background='#ffffff';">

</tr>

</table>

<% } else { %>

<p/><span class="heading">No Opportunities found for <%=

account.getName() %></span>

<% } %>

</body>

</html>

Listing 4-5 contains the code for the Create New Opportunity page, which is shown

in Figure 4-5 This HTML form collects the name of the opportunity, the anticipated

amount of the opportunity, and some additional attributes Submitting the form

creates the new opportunity in Bigtable and takes users back to the Account Display

page where they can view the newly created opportunity (Figure 4-6)

Trang 9

Figure 4-5 The Create a New Opportunity web page

Listing 4-5 The code for opportunityCreate.jsp

<%

String accountName = (String)request.getAttribute("accountName");

%>

<html>

<head>

</head>

<body>

<span class="nav"><a

href="telesales?action=accountDisplay&accountId=<%=

request.getParameter("accountId") %>">Back</a></span><p/>

<span class="title">Create a New Opportunity</span>

<p/>

<form method="post"

action="telesales?action=opportunityCreateDo&accountId=<%=

Trang 10

bold;">Account</td>

</tr>

</tr>

bold;">Amount</td>

</tr>

bold;">Stage</td>

<option>Prospecting</option>

<option>Qualifications</option>

<option>Value Proposition</option>

</select>

</td>

</tr>

bold;">Probability</td>

</select>

</td>

</tr>

Định dạng
Số trang	10
Dung lượng	0,92 MB