电子商务淘宝网站程序

常州大学1一、实验目的1、使学生了解网上商店的主要作用及其与一般管理信息系统的差异，要求学生明确网上商店设计、开发、建造过程中的主要技术热点和前沿问题。2、要求学生掌握网上商店的生命周期的基本概念，理解网上商店分析设计和开发的各个主要阶段及其主要任务，了解网上商店分析开发过程与一般管理信息系统的差异，了解网上商店开发过程中的人员组织及其职责。3、要求学生理解水平型网站、垂直型网站、综合型网站的主要特征、作用及其核心技术。4、要求学生掌握网站设计的基本思路和过程。5、了解电子商务网站设计常用组件，掌握首页设计、页面可视化设计、网站的风格和创意设计、网站的栏目和版块设计、网站的目录结构和链接结构确定的要点。二、实验原理电子商务系统的系统开发生命周期主要包括如下5个方面：（1）系统分析规划：选定商业模式，确定商业目标、系统功能及信息需求（2）系统设计：逻辑设计与物理设计（3）系统开发：企业内部开发与系统外包（4）系统实施：一项复杂的系统工程（5）系统运行/维护：保证系统正常运行一个一般的网站的设计思路与过程为：1、客户需求分析2、网站表现形式分析：1）网站整体风格：2)网页设计理念：3）网站配色方案4)网站构架3、网站功能设计1）前台功能设计2）后台模块功能设计三、实验内容1、主页代码!DOCTYPEhtmlPUBLIC-//W3C//DTDXHTML1.0Transitional//EN://www.w3.org/1999/xhtmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title无标题文档/titlestyletype=text/css!--@importurl(css/001.css);常州大学2--/stylemetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title/titlescriptlanguage=javascript//图片滚动列表mengjia070927varSpeed_1=10;//速度(毫秒)varSpace_1=40;//每次移动(px)varPageWidth_1=116*3;//翻页宽度varinterval_1=7000;//翻页间隔varfill_1=0;//整体移位varMoveLock_1=false;varMoveTimeObj_1;varMoveWay_1=right;varComp_1=0;varAutoPlayObj_1=null;functionGetObj(objName){if(document.getElementById){returneval('document.getElementById('+objName+')')}else{returneval('document.all.'+objName)}}functionAutoPlay_1(){clearInterval(AutoPlayObj_1);AutoPlayObj_1=setInterval('ISL_GoDown_1();ISL_StopDown_1();',interval_1)}functionISL_GoUp_1(){if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1=left;MoveTimeObj_1=setInterval('ISL_ScrUp_1();',Speed_1);}functionISL_StopUp_1(){if(MoveWay_1==right){return};clearInterval(MoveTimeObj_1);if((GetObj('ISL_Cont_1').scrollLeft-fill_1)%PageWidth_1!=0){Comp_1=fill_1-(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1);CompScr_1()}else{MoveLock_1=false}AutoPlay_1()}functionISL_ScrUp_1(){if(GetObj('ISL_Cont_1').scrollLeft=0){GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft+GetObj('List1_1').offsetWidth}GetObj('ISL_Cont_1').scrollLeft-=Space_1}functionISL_GoDown_1(){clearInterval(MoveTimeObj_1);if(MoveLock_1)return;clearInterval(AutoPlayObj_1);MoveLock_1=true;MoveWay_1=right;ISL_ScrDown_1();MoveTimeObj_1=setInterval('ISL_ScrDown_1()',Speed_1)}functionISL_StopDown_1(){if(MoveWay_1==left){return};clearInterval(MoveTimeObj_1);if(GetObj('ISL_Cont_1').scrollLeft%PageWidth_1-(fill_1=0?fill_1:fill_1+1)!=0){Comp_1=PageWidth_1-GetObj('ISL_Cont_1').scrollLeft%PageWidth_1+fill_1;CompScr_1()}else{MoveLock_1=false}AutoPlay_1()}function常州大学3ISL_ScrDown_1(){if(GetObj('ISL_Cont_1').scrollLeft=GetObj('List1_1').scrollWidth){GetObj('ISL_Cont_1').scrollLeft=GetObj('ISL_Cont_1').scrollLeft-GetObj('List1_1').scrollWidth}GetObj('ISL_Cont_1').scrollLeft+=Space_1}functionCompScr_1(){if(Comp_1==0){MoveLock_1=false;return}varnum,TempSpeed=Speed_1,TempSpace=Space_1;if(Math.abs(Comp_1)PageWidth_1/2){TempSpace=Math.round(Math.abs(Comp_1/Space_1));if(TempSpace1){TempSpace=1}}if(Comp_10){if(Comp_1-TempSpace){Comp_1+=TempSpace;num=TempSpace}else{num=-Comp_1;Comp_1=0}GetObj('ISL_Cont_1').scrollLeft-=num;setTimeout('CompScr_1()',TempSpeed)}else{if(Comp_1TempSpace){Comp_1-=TempSpace;num=TempSpace}else{num=Comp_1;Comp_1=0}GetObj('ISL_Cont_1').scrollLeft+=num;setTimeout('CompScr_1()',TempSpeed)}}functionpicrun_ini(){GetObj(List2_1).innerHTML=GetObj(List1_1).innerHTML;GetObj('ISL_Cont_1').scrollLeft=fill_1=0?fill_1:GetObj('List1_1').scrollWidth-Math.abs(fill_1);GetObj(ISL_Cont_1).onmouseover=function(){clearInterval(AutoPlayObj_1)}GetObj(ISL_Cont_1).onmouseout=function(){AutoPlay_1()}AutoPlay_1();}//产品展示滚动图片结束//--/scriptstyletype=text/css!--BODY{BORDER-TOP-WIDTH:0px;BORDER-LEFT-WIDTH:0px;FONT-SIZE:12px;BORDER-BOTTOM-WIDTH:0px;MARGIN:0px;FONT-FAMILY:宋体;BACKGROUND-COLOR:#fff;BORDER-RIGHT-WIDTH:0px}.blk_18{BORDER-RIGHT:#e3e3e31pxsolid;BORDER-TOP:#e3e3e31pxsolid;MARGIN-TOP:8px;FONT-SIZE:12px;BACKGROUND:#f3f3f3;OVERFLOW:hidden;BORDER-LEFT:#e3e3e31pxsolid;WIDTH:390px;BORDER-BOTTOM:#e3e3e31pxsolid;ZOOM:1}.blk_18.pcont{FLOAT:left;OVERFLOW:hidden;WIDTH:350px}.blk_18.ScrCont{WIDTH:32766px;ZOOM:1}.blk_18#List1_1{常州大学4FLOAT:left}.blk_18#List2_1{FLOAT:left}.blk_18.LeftBotton{BACKGROUND:url()no-repeat;FLOAT:left;MARGIN:10px1px;WIDTH:15px;HEIGHT:72px}.blk_18.RightBotton{BACKGROUND:url()no-repeat;FLOAT:left;MARGIN:10px1px;WIDTH:15px;HEIGHT:72px}.blk_18.LeftBotton{BACKGROUND-POSITION:0px0px;MARGIN-LEFT:5px}.blk_18.RightBotton{BACKGROUND-POSITION:0px-100px;MARGIN-LEFT:-1px}.blk_18.LeftBotton:hover{BACKGROUND-POSITION:-20px0px}.blk_18.RightBotton:hover{BACKGROUND-POSITION:-20px-100px}.blk_18.plIMG{DISPLAY:block;MARGIN:6pxauto1px;CURSOR:pointer;BORDER-TOP-STYLE:none;BORDER-RIGHT-STYLE:none;BORDER-LEFT-STYLE:none;BORDER-BOTTOM-STYLE:none}.blk_18.pl{BORDER-RIGHT:#f3f3f31pxsolid;BORDER-TOP:#f3f3f31pxsolid;FLOAT:left;BORDER-LEFT:#f3f3f31pxsolid;WIDTH:114px;LINE-HEIGHT