用XML和ASP实现一个灵活的购物车

您现在的位置：金石网 >> 网络学院 >> 网络编程 >> ASP教程 >> 正文

用XML和ASP实现一个灵活的购物车

『更新时间：2008-4-6 』『字体：变小变大』『作者：佚名 | 来源：互联网』

图A

列表C

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1252"> <title>New Page 2</title> </head> <body> <table cellPadding="0" width="100%" border="0" id="table1"> <tr> <td class="subhead1">Listing C</td> </tr> <tr bgColor="#ff0000"> <td height="1"> <img height="1" src="http://builder.com.com/i/tr/spacer.gif" width="1"></td> </tr> <tr> <td height="5"> <img height="5" src="http://builder.com.com/i/tr/spacer.gif" width="1"></td> </tr> <tr> <td> <%@ Language=JScript %> <% Response.Buffer = true; var strTitle = 'Honest Ed's Adventure Emporium'; Session('shoppingcart') = '<root>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>1</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>W01</item>'; Session('shoppingcart') += '<description>Swept hilt rapier</description>'; Session('shoppingcart') += '<weight>3.6</weight>'; Session('shoppingcart') += '<unitprice>195.95</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>2</line>'; Session('shoppingcart') += '<quantity>2</quantity>'; Session('shoppingcart') += '<item>W02</item>'; Session('shoppingcart') += '<description>Hand-and-a-half sword</description>'; Session('shoppingcart') += '<weight>5.8</weight>'; Session('shoppingcart') += '<unitprice>250.95</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>3</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>W03</item>'; Session('shoppingcart') += '<description>Wood long bow</description>'; Session('shoppingcart') += '<weight>2.7</weight>'; Session('shoppingcart') += '<unitprice>190.00</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>4</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>W04</item>'; Session('shoppingcart') += '<description>Wizard staff</description>'; Session('shoppingcart') += '<weight>3.1</weight>'; Session('shoppingcart') += '<unitprice>89.25</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>5</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>C01</item>'; Session('shoppingcart') += '<description>Gauntlets</description>'; Session('shoppingcart') += '<weight>0.7</weight>'; Session('shoppingcart') += '<unitprice>25.00</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>6</line>'; Session('shoppingcart') += '<quantity>5</quantity>'; Session('shoppingcart') += '<item>C02</item>'; Session('shoppingcart') += '<description>Knee-high boots</description>'; Session('shoppingcart') += '<weight>1.9</weight>'; Session('shoppingcart') += '<unitprice>95.00</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>7</line>'; Session('shoppingcart') += '<quantity>9</quantity>'; Session('shoppingcart') += '<item>C04</item>'; Session('shoppingcart') += '<description>Cloak</description>'; Session('shoppingcart') += '<weight>1.0</weight>'; Session('shoppingcart') += '<unitprice>125.00</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>8</line>'; Session('shoppingcart') += '<quantity>22</quantity>'; Session('shoppingcart') += '<item>C05</item>'; Session('shoppingcart') += '<description>Orc repellent</description>'; Session('shoppingcart') += '<weight>1.0</weight>'; Session('shoppingcart') += '<unitprice>8.95</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>9</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>W05</item>'; Session('shoppingcart') += '<description>Dwarf axe</description>'; Session('shoppingcart') += '<weight>8.0</weight>'; Session('shoppingcart') += '<unitprice>358.95</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>10</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>A01</item>'; Session('shoppingcart') += '<description>Steel cap</description>'; Session('shoppingcart') += '<weight>2.8</weight>'; Session('shoppingcart') += '<unitprice>219.95</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>11</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>A02</item>'; Session('shoppingcart') += '<description>Chainmail shirt</description>'; Session('shoppingcart') += '<weight>15.3</weight>'; Session('shoppingcart') += '<unitprice>487.22</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>12</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>A03</item>'; Session('shoppingcart') += '<description>Mithril shirt</description>'; Session('shoppingcart') += '<weight>0.4</weight>'; Session('shoppingcart') += '<unitprice>87236.03</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>13</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>W07</item>'; Session('shoppingcart') += '<description>Elvish long sword</description>'; Session('shoppingcart') += '<weight>1.9</weight>'; Session('shoppingcart') += '<unitprice>794.99</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>14</line>'; Session('shoppingcart') += '<quantity>1</quantity>'; Session('shoppingcart') += '<item>W08</item>'; Session('shoppingcart') += '<description>Elvish short sword</description>'; Session('shoppingcart') += '<weight>0.8</weight>'; Session('shoppingcart') += '<unitprice>435.99</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '<row>'; Session('shoppingcart') += '<selected></selected>'; Session('shoppingcart') += '<line>15</line>'; Session('shoppingcart') += '<quantity>3</quantity>'; Session('shoppingcart') += '<item>W09</item>'; Session('shoppingcart') += '<description>Short sword</description>'; Session('shoppingcart') += '<weight>1.5</weight>'; Session('shoppingcart') += '<unitprice>89.95</unitprice>'; Session('shoppingcart') += '</row>'; Session('shoppingcart') += '</root>'; %> <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <title><%=strTitle %></title> <style type="text/css"> TD { FONT-SIZE: 9pt; FONT-FAMILY: Tahoma } XML { WIDTH: 0px; HEIGHT: 0px; DISPLAY: none; } </style> <script language="JavaScript">  </script> </head> <body onload="setEvents()"> <table width="100%" border="0"> <tr> <td width="100%" align="center" bgcolor="black" > <font color="white" size="8pt"><%=strTitle %></font> </td> </tr> </table> <table width="100%" height="450" border="0"> <tr> <td align="left" valign="top"> <table id="boundTable" datasrc="#xmlWindow" width="100%" border="1" onreadystatechange="ieBusTable(this)"> <thead> <td bgcolor="#FFFFEE" width="5%"><b>Delete</b></td> <td bgcolor="#FFFFEE" width="5%"><b>Line</b></td> <td bgcolor="#FFFFEE" width="20%"><b>Item number</b></td> <td bgcolor="#FFFFEE" width="30%"><b>Description</b></td> <td bgcolor="#FFFFEE" width="25%"><b>Weight</b></td> <td bgcolor="#FFFFEE" width="7%"><b>Quantity</b></td> <td bgcolor="#FFFFEE" width="8%"><b>Unit Price</b></td> </thead> <tr> <td align="center" valign="top"> <input type="hidden" id="line" name="line" datafld="line" /> <input type="checkbox" id="selected" name="selected" datafld="selected" /> </td> <td align="right" valign="top"> <div datafld="line"></div> </td> <td valign="top"> <div datafld="item"></div> </td> <td valign="top"> <div datafld="description"></div> </td> <td valign="top"> <div datafld="weight"></div> </td> <td align="center" valign="top"> <input type="text" id="quantity" name="quantity" datafld="quantity" style="text-align: right" size="5" maxlength="3" /> </td> <td align="right" valign="top"> <div datafld="unitprice"></div> </td> </tr> </table> </td> </tr> <tr> <td align="bottom"> <table width="100%" border="0"> <tr> <td align="right"> Page <span id="currentpage"></span> of <span id="totalpages"></span> </td> </tr> </table> </td> </tr> </table> <p /> <table width="100%" border="0"> <tr> <td width="12%"> <input type="button" name="First" id="First" value="First" onclick="document.body.style.cursor = 'wait';objPage.showFirst();document.getElementById('currentpage').lastChild.nodeValue = objPage.page();document.body.style.cursor = 'auto'" /> </td> <td width="12%"> <input type="button" name="Next" id="Next" value="Next" onclick="document.body.style.cursor = 'wait';objPage.showNext();document.getElementById('currentpage').lastChild.nodeValue = objPage.page();document.body.style.cursor = 'auto'" /> </td> <td width="12%"> <input type="button" name="Previous" id="Previous" value="Previous" onclick="document.body.style.cursor = 'wait';objPage.showPrevious();document.getElementById('currentpage').lastChild.nodeValue = objPage.page();document.body.style.cursor = 'auto'" /> </td> <td width="12%"> <input type="button" name="Last" id="Last" value="Last" onclick="document.body.style.cursor = 'wait';objPage.showLast();document.getElementById('currentpage').lastChild.nodeValue = objPage.page();document.body.style.cursor = 'auto'" /> </td> <td width="12%"> </td> <td width="12%"> <input type="button" name="Update" id="Update" value="Update" onclick="document.body.style.cursor = 'wait';update();document.body.style.cursor = 'auto'" /> </td> <td> </td> </tr> </table> <xml id="xmlWindow" async="false"> </xml> <xml id="xmlFull" async="false"><%=Session("shoppingcart") %></xml> </body> </html> </td> </tr> </table> </body> </html>

服务器端
一旦客户端的代码编写完成，就到了把注意力集中到购物车的服务器端上了。创建购物车的机制因电子商务系统的差异而有所不同，但是XLM数据岛的基本布局就像下面列表D里面的一样。

列表D

<%@ Language=JScript %> <% /* ASP: xmlServer Creation Date: May 12, 2003 Programmer: Edmond Woychowsky Purpose: The purpose of this script is to handle client-side changes to the contents of an XML "shopping cart". Update Date: Programmer: Description: */ var objXML = new ActiveXObject('MSXML2.FreeThreadedDOMDocument.4.0'); objXML.loadXML(unescape(Request.ServerVariables.Item('HTTP_request'))); if(objXML.parseError == 0) { // Delete rows for(var i=0;i < objXML.getElementsByTagName('row').length;i++) if(eval(objXML.getElementsByTagName('selected').item(i).text)) { objXML.getElementsByTagName('root').item(0).removeChild(objXML.getElementsByTagName('row').item(i)); --i; } // Resequence lines for(var i=0;i < objXML.getElementsByTagName('line').length;i++) objXML.getElementsByTagName('line').item(i).text = (i + 1).toString(); Session('shoppingcart') = objXML.xml; // Update session variable } Response.Write(Session('shoppingcart')); // Respond to client objXML = null; // Clean up %>

由于这只是一个演示版的应用程序，所以客户端页面代码之后部分（见列表C）并没有显示出购物车最初是如何创建的，也没有显示任何数据库逻辑。它把重点放在了购物车的操控上（见列表D）。当第一件物品被选中的时候，利用XML文档对象模型（DOM），或者通过使用ADO的保存方法和XSLT就可以完成创建购物车了。以后的物品简单地通过使用DOM或者XSLT就可以加在后面了。

检验过程就是数据库逻辑所在的地方。我使用DOM来浏览XML购物车，使用一个Oracle存储过程来更新或者添加数据行，这真的对那些使用SQL服务器或者MySQL的购物车没有什么帮助。

第二次会更好
使用XML数据岛比较容易让HTML具有清爽的外观。这里没有一行接一行的服务器端代码，也没有嵌入在循环里的单行HTML，这里有的是一行HTML。当有人在你刚刚完成购物车应用程序就建议添加一个数据列的时候，这个方法可以帮助你避免一些开发人员需要面对的维护恶梦。

上一页 [1]