建立产品订单页面
首先，我们要设计显示给用户的HTML页面。用你喜欢的HTML编辑器，把列表 A里的代码加到产品订单页面。这个页面包含三个HTML复选框元素，用来选择公司的产品。在它们后面，Acme提供了用户可以选择的三种运输方法。然后，我们当然还需要订货所必需的姓名、地址和信用卡数据等信息。
<html>
<title>Product Order</title>
<body bgcolor="white">
<center>
<font size=6 color="red">ACME Product Orders</font>
<BR><BR><BR>
<b>Select Your Product to Order:</b>
<form method="post" action="">
<table cellspacing=3 cellpadding=3>
<tr> <td align="right">Widgets - .95</td>
<td><input type="checkbox" name="Widgets"></tr>
<tr> <td align="right">Foos - .95</td>
<td><input type="checkbox" name="Foos"></tr>
<tr> <td align="right">Things - .95</td>
<td><input type="checkbox" name="Things"></tr>
<tr> <td align="center" colspan=2>
<input type="radio" value="UPSG" name="ShippingMethod">UPS Ground
<input type="radio" value="UPS2" name="ShippingMethod">UPS 2nd Day
<input type="radio" value="UPS1" name="ShippingMethod">UPS Next Day</td></tr>
<tr> <td align="right">First Name</td>
<td><input type="text" name="FirstName"></td></tr>
<tr> <td align="right">Last Name</td>
<td>
<input type="text" name="LastName"></td></tr>
<tr><td align="right">Address</td>
<td><input type="text" name="Address"></td></tr>
<tr><td align="right">City</td>
<td><input type="text" name="City"></td></tr>
<tr><td align="right">State</td>
<td><input type="text" name="State"></td></tr>
<tr><td align="right">Zip Code</td>
<td><input type="text" name="ZipCode"></td></tr>
<tr><td align="right">Credit Card Type</td>
<td>
<select name="CardType">
<option value="Visa">Visa
<option value="Amex">American Express
<option value="MC">Master Card</select></td></tr>
<tr><td align="right">Card Name</td>
<td><input type="text" name="CardName"></td></tr>
<tr><td align="right">Card Number</td>
<td><input type="text" name="CardNumber"></td></tr>
<tr><td align="right">Expiration Date</td>
<td>
<select name="ExpMonth">
<option value="1">1
<option value="2">2
<option value="3">3
<option value="4">4
<option value="5">5
<option value="6">6
<option value="7">7
<option value="8">8
<option value="9">9
<option value="10">10
<option value="11">11
<option value="12">12</select>
<select name="ExpYear">
<option value="1998">1998
<option value="1999">1999
<option value="2000">2000
<option value="2001">2001
<option value="2003">2003</select></td></tr>
<tr><td colspan=2 align="center">
<input type="submit" value="Submit"></td></tr></table>
</center></form>
</body>
</html> |
当然，要是在表单背后没有数据库，能完成什么产品订单页呢？ 列表 B显示了建立产品订单数据库的SQL代码。我们有三个位字段，用来保存用户选中的产品。然后，我们还得有保存运输方法、姓名、地址和信息卡数据的字段。每个记录都有唯一的标识，在idProductCode 字段中设置，这个字段是自动增长的数据类型（SQL IDENTITY标识类型）。在你的数据库里执行这个SQL脚本，就建立了数据库。
列表B: 建立数据库所需的SQL脚本。
/** 对象：表 dbo.ProductOrder 脚本日期： 8/9/98 7:37:59 PM **/
CREATE TABLE dbo.ProductOrder (
idProductOrder int IDENTITY (1, 1) NOT NULL ,
bitWidgets bit NOT NULL ,
bitFoos bit NOT NULL ,
bitThings bit NOT NULL ,
chrShippingMethod varchar (10) NULL ,
chrFirstName varchar (100) NULL ,
chrLastName varchar (100) NULL ,
chrAddress varchar (150) NULL ,
chrCity varchar (100) NULL ,
chrState varchar (30) NULL ,
chrZipCode varchar (30) NULL ,
chrCardType varchar (20) NULL ,
chrCardName varchar (100) NULL ,
chrCardNumber varchar (25) NULL ,
chrExpDate varchar (45) NULL
)
GO |
在你建立了模板页之后，就可以把它导入IIS程序。方法是，在WebClass设计器的HTML Template WebItems(HTML模板Web项目)上单击右键，在单出菜单里选择增加HTML模板（Add HTML
Template）。在机器上找到刚才建立的HTML文件并导入它。要确保模板文件名为 ProductCode。现在看这个：在设计器的右侧面板里，列出了页面里的所有标记，其中一个是Form1。我们要给Form1增加一个自定义事件，在用户提交订单页时引发这个事件。方法是，双击右侧面板的里form1标记，你会注意到，在左侧面板里，一个叫做form1的自定义事件被加到产品订单模板下面。
| 
