dedecms结合jQuery实现汇率自动调整

郭小果的爷爷 發表於 2024-2-22 00:00:00

公司开发了dedecms做外贸货币的时候，要求有个自动兑换汇率给了是两天时间+测试！公司第一开始打算用zencart因为集成了paypal这样就不用作开发了！

然后说用opencart简单的购物流程，但是又不用了，我那个去我很恼火，客户要求你懂得，然后客户的意思是不需要购物车流程，直接付款，然后还需要生成订单

而且汇率他只写美元的，然后自动转换，这事弄得，还剩一天时间，坚决选择了dedecms这个系统，然后直接做的，开始想用ajax调用然后兑换汇率的，奶奶的时间

太紧，就用的jquery，然后整个系统做的二次，dedecms的二次开发非常简单！大家可以找我哈！

重点代码自动汇率其实很简单，大家一看就懂，只是一个小的思维
<blockquote>
<ol class="dp-xml">
<li class="alt">
<div id="Product_List"> 
</li>
<li>
<table width="100%" class="Product_table" align="center"> 
</li>
<li class="alt">
<tbody><tr class="Product_Tr1"> 
</li>
<li>
<td width="10%" class="Img">Pro_Img</td><td width="45%" class="Products">Product</td> 
</li>
<li class="alt">
<td width="15%" class="Price">Price <select name="S_Currency" id="S_Currency" onchange="add();"><option value="USD" selected="">USD</option><option value="EUR">EUR</option><option value="CAD">CAD</option><option value="GBP">GBP</option><option value="SGD">SGD</option><option value="AUD">AUD</option></select></td> 
</li>
<li>
<td width="15%" class="CName">Character Name</td> 
</li>
<li class="alt">
<td width="15%"><div class="addTips">Pay Pal</div></td></tr> 
</li>
<li>
<form name="paypal" action="<a href="https://www.paypal.com/cgi-bin/webscr">https://www.paypal.com/cgi-bin/webscr</a>" method="post" id="formcar_3"></form> 
</li>
<li class="alt">
<tr class="Product_Tr"><td class="Img"> 
</li>
<li>
<a class="showimg" href="/uploads/allimg/130221/1-1302211122080-L.gif" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" _fcksavedurl=""/uploads/allimg/130221/1-1302211122080-L.gif"" target="_blank" rel="/uploads/allimg/130221/1-1302211122080-L.gif"><img src="/uploads/allimg/130221/1-1302211122080-L.gif" width="50" height="50"></a></td><td class="Products"><a href="/DFO_Item/2013/0221/3.html" target="_blank" title="111111111111111111 ">111111111111111111</a> 
</li>
<li class="alt">
</td><td class="Price"> 
</li>
<li>
<div id="7845_price" class="price"> 
</li>
<li class="alt">
<span id="trueprice_3">333</span>&nbsp;<span id="price_b_3">USD</span></div> 
</li>
<li>
</td><td class="CName"> 
</li>
<li class="alt">
<input type="hidden" name="on0" value="Character Name"> 
</li>
<li>
<input name="os0" type="text"></td><td> 
</li>
<li class="alt">
<input type="hidden" name="cmd" value="_xclick"> 
</li>
<li>
<input type="hidden" name="business" value="<a href="mailto:kamasseller2012@gmail.com">kamasseller2012@gmail.com</a>"> 
</li>
<li class="alt">
<input type="hidden" name="item_name" value="111111111111111111"> 
</li>
<li>
<input type="hidden" id="hidden_price_3" name="amount" value="333"> 
</li>
<li class="alt">
<input type="hidden" id="price_c_3" name="currency_code" value="USD"> 
</li>
<li>
<input type="hidden" name="notify_url" value="<a href="http://dfo">http://dfo</a>"> 
</li>
<li class="alt">
<input type="submit" name="Buy_Now" class="Buy_Now" value=""> 
</li>
<li>
</td> 
</li>
<li class="alt">
</tr> 
</li>
<li>
<script type="text/javascript"> 
</li>
<li class="alt">
var rate = { 
</li>
<li>
'USD':1, 
</li>
<li class="alt">
'EUR':0.7543, 
</li>
<li>
'CAD':1.0168, 
</li>
<li class="alt">
'GBP':0.6566, 
</li>
<li>
'SGD':1.2392, 
</li>
<li class="alt">
'AUD':0.9754 
</li>
<li>
}; 
</li>
<li class="alt">
$("#S_Currency").change(function(){ 
</li>
<li>
var now_type = $(this).val(); 
</li>
<li class="alt">
var now_rate = rate[$(this).val()]; 
</li>
<li>
$("form").each(function(){ 
</li>
<li class="alt">
var ids = $(this).attr("id").split("_"); 
</li>
<li>
var id = ids; 
</li>
<li class="alt">
var base_price = $("#hidden_price_"+id).val(); 
</li>
<li>
$("#trueprice_"+id).text("").text(Math.ceil(base_price * now_rate)+'.00'); 
</li>
<li class="alt">
$("#price_b_"+id).text("").text(now_type); 
</li>
<li>
$("#hidden_price_"+id).val(Math.ceil(base_price * now_rate)); 
</li>
<li class="alt">
$("#price_c_"+id).val(now_type);</p> <p> }); 
</li>
<li>
}); 
</li>
<li class="alt">
</script> 
</li>
<li>
</tbody></table></div> 
</li>
</ol>
</blockquote>

效果图

<img style="max-width:100%!important;height:auto!important;"title="dedecms结合jQuery实现汇率自动调整" alt="dedecms结合jQuery实现汇率自动调整" src="https://zhuji.jb51.net/uploads/img/202305/e7202235ca612119a808c2760e080710.jpg">

<img style="max-width:100%!important;height:auto!important;"title="dedecms结合jQuery实现汇率自动调整" alt="dedecms结合jQuery实现汇率自动调整" src="https://zhuji.jb51.net/uploads/img/202305/60942a0ba9315ee29cdf47a6cb8a46f7.jpg">

頁: [1]

琼殿技术论坛's Archiver

dedecms结合jQuery实现汇率自动调整