..
在许多网站,特别是那些,当然还有电子商务,但还有其他,你可以直接在网上购买产品。
这篇文章将告诉你如何做一个简单的购物车使用库SimpleCart(JS) 。
这个库是开源的Javascript,使只使用,不需要运行任何服务器端语言,也不是数据库,以存储在车中的所选项目仅仅在于饼干。

该库的使用非常简单,很少有参数和正确的HTML标记,你可以得到一个良好的虚拟购物车。 该库还提供了对信用卡这种支付作为最重要的两种方法的原生支持贝宝和谷歌结帐 。 在各项功能,让您自定义SimpleCart货币(欧元,美元等),增值税(税税率)和航运。
现在让我们看看我们如何发展我们的购物车。
首先,我们必须包含在我们的网页库SimpleCart:
<script type="text/javascript" src="simpleCart.js"> </ SCRIPT>那么让我们来我们的配置参数,如:
<script type="text/javascript"> simpleCart.checkoutTo = C / /付款方式 simpleCart.email =“tuaemail@tuosito.it”/ / PayPal电子邮件 simpleCart.currency = EUR / /货币使用 simpleCart.taxRate = 0.20; / /税 simpleCart.shippingFlatRate = 10.00; / /运费 simpleCart.cartHeaders = [“名称”,“大小”,“价格”,“递减”,“数量”,“增量”,“删除”,“总”]; </ SCRIPT>
看到上面的参数允许您自定义的车,以适应我们的具体需求。
第一个参数是我们包括付款方式:贝宝,我们设定,虽然在现实中是没有必要的,因为它是默认的。 此外,您也可以选择贝宝谷歌结帐,但在这种情况预计不会而是您帐户的电子邮件地址列入标识:
simpleCart.checkoutTo = GoogleCheckout; simpleCart.merchantId =“111111111111111”;
不过在这个例子去,我们投入使用的货币和20%的税(象征我国现行增值税)欧元。
另一个参数设置在这方面的运输费用SimpleCart可以有所不同的运输费用3种:
simpleCart.shippingFlatRate = 10.00; / /整个订单金额 simpleCart.shippingQuantityRate = 3.00 / /对每个产品的数量 simpleCart.shippingTotalRate = 0.05,总成本/ /金额百分比
最后一个参数,在我们的示例代码中,但是,cartHeaders,或阵列,可让您自订的车清单(由用户的总成本等选择的产品)。
在我们的例子中,我们已选择要显示的名称,规格,价格,数量等。
| |
CSS(课程)
网页设计和辅助功能根据W3C CSS和XHTML。 起价29€。 |
| |
HTML(课程)
为从29€Web标记语言。 |
| |
使用Javascript(课程)
完成引导客户端脚本。 从39€。 |