《JSP Web应用开发》殷立峰杨同峰房志峰邹新国著【摘要书评在线阅读】-苏宁易购图书

美阅书店

商品参数

作者：殷立峰杨同峰房志峰邹新国著| 殷立峰杨同峰房志峰邹新国编| 殷立峰杨同峰房志峰邹新国译| 殷立峰杨同峰房志峰邹新国绘
出版社：清华大学出版社
出版时间：2018-04
版次：2
印刷时间：2019-08-01
字数：1018000
页数：15
开本：26开
ISBN：9787302528555
版权提供：清华大学出版社

作者：殷立峰杨同峰房志峰邹新国
著：殷立峰杨同峰房志峰邹新国
装帧：平装-胶订
印次：暂无
定价：99.00
ISBN：9787302528555

出版社：清华大学出版社
开本：26开
印刷时间：2019-08-01
语种：中文

出版时间：2018-04
页数：15
外部编号：9607368
版次：2
成品尺寸：暂无

目录
第一部分简介与环境
第1章Web应用开发基础——万丈高楼平地起3
1.1计算机网络基础知识3
1.1.1计算机网络3
1.1.2Internet4
1.1.3TCP/IP5
1.2IP地址、域名和URL5
1.2.1IP地址5
1.2.2域名6
1.2.3URL7
1.3Web概述9
1.3.1WWW(万维网)9
1.3.2什么是网页9
1.3.3构成网页的基本元素10
1.3.4网页的分类13
1.4Web开发与运行环境概述14
1.4.1简单的Web应用开发运行环境14
1.4.2虚拟的Web应用开发运行环境15
1.4.3几种Web动态网页开发技术15
1.4.4常用的Web动态网页开发软件18
1.5JSP及其相关技术介绍21
1.5.1Java语言21
1.5.2Servlet技术21
1.5.3JavaBean技术22
1.5.4JSP开发与运行环境22
1.5.5JSP运行机制23
1.6习题24
第2章搭建JSP开发运行环境——工欲善其事，必先利其器25
2.1JSP开发运行环境及安装准备工作25
2.2JSP开发运行环境安装与配置26
2.2.1JDK的安装与配置26
2.2.2MyEclipse的安装、配置与使用34
2.2.3MySQL数据库的安装、配置与使用54
2.2.4Navicat Premium及其安装65
2.2.5SublimeText及其安装69
2.2.6Git、TortoiseGit及其安装70
2.3JSP服务器环境安装与配置79
2.3.1JSP服务器运行环境79
2.3.2服务器软件Tomcat的安装与配置79
2.3.3创建Web服务目录84
2.4习题86
2.4.1简答题86
2.4.2上机练习86
2.4.3实训课题86
第3章Web项目实例分析与设计——扬帆起航87
3.1项目开发流程87
3.2教学日志管理系统分析与设计91
3.2.1教学日志管理系统需求分析91
3.2.2教学日志管理系统设计95
第二部分前端开发
第4章HTML——一切从HTML开始101
4.1HTML概述101
4.1.1HTML入门——一个简单的HTML案例102
4.1.2HTML标签的基本概念104
4.1.3HTML文件基本架构106
4.1.4HTML的语法规范109
4.2HTML文本格式标签111
4.2.1标题标签…111
4.2.2文字格式标签…112
4.2.3字型设置标签114
4.2.4文字滚动标签115
4.2.5段落标签116
4.3图像与多媒体标签120
4.3.1图像标签120
4.3.2背景音乐标签121
4.3.3多媒体标签122
4.4HTML的超链接标签123
4.5HTML的表格、列表与块容器标签124
4.5.1表格标签

124
4.5.2列表标签129
4.5.3块容器标签

和131
4.6表单标签133
4.6.1表单标签…134
4.6.2输入标签134
4.6.3下拉列表框标签136
4.6.4多行文本框标签

…</p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/JqWgYQUriZXSvg0uGi-XTQ.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;"><span id="content-all"></span><br>本书是为应用型人才培养而编写的基于JSP的Web应用开发教材。Web应用开发是网页设计、数据库等各种技术的集成与综合应用。本书通过通俗易懂的语言和实用生动的例子，系统地介绍Web应用开发的基本常识、开发环境与开发工具、JavaScript语言、JSP基本语法、内置对象、JavaBean技术、Servlet技术、实用组件、数据库应用开发和程序设计等技术，并且在每一章的后面提供了习题，方便读者及时验证自己的学习效果。本书内容深入浅出、循序渐进，程序案例生动易懂，注重Web应用技术实践能力的培养，全书附加了大量案例，可以让学生通过案例的学习，快速提升自己的Web应用开发能力。 本书既可作为高等院校计算机科学与技术相关专业本科及专科学生的Web程序设计、网络程序设计、Web应用开发、动态制作、JSP程序设计等课程的教材，又可作为教师、自学者的参考用书，同时也可作为JSP初学者及各类Web应用开发设计人员的培训教材和学习参考书。学习本书时，读者需要具备Java程序设计、数据库原理、计算机网络等方面的基础知识。 本书配有电子教案及相关教学资源，读者可从www.tup.com.cn。<br></p></div><div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/OH_YfLxyJn8NL7rcpUEy8w.png"><p style="margin-top:5pt;text-indent:10pt;text-align:justify;font-size:18pt;color:#666;line-height:28pt;"><span id="abstract-all"></span><br>开发过程详尽。书中对于给出的例子均配有大量的步骤说明和截图，使读者能按照流程自行完成项目的开发。书中对开发中可能出现的错误进行了较为详细的描述，使读者在实际开发中能轻松排除错误。<br> </p></div> <div style="width:auto;height:auto;margin:0 0 10pt 0;"><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/ShP5bM-zio-w2rHZI2qAEA.png" ><p><img onload="if(this.width>750){this.height=this.height*(750.0/this.width); this.width = 750;}" src2="//uimgproxy.suning.cn/uimg1/sop/commodity/QEZ23PABRJFXaVV9TIUklA.png"></p></div></div>
                            </div>
	                    </div>
                    </div>
                </div>
                <div id="J-procon-comment" class="tabarea-content" style="display:none;"></div>
                <div id="J-procon-answer" class="tabarea-content" style="display:none;"></div>
                <div id="J-procon-sale" class="tabarea-content" style="display:none;"></div>
            </div>
            
            <div id="appraise" class="lazy-ajax mt10" data-type="function"><div  class="area loading-holder"></div><a target="_blank" href="//review.suning.com/cmmdty_review/general-000000012429962551-0070153176-1-total.htm">查看全部评论></a>
            </div>
            <div id="appwd" class="lazy-ajax mt10" data-type="function"></div>
            <div id="appAdv" class="mt10"><a rel="nofollow" name="item_12429962551_mobileAd_01" href="//c.m.suning.com/newPacket_pc.html" target="_blank"><img src2="//image3.suning.cn//uimg/cms/img/167836138660343191.png" onerror="javascript:$('#appAdv').hide()"/></a></div>                        <div id="serviceArea" class="lazy-ajax area mt10">
            	<div class="area-head"><h3>售后保障</h3></div>
<div class="after-market" id="afterService">
<div id="installService" class="lazy-ajax" data-type="function"></div>
<div id="afterServicePic"  class="lazy-ajax after-market-img-list" style="display: none"></div>
<div id="djh-after-market-container" style="display: none"></div>
<div id="snblank" style="display: none"></div>
</div>            	</div>
		    <div class="area history mt15" id="historyListDiv" sap-modid="14">
		        <div class="area-head">
		            <h3>最近浏览</h3>
		        </div>
		        <div class="lazy-ajax history-rec" id="J-historyList" data-type="function">
		        </div>
		    </div>
            <div class="procon-like mt15 lazy-ajax" id="adDatasDiv" sap-modid="16" style="display: none;">
            </div>
<div class="area history mt15" id="historyRecDiv" sap-modid="08">
    <div class="area-head">
        <h3>猜你喜欢</h3>
    </div>
    <div class="lazy-ajax history-rec" id="J-historyRec" data-type="jsonp">
    </div>
</div>

</div>
	<div class="lazy-ajax" id="pds-footer" data-type="function">
		<div style="height:25px;"></div>
	</div>
<script type="text/javascript" src="//res.suning.cn/project/crdnode/common/tingyun.js?v="></script>
<script type="text/javascript" src="//res.suning.cn/project/crdnode/comps/seoComponents-mini.js?v="></script>
<script type="text/javascript">
var isArray=function(obj){return Object.prototype.toString.call(obj)==='[object Array]';}
var windowOnLoadEventQueue=[];var scriptOnLoadEventQueue=[];window.onload=function(){for(var i=0;i<windowOnLoadEventQueue.length;i++){windowOnLoadEventQueue[i]();}}
function addOnLoad(func){windowOnLoadEventQueue=windowOnLoadEventQueue.concat(func);}
var lazyScriptMap={};function lazyLoadScript(src,callback){if(!lazyScriptMap[src]){lazyScriptMap[src]=callback;var scriptNode=document.createElement("script");if('function'===typeof callback){scriptNode.onload=callback;scriptNode.onreadystatechange=function(){if("loaded"==scriptNode.readyState||"complete"==scriptNode.readyState){callback();}}}else if(isArray(callback)){var callbackSequence=function(){for(var i=0;i<callback.length;i++){(callback[i])();}};scriptNode.onload=callbackSequence;scriptNode.onreadystatechange=function(){if("loaded"==scriptNode.readyState||"complete"==scriptNode.readyState){callbackSequence();}}}
scriptNode.type="text/javascript";scriptNode.src=src;var scriptContainer=document.getElementsByTagName("head")[0];scriptContainer.appendChild(scriptNode);}else{}}
function lazyLoadScripts(srcs,callback){var srcNum=srcs.length;var loadingProgress=0;if(srcNum>0){for(var i=0;i<srcNum;i++){var currSrc=srcs[i];lazyLoadScript(currSrc,function(){loadingProgress++;if(srcNum==loadingProgress){if('function'===typeof callback){callback();}else if(isArray(callback)){for(var i=0;i<callback.length;i++){(callback[i])();}}}});}}}
var isTimeout = false;
var lazyLoadFunction = null;
var lazyScriptLoaded = false;
var lazyScriptTimeout = 2000; //默认的超时时间2秒，这个数字2是业务部或用户体验部门来提出要求。

//在懒加载方法中对事件响应后绑定
lazyloadBindingFuc=function() {
	$(".mycar, .myhelp, .myweb").bind({
		mouseover: function() {
			addhover(this);
		},
		mouseout: function() {
			delhover(this);
		}
	});
}
lazyLoadFunction = function() {
	if(lazyScriptLoaded&&isTimeout) { //一旦已经执行过，并且是在timeout的情况下执行，则需要加载da.js
		lazyLoadScript(
				"//res.suning.cn/javascript/sn_da/da_opt.js?v=2024121721",
				function(){
					lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2024121721"
				);});
		return;	
	}
	
	lazyScriptLoaded =true;//flag置为true
	if (isTimeout) {
			lazyLoadScript("//res.suning.cn/javascript/ShoppingArea/V9/ECode.calendar.js?v=2024121721",
				function(){
					lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2024121721"
				);});
	} else {
			lazyLoadScript("//res.suning.cn/javascript/ShoppingArea/V9/ECode.calendar.js?v=2024121721",
				function(){
					lazyLoadScript("//res.suning.cn/javascript/sn_da/da_opt.js?v=2024121721",
						function(){
							lazyLoadScript("//res.suning.cn/javascript/sn_da/saSiteDsp.js?v=2024121721"
						);}
				);}
			);
	}
}
addOnLoad(lazyloadBindingFuc);
addOnLoad(lazyLoadFunction);
//对lazyload设置 超时机制 
function checkLazyScriptTimeout(){
	isTimeout = true;
    if(!lazyScriptLoaded){//检测lazy script是否已经加载
        if(!!lazyLoadFunction){//检测下函数空间，以免servlet还没加载完全
            lazyLoadFunction();//
        }else{
            setTimeout(checkLazyScriptTimeout, 1000);//在servlet还没加载完全的情况下，每过1秒，重新检测一次
        }
    }
}
setTimeout(checkLazyScriptTimeout, lazyScriptTimeout);
/*eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('2 8;5(!8)8={};5(!8.K)8.K={};(4(){2 j=/^\\w*?.A.z$/,1f=9.P.2r,Q=(("10:"==9.P.Q)?"10://":"2l://"),14=16(),7="|",1e=P.T,1h=v(1x(1e));4 U(a){2 b=a.V?v(a.V):"V B",p=a.p?v(a.p):"p B",C=y 2i(),1m=(R(a,C),C)?v(C.2f("").1w(/\\s|\\|/2e,"")):"2d B",t=(t=9.S("2c"))?t.Y:"",1a=p+7+b+7+1m,J=(J=9.S("2b"))?J.Y:"",1g=Q+14+"/2a.25",N=1n(),O="O";1r(O,N,\'/\',"","");2 c=l("23"),Z=22 11=="2s"?11.13:"20 1Z 1X 13",17=N+7+c+7+1a+7+1h,L=a.T?a.T:\'\',M=(L?19(L):\'-\'),F=9.S("1W"),1c=(F?F.Y:""),1d=l(\'1S\').H(\'|\')[1],1y=l(\'1O\'),1j=l(\'1M\'),1l=l(\'1K\').H(\'|\')[0],1o=1g+"?"+"1J="+17+"&1I="+J+"&t="+t+"&1H="+Z+\'&1G=\'+M+\'&F=\'+1c+\'&1D=\'+1d+\'&1C=\'+1y+\'&M=\'+1l+\'&1z=\'+1j;1v(1o)}4 1n(){2 a=y X(),m=1u.21(1A*1u.1B()),1t=a.W().1E().1F(m);6 1t}4 l(a){2 b=9.1q.H("; ");1p(2 i=0;i<b.I;i++){2 c=b[i].H("=");5(c[0]==a)6 1L(c[1])}}4 1v(a){2 n="1N"+(y X()).W();2 i=1i[n]=y 1P();i.1Q=(i.1R=4(){1i[n]=G});i.1T=a+"&1U="+n;i=G}4 16(){5(j.1V(1f)){6"K.A.1b/8"}E{6"1Y.A.1b/8"}}4 15(){6 9.D}4 1r(a,b,c,d,e){2 f=a+"="+24(b);5(d!=""){2 g=y X();g.26(g.W()+d);f+=";27="+g.28()}5(c!=""){f+=";29="+c}2 h=15();5(h.u(".A.z")!=-1){f+=";D=.A.z"}E 5(h.u(".18.z")!=-1){f+=";D=.18.z"}E{f+=";D="+e}9.1q=f}4 19(r){2 a=\'-\';5(!q(r)){a=1s(r,\'2g\',\'&\')}6 a}4 1x(a){5(a.I>2h){a=a.1k(0,2j)}2k(a.u(7)!=-1){a=a.1w(7,"--")}6 a}4 R(n,a){5(n.12==3){a.2m(n.2n)}E 5(n.12==1){1p(2 m=n.2o;m!=G;m=m.2p){R(m,a)}}}4 v(s){6 s!=G?2q(s):""}4 1s(a,b,c){2 d="-",x;5(!q(a)&&!q(b)&&!q(c)){x=a.u(b);5(x>-1){2 e=a.u(c,x);5(e<0){e=a.I}d=a.1k(x+b.I+1,e)}}6 d}4 q(o){6(B==o||\'\'==o||\'-\'==o)}2 k=8.K;k.U=U})();',62,153,'||var||function|if|return|_tag|sa|document||||||||||||getCookieIndex||||id|IsEmpty|||_type|indexOf|_encode||idx|new|com|suning|undefined|_strings|domain|else|urlPattern|null|split|length|_errorCode|click|aHref|sid|oId|_snck|location|protocol|_getString|getElementById|href|sendDatasIndex|name|getTime|Date|value|_cityId|https|sn|nodeType|cityId|server|_getDomain|getServer|cDatas|cnsuning|GetSID|Datas|cn|urlPatternV|visitorID|_toUrl|hostName|clickUrl|_shortToUrl|window|memberID|substring|sessionID|_text|getOnlyIdIndex|url|for|cookie|_addCookie4Index|Pick|onlyId|Math|httpGifSendIndex|replace|_cutUrlToShort|loginUser|mid|100000|random|lu|vid|toString|concat|_sid|_cId|_snme|_snmk|_snmb|unescape|custno|log_|idsLoginUserIdLastTime|Image|onload|onerror|_snma|src|iId|test|URLPattern|get|clicksit|not|can|round|typeof|_snmp|escape|gif|setTime|expires|toGMTString|path|ajaxClick|errorCode|resourceType|text|ig|join|tid|301|Array|300|while|http|push|nodeValue|firstChild|nextSibling|encodeURIComponent|hostname|object'.split('|'),0,{}))*/
$(document).ready(function(){
	if($("#anchorList li").length == 0){
		$("#J-procon-desc").addClass("not-anchor");
		$(".prod-detail-container").addClass('not-anchor');
	}
	  $("dl[name^=item_],img[name^=item_],span[name^=item_],a[name^=item_],p[name^=item_],div[name^=item_],i[name^=item_],li[name^=item_],input[name^=item_],a[name^=reviewitem_],input[name^=reviewitem_],p[name^=reviewitem_]").live("click",function(){
		  sa.click.sendDatasIndex(this);
	  });
	  //分享附节点阻止了冒泡，另设分享
	  $('.share a[name^=item_],.share span[name^=item_]').on("click", function(){ 
         sa.click.sendDatasIndex(this);
      });
//	  bd.init({
//	      'token' : 'other'
//	  });
      var env = "prd";
      if(sn.envName){
          if(sn.envName == "PROD"){
              env = "prd";
          }else if(sn.envName == "SIT"){
              env = "sit";
          }else if(sn.envName == "XGPRE"){
              env = "xgpre";
          }else if(sn.envName == "PRE"){
              env = "pre";
          }
      }

bd.init({
			appCode : "OLSltniYhR1s2xr5",
			env : env
	  });

_dfp.init({
          appCode : "OLSltniYhR1s2xr5",
          env : env,
          error : function (e) {
          }
      });
	});
	//FourPage.initCluster();
	CommonFourPage.autoPlayer();
	FourPage.itemMainTab();//主tab切
	iFourth.initDetailScroll();//详情锚点
	//初始化横条dom
	iFourth.fillProconToolbar();
    iFourth.init();//加载页面效果
	FourPage.lazyElems();
	FourPage.lazyFunction();
	FourPage.commGroup()//同级目录
	//非捐助加载推荐
	if(!sn.donateFlag){
	   FourPage.Recommend();//推荐
	}
	//展示举报
	FourPage.showJubao();
	initHistoryCookie(sn.partNumber,sn.vendorCode);//更新cookie
	if($("#kernelParmeter").length>0&&$.trim($("#kernelParmeter").find("ul").html())==""){$("#kernelParmeter").hide()}
	$("#cslpBox").html("").show();
	iFourth.bindProServTooltip();//服务标签
	$("img[src2]").Jlazyload({type: "image", placeholderClass: "err-product"});
    //360度图片加载
    if(sn.itemViewFlag){
		iFourth.popTabFun();
	}
    $('#hbModel-pj').on('click',function(){
        $("#productCommTitle").click();
    });
	//在线客服
	setFixBarOnline();
	//DOM结束后塞值防止DOM没加载结束值没塞进去
	$("li[rel=#J-procon-comment]").html('<a name="item_'+sn.ninePartNumber+'_tab_pingjia" href="javascript:void(0);">评价（'+sn.reviewTotal+'）</a>');
	if(typeof gProduct == "undefined" || gProduct.gors != "0"){
		$("#tabAddCart").show();
	}else{		
		$("#tabAddCart").hide();
	}
	if($("#callmeTile").length == 0){
		$("#onlineTile").parent().hide();
	}
	//相关品牌
	Recommend.lazyRelGroup();
	//页尾
	Recommend.lazyFooter();

iFourth.judgeCanvas();

window.doSeoComponents = function () {
    var reg = /^http(s)?:\/\/(.*?)\//;
    var referrer = document.referrer;
    var referrerHost = referrer && reg.exec(referrer);
    referrerHost = (referrerHost && Array.isArray(referrerHost)) ? referrerHost[2] : '';

var seoReferrerList = ",www.baidu.com,m.baidu.com,so.m.sm.cn,www.so.com,m.so.com,www.sogou.com,wap.sogou.com,cn.bing.com,cn.google.com,so.toutiao.com,m.toutiao.com,nativeapp.toutiao.com,";

if (null != referrerHost && '' != referrerHost && seoReferrerList.indexOf(','+referrerHost+',') != -1) {
        var categorys = {first:"502282",second:"502311",third:"502578"};
        var coupons = new Array();
        console.log(couponList);
        if (null != couponList && couponList.length > 0) {
            for (var i = 0; i < couponList.length; i++) {
                var actObj = couponList[i];
                if (null != actObj.activityType && actObj.activityType != "7") {
                    continue;
                }
                var obj = parseQueryString(actObj.activityLink);
                coupons.push({
                    actId: actObj.activityId,
                    actKey: actObj.activitySecretKey,
                    channel: "",
                    cityId: sn.lesCityId,
                    bonusTrigerId: obj.bonusTrigerId==null?"":obj.bonusTrigerId,
                    mobileVisitWapFlag: "",
                    versionNo: '',
                    uuid: '',
                    sourceId: "2001",
                    salesPrice: actObj.couponValue,
                    activityDescription: actObj.activityDesc,
                    activityTypeId:actObj.activityId,
                    couponType:actObj.couponType,
                    couponTypeTag:actObj.couponShowType,
                    memberAttLimitType:actObj.memberAttributeList
                });
            }
        }
        var product = {
            cityCode:sn.lesCityId,
            prodNo:sn.partNumber,
            shopCode:sn.vendorCode,
            comeFrompage:"fourGoodpage",
            shopName:"美阅书店",
            classCode:sn.catenIds,
            brandId:"0001400CU",
            distCode:getAddrCode(),
            b2cGroupId:sn.categoryId,
            goods_price:sn.promotionPrice,
            goodsName:sn.itemDisplayName,
            productImage:sn.fristPic,
            sourceURL:"https://product.suning.com/0070153176/12429962551.html"
        };
        seoComponents.init({
            mode:"compSe",
            sourceChannel: "04",
            platform: "p",
            styles: {},
            activityCode: "ACT0000012972",
            gameId: "GM0217",
            coupons: coupons,
            categorys: categorys,
            brand:"00014",
            product:product
        });
    }
};
</script>
<script id="shoppingAllowanceDialog" type="text/html">
    <div id="o2o-cjhb" sap-modid="23">
        <div class="o2o-contain">
            <div id="oto-bgg" class="oto-bgg" style='background: url("//image2.suning.cn/uimg/cms/img/154287473370364143.png")'>
                <p class="o2o-p1" style='background-image: url("//image2.suning.cn/uimg/cms/img/154510130790775531.png")'></p>
                {{if dialogMode == '5'}}
                <p class="o2o-p2">活动太火爆 稍后尝试</p>
                <br/>
                {{else}}
                <p class="o2o-p2"><a name="item_12429962551_gwjtmjhd_click" target="_blank" href="{{ruleUrl}}">{{bountyRulDescribe}} ></a></p>
                {{if startTimeStr && endTimeStr}}
                <p class="o2o-p3">{{startTimeStr}} 至 {{endTimeStr}}</p>
                {{/if}}
                {{/if}}
                <div id="o2oDynamic">
                    <div class={{if dialogMode == '1'}}
                    "o2o-common o2o-avalible">
                    {{else if dialogMode == '4'}}
                    "o2o-common o2o-success">
                    {{else if dialogMode == '5'}}
                    "o2o-common o2o-avalible">
                    {{/if}}
                    {{if dialogMode == '5'}}
                    <div class="o2o-lkbg">刷新</div>
                    {{else}}
                    <div class="o2o-d-con">
                        {{if freeAllowanceObj }}
                            <div class="o2o-d-y" sendCategory="free_allowance" sa-data="{'eletp':'','eleid':'140000630'}">
                                <span class="o2o-zydh">抢{{freeAllowanceObj.freeAmount}}元</span>
                                <span class="o2o-zyxy">可领{{freeAllowanceObj.freeRemainCount}}次</span>
                            </div>
                        {{else}}
                            {{each surplusQuota as quota}}
                            <div class="{{if !point || point < quota.pointQuota}}o2o-d-n{{else}}o2o-d-y{{/if}}{{if dialogMode != '1'}} hide{{/if}}" {{if quota.sendCategory=="0"}}sa-data="{'eletp':'','eleid':'140000640'}"{{else if quota.sendCategory=="1"}}sa-data="{'eletp':'','eleid':'140000650'}"{{/if}} sendCategory="{{quota.sendCategory}}">
                                <span class="o2o-zydh">{{if quota.sendCategory=="1"}}抢{{quota.minAllowanceQuota}}-{{quota.maxAllowanceQuota}}元{{else if quota.sendCategory=="0"}}抢{{quota.allowanceQuota}}元{{/if}}</span>
                                <span class="o2o-zyxy">{{if !point || point < quota.pointQuota}}云钻不足{{else}}需{{quota.pointQuota}}云钻{{/if}}</span>
                            </div>
                            {{/each}}
                        {{/if}}
                    </div>
                    <div class="o2o-do-text{{if dialogMode != '4'}} hide{{/if}}"><i>恭喜，兑换成功(</i><i>5</i><i>s)</i></div>
                    <div class="o2o-done{{if dialogMode != '4'}} hide{{/if}}">获得{{if dialogMode == '4'}}{{exchangeAllowanceQuota}}{{/if}}元购物补贴</div>
                    {{/if}}
                </div>
                {{if point >= 0}}
                <div class="o2o-my-money">
                    <span>我的云钻 : </span>
                    <i>{{point}}</i>
                </div>
                {{/if}}
                {{if bonusUseAmount >= 0 && shopAllowanceRedPacketLinkSwitch == '1'}}
                <div class="o2o-my-money">
                    <a href="//quan.suning.com/shoppingCoupon/shoppingCoupon_{{activityId}}.htm" target="_blank"><span>我的购物补贴 : </span>
                        <i>¥ {{bonusUseAmount}}</i></a>
                </div>
                {{/if}}
            </div>
        </div>
        </div>
    </div>

<div class="identity-pop-form" id="vasIdentityPopForm" style="display: none">
        <div class="idty-container">
            <div class="clearfix" id="vasSlideWords" style="display: none">
                <div class="lose-img"></div>
                <div class="idty-prompt">
                    <p>活动太火爆，请滑动验证！</p>
                </div>
            </div>
            <div class="clearfix" id="vasImgWords" style="display: none">
                <div class="lose-img"></div>
                <div class="idty-prompt">
                    <p>活动太火爆，请输入验证码验证！</p>
                </div>
            </div>
            <div class="idty-area" id="vasSlideCheck" style="display: none">
                <div>
                    <div style="width: 332px;height: 42px; text-align: center;background: #75C72B;"
                         id="vasSlideArea"></div>
                </div>
            </div>
            <div class="idty-area" id="vasImgCheck" style="display: none">
                <div class="identity-img ">
                    <div class=" clearfix ">
                        <div class="idty-input check-err check-correct" id="vasChenckInfo">
                            <input type="text" id="vasImgtext">
                            <i class="err-i" style="display: none"></i>
                            <i class="correct-i" style="display: none"></i>
                        </div>
                        <img src="" alt="" class="idtycode-img">
                        <a href="javascript:;" class="idty-change" onclick="shopAllowance.fk.imageCheck.changeValidate()">换一张</a>
                    </div>
                    <div class="err-box" style="display: none" id="vasErrbox"></div>
                    <a href="javascript:;" class="btn-idty" id="vasValidateButton">验证领取</a>
                </div>
            </div>
            <div id="vasSMSCheck" style="display: none">
                <div class="page1 SMS_security">
                    <div class="info info-tel">
                        <p>手机号码:<span class="tel-num" id="vasSmsTel"></span></p>
                    </div>
                    <p class="info info-code">
                        <input type="tel" class="code" id="vasSmsCode" placeholder="请输入验证码">
                        <a class="code1" id="vasGetSmsCode" href="javascript:;">获取验证码</a>
                    </p>
                    <p class="error-msg" style="display: none" id="vasSmsErrbox">验证码错误</p>
                    <div class="btn-box">
                        <a href="javascript:;" class="btn-idty" id="vasSMSButton">确定</a>
                        <a href="javascript:;" class="btn2" id="vasSMSCancel">取消</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
</script></body> 
</html>

服务体验

正版 JSP Web应用开发殷立峰杨同峰房志峰邹新国清华大学出

新华书店旗下自营，正版全新

看了又看

商品预定流程：

预约抢购流程说明：

云钻刮券

刮券规则

云钻刮券活动规则

活动时间

活动形式

其他

券使用规则

苏宁商家

搜索店内商品

商品分类

商品分类

美阅书店

服务体验

正版 JSP Web应用开发 殷立峰 杨同峰 房志峰 邹新国 清华大学出

新华书店旗下自营，正版全新

看了又看

商品预定流程：

预约抢购流程说明：

云钻刮券

刮券规则

云钻刮券活动规则

活动时间

活动形式

其他

券使用规则

苏宁商家

搜索店内商品

商品分类

商品分类

教材排行榜

美阅书店

正版 JSP Web应用开发殷立峰杨同峰房志峰邹新国清华大学出