⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 detail.html

📁 网上商店 使用jsp开发网上商店系统 4.1环境准备 为了利用JSP技术,首先需要建立环境。
💻 HTML
📖 第 1 页 / 共 2 页
字号:
	<div class="skin">
	<form method="post" name="product_form" id="product_form" action=""><table width="100%" border="0" cellspacing="0" cellpadding="0">
	<table width="100%" border="0" cellspacing="0" cellpadding="0">
	<tr><td align="left" valign="top">
		<div class="column column-8d5">
			<div class="product-pic">
				
				<div class="pic">
					<a href="javascript:MM_openBrWindow('view.html?pid=${detailPro.getString("pid")}','','')" id="ark:mainImage:a" > 
						<img src="${systenFolder}.${upload_pro_img}${detailPro.getString("img_b")}" width="250px" id="pro_img" />
					</a>
				</div>
				<ul class="thumbnail ul-2">
					#foreach ( $productAppendImgRows in $productAppendImg ) 
					<li id="ark:image:0" class="selected">	
						<img id="img${velocityCount}" src="${systenFolder}.${upload_pro_img}${productAppendImgRows.getString("img")}" width="30" height="30" onmouseover="changePic(this)" />
					</li>
					#end
					<img id="img999" src="${systenFolder}.${upload_pro_img}${detailPro.getString("img_b")}" width="30" height="30"  onmouseover="changePic(this)" /> 
				</ul>
			</div>
		</div>
	</td>
	<td align="left" valign="top">
		<div style="width:320px;">		
			<div class="detail product-title">
				<h3>${detailPro.getString("name")}</h3>
				
			</div>
			
			

			<div class="detail price-info">
				<ul>
					<li class="mall-price">价&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;格: 
					<span id="ark:price1:10048"></span> 
					<span id="ark:price2:10048"><em class="price left"><script src="my_price_js.jsp?pid=${detailPro.getString("pid")}"></script></em></span>
					</li>

					#if ($isOnDiscount=="true")
            

					<li class="market-price" style="color:#FF0000">市场价格: <del>${detailPro.getString("shop_price")}元</del></li>
					<li class="saving" style="color:#FF0000">为你节省: <em id="ark:priceSave:10048" dft="64.0元 (${discount}折)">64.00元 (${discount}折)</em></li>
					<li class="freight" style="color:#FF0000">优惠期:  ${detailPro.getString("discount_st")} -  ${detailPro.getString("discount_en")}</li>
					#end
				</ul>
			</div>

			<div>#if(${attrSelectHtml}!="")
			${attrSelectHtml}
			#if (${detailPro.get("brand_id",${StringUtil.getLongType()})}>0)
			<br>品牌:			
			<a href="product-brand-${detailPro.getString("brand_id")}.html" style=" font-weight:normal; font-size:12px;">
						${brandTitle}			</a>
			#end
			#end</div>
			
			<div id="progressBox" style=" font-weight:normal; font-size:12px;">数量 
<input name="quantity" type="text" style="width:20px;" value="1"/>
	</div>
</div>
<br />

#if(${detailPro.getString("short_desc")}!="")
<div style="line-height:20px;">
${detailPro.getString("short_desc")}
</div>
<br />
#end

<div>

			<div class="detail buying-info">
				<div class="sumbit-box">
					<input type="hidden" name="pid" value="${pid}" id="pid" />
                      <input type="hidden" name="attribute" id="attribute" />
                      <input type="hidden" name="backurl" value="${backurl}" id="backurl" />
					<div style="height:29px;float:left"><a class="cart-button" href="javascript:add2Cart();" id="ark:addToCart">添加到购物车</a></div>   <div style="height:29px;padding-left:30px;"><a href="javascript:addFavory();"><img src="../imgs/favory.jpg" width="46" height="29" border="0" /></a></div>

					</div>
			</div>
		</div><br />

		<span id="progess" style="padding-left:10px;color:#666666">正在处理 <img src="../imgs/loadingAnimation2.gif" width="208" height="13" align="absmiddle"/></span>
	<span id="addToBagSuccess" style=" display:none;padding-left:10px;;color:#666666"><img src="../imgs/standard_msg_ok.gif" align="absmiddle"/> &nbsp;<a href="checkout.html">成功加入购物车,点击这里马上进行结帐</a></span>
	<span id="addToBagFailure" style=" display:none; color:red;padding-left:10px;"><img src="../imgs/cancel_order.gif" align="absmiddle"/> &nbsp;加入购物车失败</span>
	</td>
</tr>
	</table>

	</form>
		
		
	</div>
</div>
	  
	  
	  </td>
    </tr>
  </table>
  <div class="flexed"></div>
</div>
</div>


<div class="module-layout-c">
<div class="module-main">
<div class="module-column">
  <table width="955" border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td width="547">
									

<div class="product-content" style="width:955px;">

#set ($packetProMs=${productMgr.getPacketsByPid($pid,null)})
#if(${StringUtil.getRowLength($packetProMs)}>0)

	<div><div class="itemList"  style="width:955px;">
									
									<div class="mdse-detail">
	<h3>捆绑促销</h3>
		

#foreach ( $packetProM in $packetProMs)	

<table width="100%" height="22" border="0" cellpadding="2" cellspacing="0">

              <tr align="left">
                <td width="74%" align="left" valign="middle" style="border:1px #eeeeee solid;padding:20px;"><div align="center">
                  
           


#foreach ( $products in ${productMgr.getAllProductsByPpid(${packetProM.get("ppid",${StringUtil.getLongType()})})} )	

                    <DIV style="FLOAT: left;width:180px; TEXT-ALIGN: center;">
                      <DIV style="width:150px;padding-bottom:10px;"> <a target="_blank" href="detail-${products.getString("pid")}.html"><img src="${ConfigBean.getStringValue("systenFolder")}.${ConfigBean.getStringValue("upload_pro_img")}${products.getString("img_s")}" width="75" height="75" border="0"></a></div>
                      <DIV  style="width:160px;padding-bottom:20px;"> ${products.getString("name")} </div>
                    </div>

#end

                    <br>
                      <br>
        
                </div></td>
                <td width="26%" align="center" valign="middle" >只需:<span style="font-size:12px;color:#FF0000;font-weight:bold">¥${packetProM.getString("pprice")}</span><br />
                  <br />
                  <a href="detail-packet-${packetProM.getString("ppid")}.html" target="_blank"><img src="../imgs/btnquickbuy.gif" border="0" /></a></td>
              </tr>
            </table>

#end


					</div></div>
					<br /><br />					
	#end				
<!----------------------------------------------------------------->					
					
						<div id="mainContentWrap">
					<div class="tabContent">
						<div class="mdse-detail">
	<h3>产品详情</h3>
						
						#if (${splitDetail_length}>0)
							#foreach ( $splitDetailRows in $splitDetail )
							#set($i=$velocityCount+1)
							<div class="tabContent" id="tabContent${i}" style="line-height:20px;">
									<p>${splitDetailRows.getString("content")}</p>
							</div>	
							#end
						#else
						<div class="tabContent" id="tabContent1" style="line-height:20px;">
								<p>${detailPro.getString("detail_desc")}</p>
						</div>						
						#end
						</div>
						
						<div class="tabContent" id="tabContent999">
<table width="955" border="0" align="center" cellpadding="2" cellspacing="0">
  <tr> 
    <td>

										<div><div class="itemList"  style="width:955px;">
									
									<div class="mdse-detail">
	<h3>售前咨询</h3>
	<DIV id=evaluate_prolist></DIV><SPAN id=evaluate_loadifo class="WarningMsg"></SPAN>			
					
					</div></div>
			

	<table width="100%" border="0" cellspacing="0" cellpadding="3">
        <script>
function checkstar(num)
{
	document.pevaluate_form.star[num].checked=true;
}

function check_pevaluate_form(theForm)
{
	if (theForm.author.value=="")
	{
		alert("请填写作者");
		return(false);
	}
	if (theForm.licence.value=="")
	{
		alert("请填写验证码");
		return(false);
	}
	if (theForm.content.value=="")
	{
		alert("请填写评价内容");
		return(false);
	}
	return(true);
}
</script>
        <form action="${ConfigBean.getStringValue("systenFolder")}appController/addPEvaluate" method="post" name="pevaluate_form" onsubmit="return check_pevaluate_form(this)">
          <input type="hidden" name="backurl" value="${backurl}">
          <input type="hidden" name="pid" value="${pid}">
          <tr> 
            <td width="29%">提问人: 
              <input name="author" type="text" id="author2" value="顾客"></td>
            <td width="71%"> 验证码 
              <input name="licence" type="text" id="licence2" size="13"> <img src="${systenFolder}loginLicence" align="absmiddle"></td>
          </tr>
          <tr> 
            <td colspan="2"><input type="radio" name="star" value="0" style="border:0px;"> <img onclick="checkstar(0)" src="../imgs/stars-0-0.gif"> 
              <input type="radio" name="star" value="1" style="border:0px;" > <img  onclick="checkstar(1)" src="../imgs/stars-1-0.gif"> 
              <input type="radio" name="star" value="2"  style="border:0px;"> <img src="../imgs/stars-2-0.gif" onclick="checkstar(2)"> 
              <input name="star" type="radio" value="3"  style="border:0px;" checked> <img src="../imgs/stars-3-0.gif"  onclick="checkstar(3)"> 
              <input type="radio" name="star" value="4" style="border:0px;" > <img src="../imgs/stars-4-0.gif" onclick="checkstar(4)" > 
              <input type="radio" name="star" value="5" style="border:0px;" > <img src="../imgs/stars-5-0.gif" onclick="checkstar(5)" >            </td>
          </tr>
          <tr> 
            <td colspan="2"><textarea name="content" cols="50" rows="7" id="textarea"></textarea>

              <input type="image" name="imageField"  style="border:0px;" src="../imgs/button_sendtoalipay.gif" />              </td>
          </tr>
        </form>
      </table></td>
  </tr>
</table>
						</div>			


					</div>

<table width="760" border="0" cellspacing="0" cellpadding="3">
  <tr>
    <td width="754">
										<div><div class="itemList"  style="width:955px;">
									#if (${detailPro.get("brand_id",${StringUtil.getLongType()})}>0)
									<div class="mdse-detail">
	<h3><a href="product-brand-${detailPro.getString("brand_id")}.html"><font color="#0099FF">${brandTitle}</font></a> 其他商品</h3>
				
					<ul class="goodsList"><br />

					#foreach ( $otherBrandPro in ${productMgr.getProductsByBidByCount($pid,${detailPro.get("brand_id",${StringUtil.getLongType()})},8)} ) 
				<li>
					<ul class="item">
						<li class="itemPic"><a href="detail-${otherBrandPro.getString("pid")}.html"><img src="${systenFolder}.${upload_pro_img}${otherBrandPro.getString("img_s")}" width="70" height="70" /></a></li>
						<li class="itemName" style="height:50px;overflow:hidden;"><a href="detail-${otherBrandPro.getString("pid")}.html">${otherBrandPro.getString("name")}</a></li>
						<li class="rate star${otherBrandPro.getString("star_avg")}">&nbsp;</li>
						<li class="price">
							${productMgr.getProductPriceStr($otherBrandPro)}</li>
					</ul>
				</li>
				#end
				#end
				</ul>
					
			</div></div></div>
	</td>
  </tr>
</table>


#if(${StringUtil.getRowLength($orgRelationRows)}>0)
			<div ><div class="itemList"  style="width:955px;">
			<div class="mdse-detail">
	<h3> 或者您会喜欢</h3>
	
					<ul class="goodsList"><br />

	#foreach ( $relaProductRows in $orgRelationRows ) 
				<li>
					<ul class="item">
						<li class="itemPic"><a href="detail-${relaProductRows.getString("pid")}.html"><img src="${systenFolder}.${upload_pro_img}${relaProductRows.getString("img_s")}" width="70" height="70" /></a></li>
						<li class="itemName" style="height:50px;overflow:hidden;"><a href="detail-${relaProductRows.getString("pid")}.html">${relaProductRows.getString("name")}</a>
						#if(${productMgr.relationDiscountTag($relaProductRows)}!="")
						<span style="color:#FF0000">(${productMgr.relationDiscountTag($relaProductRows)}折)</span>
						#end						</li>
						<li class="rate star${relaProductRows.getString("star_avg")}">&nbsp;</li>
						<li class="price">
							${productMgr.getProductPriceStr($relaProductRows)}</li>
					</ul>
				</li>

				#end
				</ul>

			</div></div>
			#end					





</div>
</div>
</div>


	  
	  </td>
    </tr>
  </table>
</div>
</div>
</div>
	
	</td>
  </tr>
</table>

	
</div>
</div>
</div>

	
		<script>
function getAttributeStr()
{
	var attrStr = "";
	var count = ${StringUtil.getRowLength($attrRow)};
	if (count>0)
	{
		for (i=0; i<count-1; i++)
		{
			attrStr += document.getElementById("attr_name"+i).innerHTML+"@"+document.getElementById("attr_option"+i).value+"#";
		}
		attrStr += document.getElementById("attr_name"+i).innerHTML+"@"+document.getElementById("attr_option"+i).value;

	}
	
	return(attrStr);
}

loadurl_c('evaluate.html?pid=${pid}',"evaluate_loadifo","evaluate_prolist");
		</script>

		<script>
document.write('<script src="${ConfigBean.getStringValue("systenFolder")}count.jsp?ref='+escape(document.referrer)+'&currentURL='+escape(document.location)+'&color_depth='+screen.colorDepth+'&screen='+screen.width+'x'+screen.height+'&lang='+navigator.systemLanguage+'"><\/script>');
		</script>									
${foot}
</body>
</html>

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -