电子商务课程设计模板.doc
《电子商务课程设计模板.doc》由会员分享,可在线阅读,更多相关《电子商务课程设计模板.doc(54页珍藏版)》请在咨信网上搜索。
电子商务课程设计 54 资料内容仅供参考,如有不当或者侵权,请联系本人改正或者删除。 上机指导说明书 实验目的: 1、 掌握电子商务网站的基本设计方法; 2、 初步了解J2EE架构用于电子商务网站的设计技术; 3、 掌握开发所需的数据库服务器、 中间服务器和相应环境的配置。 实验步骤: 一、 环境配置 1、 下载安装JavaSDK 下载jdk1.6.0_05( 下载地址: ) 。下载好的JDK是一个可执行安装程序, 双击安装。假设安装路径为: C:\Program Files\Java\jdk1.6.0_05( 当然其它路径也能够) 。 JDK安装完成之后要设置系统环境变量: 我的电脑点右键, 选择”属性”, 选择”高级”标签, 进入环境变量设置。环境变量设置, 分别设置环境变量: JAVA_HOME 在系统环境变量那一栏中点->新建JAVA_HOME ( JAVA_HOME指向的是JDK的安装路径) 。 变量名: JAVA_HOME; 变量值: C:\Program Files\Java\jdk1.6.0_05 设置JAVA_HOME量的目的: 为了方便引用, 比如, JDK安装C:\Program Files\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的主页面。对应代码如下: <%@ page contentType="text/html; charset=GBK"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <link href="css/style1.css" rel="stylesheet" type="text/css"> <title>SSH系统操作演示</title> <script language="JavaScript" type="text/JavaScript"> //整个窗口显示登录界面 if (top.frames.length > 0) { top.location = window.location; } </script> </head> <body> <table width="100%" height="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td valign="top" width="150"><iframe name="left" scrolling="no" marginwidth=0 framespacing=0 marginheight=0 frameborder=2 width='100%' height='100%' src='/include/left.jsp'></iframe></td> <td valign="top" ><iframe name="main" marginwidth=0 framespacing=0 marginheight=0 frameborder=no width='100%' height='100%' src='/goods/goodsListAction.do?method=list' scrolling="auto"></iframe></td> </tr> </table> </body> </html> 相应的现实为: 2、 建立录入和编辑页面 建立单击”添加”后的录入页面goods.jsp。对应代码如下: <%@ taglib uri="" prefix="logic"%> <%@ taglib uri="" prefix="bean"%> <%@ taglib uri="" prefix="html"%> <%@ page contentType="text/html; charset=GBK" %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>分类管理</title> <link href="../css/style1.css" rel="stylesheet" type="text/css"> <script src="../js/check/string.js" language="javascript"></script> <script src="../js/check/number.js" language="javascript"></script> <style type="text/css"> <!-- textarea{overflow:auto;width:"100%";height:"100"} --> </style> <SCRIPT LANGUAGE="javascript"> //取消 function myReset(){ document.forms[0].reset(); } //添加 function mySubmit(){ if(!check()){ return false; } document.forms[0].submit(); } //返回 function myBack(){ window.navigate("/goods/goodsPageAction.do"); } //提交验证 function check(){ if(isAllBlank(document.all("info.name").value)){ alert("名称不能为空! "); document.all("info.name").focus(); return false; } if(isAllBlank(document.all("info.prices").value)){ alert("价格不能为空! "); document.all("info.prices").focus(); return false; } if(!isPlusNumeric(document.all("info.prices").value)){ alert("价格格式不对, 请输入正数! "); document.all("info.prices").focus(); return false; } if(isAllBlank(document.all("info.number").value)){ alert("数量不能为空! "); document.all("info.number").focus(); return false; } if(!isPlusNumeric(document.all("info.number").value)){ alert("数量格式不对, 请输入正整数! "); document.all("info.number").focus(); return false; } return true; } </SCRIPT> </head> <body class="bgright"> <html:form action="/goods/goodsAction.do" method="post"> <input type="hidden" name="method" value="<%="inputInit".equals(request.getParameter("method"))?"input":"input".equals(request.getParameter("method"))?"input":"update"%>"/> <html:hidden property="info.id"/> <html:hidden property="info.deleteFlag"/> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="30" height="25" class="list_bg02"> </td> <td class="list_bg01"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="text03">商品管理 → 商品信息<%="inputInit".equals(request.getParameter("method"))?"添加":"input".equals(request.getParameter("method"))?"添加":"修改"%></td> </tr> </table></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10"><img src="../images/00.gif" width="1" height="1"></td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="30"> </td> <td width="100" align="center"><a href="#" class="button1" onClick="mySubmit();return false;">保 存</a></td> <td width="100" align="center"><a href="#" class="button1" onClick="myReset();return false;">重 置</a></td> <td width="100" align="center"><a href="#" class="button1" onClick="myBack();return false;">返 回</a></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="5"></td> </tr> </table> <table width="95%" border="1" align="center" cellpadding="2" cellspacing="1" bordercolor="cccccc" class="text02" id="tt"> <tr> <td width="120" height="30" align="center" class="TdTitle">名 称</td> <td align="left"><html:text property="info.name" styleClass="textfield" style="width:150"/><span class="mustfillstar"> *</span></td> </tr> <tr> <td width="120" height="30" align="center" class="TdTitle">价 格</td> <td align="left"><html:text property="info.prices" styleClass="textfield" style="width:150"/><span class="mustfillstar"> *</span> 元</td> </tr> <tr> <td width="120" height="30" align="center" class="TdTitle">数 量</td> <td align="left"><html:text property="info.number" styleClass="textfield" style="width:150"/><span class="mustfillstar"> *</span> 个</td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="6"><img src="../images/00.gif" width="1" height="1"></td> </tr> </table> </html:form> </body> </html> 相应结果如下: 3、 建立列表页面 建立名为goodsList.jsp的列表页面, 供主页面调用。代码为: <%@ taglib uri="" prefix="logic"%> <%@ taglib uri="" prefix="bean"%> <%@ taglib uri="" prefix="html"%> <%@ page contentType="text/html; charset=GBK" %> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>分类管理</title> <link href="../css/style1.css" rel="stylesheet" type="text/css"> <script src="../js/checkbox.js" language="javascript"></script> <script language="javascript"> //删除 function myDel(spanID){ var infoIDs = getNewInfoIDs(spanID); if(infoIDs == ""){ alert("请选择所要删除的信息! "); return false; } if (confirm("你确认要删除指定信息吗? ")) { window.navigate("../goods/goodsListAction.do?method=delete&ids="+infoIDs); } } //单个删除 function myDeleteForAlone(infoId){ if (confirm("你确认要删除指定信息吗? ")) { window.navigate("../goods/goodsListAction.do?method=delete&ids='"+infoId+"'"); } } //添加 function myCreate(){ window.navigate("../goods/goodsAction.do?method=inputInit"); } //编辑 function myEdit(id){ window.navigate("../goods/goodsAction.do?method=updateInit&id="+id); } //查看 function myShow(id){ window.navigate("../goods/goodsAction.do?method=show&id="+id); } //页面提示信息 <% String method = request.getParameter("method"); %> var method = "<%=method%>"; if(method=="delete"){ alert("删除成功! "); }else if(method=="input"){ alert("添加成功! "); }else if(method=="update"){ alert("修改成功! "); } </script> </head> <body class="bgright"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="30" height="25" class="list_bg02"> </td> <td class="list_bg01"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="text03">商品管理 → 商品信息列表</td> </tr> </table></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10"><img src="../images/00.gif" width="1" height="1"></td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="30"> </td> <td width="100" align="center"><a href="#" class="button1" onClick="myCreate()">添 加</a></td> <td width="100" align="center"><a href="#" class="button1" onClick="myDel('spanID')">删 除</a></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="5"></td> </tr> </table> <table width="95%" border="1" align="center" cellpadding="2" cellspacing="1" bordercolor="cccccc" class="text01" id="tt"> <tr class="list_bg03"> <td width="30" height="25" align="center" valign="middle"><table width="100%" border="0" cellpadding="0" cellspacing="0"> <tr> <td height="22" align="center" valign="middle"><input type="checkbox" onClick="checkMyChildren('spanID',this.checked,'infoID')" name="allCheckbox"></td> </tr> </table></td> <td align="center" valign="middle"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="text002"> <tr> <td height="22" align="center" valign="middle" class="text003">名 称</td> </tr> </table></td> <td align="center" valign="middle"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="text002"> <tr> <td height="22" align="center" valign="middle" class="text003">价格(元)</td> </tr> </table></td> <td align="center" valign="middle"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="text002"> <tr> <td height="22" align="center" valign="middle" class="text003">数量(个)</td> </tr> </table></td> <td align="center" valign="middle"><table width="100%" border="0" cellpadding="0" cellspacing="0" class="text002"> <tr> <td height="22" align="center" valign="middle" class="text003">操 作</td> </tr> </table></td> </tr> <span id="spanID"> <% int i=0; %> <logic:iterate id="info" name="pageManager" property="listForCurrentPage" scope="session"> <tr class="TdTitle" height="22"> <td height="22" align="center" valign="middle" class="TdTitle"><input type="checkbox" onClick="checkMyParent('spanID',this.checked,'infoID','allCheckbox');" name="infoID" value="<bean:write name='info' property='id'/>"></td> <td align="center"><a href="" onClick="myShow('<bean:write name='info' property='id'/>');return false;" class="t01"><bean:write name="info" property="name"/></a></td> <td align="center"><bean:write name="info" property="prices" format="#.##"/></td> <td align="center"><bean:write name="info" property="number"/></td> <td align="center"><a href="" onClick="myEdit('<bean:write name='info' property='id'/>');return false;" class="t01">编辑</a>/<a href="" onClick="myDeleteForAlone('<bean:write name='info' property='id'/>');return false;" class="t01">删除</a></td> </tr> <%i++; %> </logic:iterate> <input type="hidden" name="listSize" value="<%=i%>"> <span> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="5"></td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0" bordercolor="cccccc" class="text01" id="tt"> <tr> <td height="26" align="center" valign="middle" class="TdTitle"> <!--翻页控制面板(只能用动态加载,静态加载不能带参数)--> <jsp:include flush="true" page="/include/page_b.jsp"> <jsp:param name="pageNum" value="goodsPageAction" /> <jsp:param name="otherCondition" value="" /> </jsp:include> </td> </tr> </table> </body> </html> 实现结果如主页面。 4、 建立查看商品信息页面 建立名为goodsView.jsp的页面。当点击商品名称时弹出商品详细信息。 <%@ taglib uri="" prefix="logic"%> <%@ taglib uri="" prefix="bean"%> <%@ taglib uri="" prefix="html"%> <%@ page contentType="text/html; charset=GBK" %> <html:html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>分类管理</title> <link href="../css/style1.css" rel="stylesheet" type="text/css"> <SCRIPT LANGUAGE="javascript"> //返回 function myBack(){ window.navigate("/goods/goodsPageAction.do"); } </SCRIPT> </head> <body class="bgright"> <html:form action="/goods/goodsAction.do" method="post"> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td width="30" height="25" class="list_bg02"> </td> <td class="list_bg01"><table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td class="text03">商品管理 → 商品信息查看</td> </tr> </table></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="10"><img src="../images/00.gif" width="1" height="1"></td> </tr> </table> <table width="95%" border="0" align="center" cellpadding="0" cellspacing="0"> <tr> <td height="30"> </td> <td width="100" align="center"><a href="#" class="button1" onClick="myBack();return false;">返 回</a></td> </tr> </table> <table width="100%" border="0" cellspacing="0" cellpadding="0"> <tr> <td height="5"></td> </tr> </table> <table width="95%" border="1" align="center" cellpadding="2" cellspacing="1" bordercolor="cccccc" class="text02" id="tt"> <tr> <td width="120" height="30" align="center" class="TdTitle">名 称</td> <td align="left"><bean:write name="goodsForm" property="info.name" scope="request"/></td> </tr> <tr> <td width="120" height="30" align="center" class="TdTitle">价 格</td> <td align="left"><bean:write name="goodsForm" property="info.prices" scope="request"/> 元</td> </tr> <tr> <td width="120" height="30" align="center" class="TdTitle">数 量</td> <td align="left"><bean:write name="goodsForm" property="info.number" scope="request"/> 个</td> </tr> </table> </html:form> </body> </html:html> 实现结果如下: 四、 其它配置 设tomcat安装在D盘。 1、 修改tomcat下\conf\Catalina\localhost\ROOT.xml中项目存放地址; 改为docBase="D:\demo\WebRoot" 2、 项目下demo\WebRoot\db\demo.mdb为数据库文件, 修改demo\src\config\jdbc.properties中数据库文件存放地址; 3、 将上述源文件保存到D:\demo\WebRoot\goods下。 五、 启动设计结果 1、 启动tomcat。双击D:\apache-tomcat-6.0.20\bin下的startup文件。运行结果如下: 关闭则双击shutdown文件。 图7 tomcat启动界面 2、 启动ie。在地址一栏输入http://localhost/default.jsp。并检测各项结果。 在页面添加”作者”列: 1、 配置java环境变量 在”用户变量”或者”系统变量”中, 设置3项属性, JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击”编辑”, 不存在则点击”新建”; 1、 JAVA_HOME指明JDK安装路径, 就是刚才安装时所选择的路径D:\java\jdk1.5.0_08; 2、 Path使得系统能够在任何路径下识别java命令, 设为: %JAVA_HOME%\bin; 3、 CLASSPATH为ja- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 电子商务 课程设计 模板
咨信网温馨提示:
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【精****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【精****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。
1、咨信平台为文档C2C交易模式,即用户上传的文档直接被用户下载,收益归上传人(含作者)所有;本站仅是提供信息存储空间和展示预览,仅对用户上传内容的表现方式做保护处理,对上载内容不做任何修改或编辑。所展示的作品文档包括内容和图片全部来源于网络用户和作者上传投稿,我们不确定上传用户享有完全著作权,根据《信息网络传播权保护条例》,如果侵犯了您的版权、权益或隐私,请联系我们,核实后会尽快下架及时删除,并可随时和客服了解处理情况,尊重保护知识产权我们共同努力。
2、文档的总页数、文档格式和文档大小以系统显示为准(内容中显示的页数不一定正确),网站客服只以系统显示的页数、文件格式、文档大小作为仲裁依据,个别因单元格分列造成显示页码不一将协商解决,平台无法对文档的真实性、完整性、权威性、准确性、专业性及其观点立场做任何保证或承诺,下载前须认真查看,确认无误后再购买,务必慎重购买;若有违法违纪将进行移交司法处理,若涉侵权平台将进行基本处罚并下架。
3、本站所有内容均由用户上传,付费前请自行鉴别,如您付费,意味着您已接受本站规则且自行承担风险,本站不进行额外附加服务,虚拟产品一经售出概不退款(未进行购买下载可退充值款),文档一经付费(服务费)、不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
4、如你看到网页展示的文档有www.zixin.com.cn水印,是因预览和防盗链等技术需要对页面进行转换压缩成图而已,我们并不对上传的文档进行任何编辑或修改,文档下载后都不会有水印标识(原文档上传前个别存留的除外),下载后原文更清晰;试题试卷类文档,如果标题没有明确说明有答案则都视为没有答案,请知晓;PPT和DOC文档可被视为“模板”,允许上传人保留章节、目录结构的情况下删减部份的内容;PDF文档不管是原文档转换或图片扫描而得,本站不作要求视为允许,下载前自行私信或留言给上传者【精****】。
5、本文档所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用;网站提供的党政主题相关内容(国旗、国徽、党徽--等)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
6、文档遇到问题,请及时私信或留言给本站上传会员【精****】,需本站解决可联系【 微信客服】、【 QQ客服】,若有其他问题请点击或扫码反馈【 服务填表】;文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“【 版权申诉】”(推荐),意见反馈和侵权处理邮箱:1219186828@qq.com;也可以拔打客服电话:4008-655-100;投诉/维权电话:4009-655-100。
关于本文