上机指导说明书实验目的:1、掌握电子商务网站的基本设计方法;2、初步了解J2EE架构用于电子商务网站的设计技术;3、掌握开发所需的数据库服务器、中间服务器和相应环境的配置。实验步骤:一、环境配置1、下载安装JavaSDK下载jdk1.6.0_05(下载地址:)。下载好的JDK是一个可执行安装程序,双击安装。假设安装路径为:C:\ProgramFiles\Java\jdk1.6.0_05(当然其他路径也可以)。JDK安装完成之后要设置系统环境变量:我的电脑点右键,选择“属性”,选择“高级”标签,进入环境变量设置。环境变量设置,分别设置环境变量:JAVA_HOME在系统环境变量那一栏中点-新建JAVA_HOME(JAVA_HOME指向的是JDK的安装路径)。变量名:JAVA_HOME;变量值:C:\ProgramFiles\Java\jdk1.6.0_05设置JAVA_HOME量的目的:为了方便引用,比如,JDK安装C:\ProgramFiles\Java\jdk1.6.0_05目录里,则设置JAVA_HOME为该目录路径,那么以后要使用这个路径的时候,只需输入%JAVA_HOME%即可,避免每次引用都输入很长的路径串等。2、下载web服务器下载apache-tomcat-6.0.20.exe文件(下载地址:)。双击安装。安装目录为如D:\apache-tomcat-6.0.20。二、建立数据库本实验使用access数据库。在access中建立名为demo的数据库。建立表名为goods的数据库表。该表包括5个字段。编号、名称、价格、数量及删除标志。如下图所示。三、程序设计1、建立主页面。利用Dreamwave或Frontpage建立页面名为default.jsp的主页面。对应代码如下:%@pagecontentType=text/html;charset=GBK%htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312linkhref=css/style1.cssrel=stylesheettype=text/csstitleSSH系统操作演示/titlescriptlanguage=JavaScripttype=text/JavaScript//整个窗口显示登录界面if(top.frames.length0){top.location=window.location;}/script/headbodytablewidth=100%height=100%border=0cellpadding=0cellspacing=0trtdvalign=topwidth=150iframename=leftscrolling=nomarginwidth=0framespacing=0marginheight=0frameborder=2width='100%'height='100%'src='/include/left.jsp'/iframe/tdtdvalign=topiframename=mainmarginwidth=0framespacing=0marginheight=0frameborder=nowidth='100%'height='100%'src='/goods/goodsListAction.do?method=list'scrolling=auto/iframe/td/tr/table/body/html相应的现实为:2、建立录入和编辑页面建立单击“添加”后的录入页面goods.jsp。对应代码如下:%@tagliburi=@tagliburi=@tagliburi=@pagecontentType=text/html;charset=GBK%htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title分类管理/titlelinkhref=../css/style1.cssrel=stylesheettype=text/cssscriptsrc=../js/check/string.jslanguage=javascript/scriptscriptsrc=../js/check/number.jslanguage=javascript/scriptstyletype=text/css!--textarea{overflow:auto;width:100%;height:100}--/styleSCRIPTLANGUAGE=javascript//取消functionmyReset(){document.forms[0].reset();}//添加functionmySubmit(){if(!check()){returnfalse;}document.forms[0].submit();}//返回functionmyBack(){window.navigate(/goods/goodsPageAction.do);}//提交验证functioncheck(){if(isAllBlank(document.all(info.name).value)){alert(名称不能为空!);document.all(info.name).focus();returnfalse;}if(isAllBlank(document.all(info.prices).value)){alert(价格不能为空!);document.all(info.prices).focus();returnfalse;}if(!isPlusNumeric(document.all(info.prices).value)){alert(价格格式不对,请输入正数!);document.all(info.prices).focus();returnfalse;}if(isAllBlank(document.all(info.number).value)){alert(数量不能为空!);document.all(info.number).focus();returnfalse;}if(!isPlusNumeric(document.all(info.number).value)){alert(数量格式不对,请输入正整数!);document.all(info.number).focus();returnfalse;}returntrue;}/SCRIPT/headbodyclass=bgrighthtml:formaction=/goods/goodsAction.domethod=postinputtype=hiddenname=methodvalue=%=inputInit.equals(request.getParameter(method))?input:input.equals(request.getParameter(method))?input:update%/html:hiddenproperty=info.id/html:hiddenproperty=info.deleteFlag/tablewidth=100%border=0cellspacing=0cellpadding=0trtdwidth=30height=25class=list_bg02 /tdtdclass=list_bg01tablewidth=100%border=0cellspacing=0cellpadding=0trtdclass=text03商品管理→商品信息%=inputInit.equals(request.getParameter(method))?添加:input.equals(request.getParameter(method))?添加:修改%/td/tr/table/td/tr/tabletablewidth=100%border=0cellspacing=0cellpadding=0trtdheight=10imgsrc=../images/00.gifwidth=1height=1/td/tr/tabletablewidth=95%border=0align=centercellpadding=0cellspacing=0trtdheight=30 /tdtdwidth=100align=centerahref=#class=button1onClick=mySubmit();returnfalse;保 存/a/tdtdwidth=100align=centerahref=#class=button1onClick=myReset();returnfalse;重 置/a/tdtdwidth=100align=centerahref=#class=button1onClick=myBack();returnfalse;返 回/a/td/tr/tabletablewidth=100%border=0cellspacing=0cellpadding=0trtdheight=5/td/tr/tabletablewidth=95%border=1align=centercellpadding=2cellspacing=1bordercolor=ccccccclass=text02id=tttrtdwidth=120height=30align=centerclass=TdTitle名 称/tdtdalign=lefthtml:textproperty=info.namestyleClass=textfieldstyle=width:150/spanclass=mustfillstar */span/td/trtrtdwidth=120height=30align=centerclass=TdTitle价 格/tdtdalign=lefthtml:textproperty=info.pricesstyleClass=textfieldstyle=width:150/spanclass=mustfillstar */span 元/td/trtrtdwidth=120height=30align=centerclass=TdTitle数 量/tdtdalign=lefthtml:textproperty=info.numberstyleClass=textfieldstyle=width:150/