电子商务课程设计.doc

上机指导说明书实验目的：1、掌握电子商务网站的基本设计方法； 2、初步了解J2EE架构用于电子商务网站的设计技术；3、掌握开发所需的数据库服务器、中间服务器和相应环境的配置。实验步骤：一、 环境配置1、下载安装JavaSDK下载jdk1.6.0_05（下载地址：/javase/downloads/index.jsp）。下载好的JDK是一个可执行安装程序，双击安装。假设安装路径为：C:ProgramFilesJavajdk1.6.0_05（当然其他路径也可以）。JDK安装完成之后要设置系统环境变量：我的电脑点右键，选择“属性”，选择“高级”标签，进入环境变量设置。环境变量设置，分别设置环境变量：JAVA_HOME在系统环境变量那一栏中点-新建JAVA_HOME （JAVA_HOME指向的是JDK的安装路径）。 变量名： JAVA_HOME；变量值： C:Program FilesJavajdk1.6.0_05设置JAVA_HOME量的目的：为了方便引用，比如，JDK安装C:Program FilesJavajdk1.6.0_05目录里，则设置JAVA_HOME为该目录路径, 那么以后要使用这个路径的时候, 只需输入%JAVA_HOME%即可, 避免每次引用都输入很长的路径串等。 2、下载web服务器下载apache-tomcat-6.0.20.exe文件（下载地址：/source/1611296）。双击安装。安装目录为如D:apache-tomcat-6.0.20。二、 建立数据库 本实验使用access数据库。在access中建立名为demo的数据库。建立表名为goods的数据库表。该表包括5个字段。编号、名称、价格、数量及删除标志。如下图所示。三、 程序设计1、建立主页面。利用Dreamwave或Frontpage建立页面名为default.jsp的主页面。对应代码如下：SSH系统操作演示/整个窗口显示登录界面if (top.frames.length 0) top.location = window.location; 相应的现实为：2、建立录入和编辑页面建立单击“添加”后的录入页面goods.jsp。对应代码如下：分类管理/取消function myReset() document.forms0.reset();/添加function mySubmit() if(!check() return false; document.forms0.submit();/返回function myBack()window.navigate(/goods/goodsPageAction.do);/提交验证function check() if(isAllBlank(document.all().value) alert(名称不能为空！); document.all().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; input type=hidden name=method value=/   商品管理 商品信息   保 存 重 置返 回 名    称  * 价    格  * 元 数    量  * 个 相应结果如下：3、建立列表页面建立名为goodsList.jsp的列表页面，供主页面调用。代码为：分类管理/删除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);/页面提示信息 var method = ; if(method=delete)alert(删除成功！); else if(method=input)alert(添加成功！); else if(method=update)alert(修改成功！);   商品管理 商品信息列表   添 加 删 除 名    称 价格(元) 数量(个) 操    作 input type=checkbox onClick=checkMyParent(spanID,this.checked,infoID,allCheckbox); name=infoID value= a href= onClick=myShow();return false; class=t01 a href= onClick=myEdit();return false; class=t01编辑/a href= onClick=myDeleteForAlone();return false; class=t01删除 input type=hidden name=listSize value= 实现结果如主页面。4、建立查看商品信息页面 建立名为goodsView.jsp的页面。当点击商品名称时弹出商品详细信息。分类管理/返回function myBack()window.navigate(/goods/goodsPageAction.do);   商品管理 商品信息查看  返 回 名    称 价    格  元 数    量  个 实现结果如下：四、 其它配置 设tomcat安装在D盘。1、修改tomcat下confCatalinalocalhostROOT.xml中项目存放地址；改为docBase=D:demoWebRoot2、项目下demoWebRootdbdemo.mdb为数据库文件，修改perties中数据库文件存放地址；3、将上述源文件保存到D:demoWebRootgoods下。五、启动设计结果1、启动tomcat。双击D:apache-tomcat-6.0.20bin下的startup文件。运行结果如下：关闭则双击shutdown文件。图7 tomcat启动界面2、启动ie。在地址一栏输入http:/localhost/default.jsp。并检测各项结果。在页面添加“作者”列：1、配置java环境变量 在“用户变量”或者“系统变量”中，设置3项属性，JAVA_HOME,PATH,CLASSPATH(大小写无所谓),若已存在则点击“编辑”，不存在则点击“新建”； 1、JAVA_HOME指明JDK安装路径，就是刚才安装时所选择的路径D:javajdk1.5.0_08； 2、Path使得系统可以在任何路径下识别java命令，设为：%JAVA_HOME%bin；3、CLASSPATH为java加载类(class or lib)路径，只有类在classpath中，java命令才能识别，设为：.;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar （本例子中不需求再增加其他类）2、修改映射文件：Goods.hbm.xml，增加需要增加的字段“作者”，注意数据类型；3、修改对象文件：Goods.java，增加“作者”新属性，注意和映射文件匹配，并增加get、set方法注意大小写参照其他属性的来编写；4、编译：到cmd窗口中，输入javac 路径Goods.java5、拷贝相关的Goods.hbm.xml、Goods.class到WEB-INFclassescnopenicedemomodel中；6、修改显示界面：goods.jsp、goodsList.jsp、goodsView.jsp 增加新的字段如果是数据库中列名变化，只需要改Goods.hbm.xml映射文件，匹配数据库就行，类不改；界面根据需要进行修改。试验结果：运行IE得到如下结果在页面添加“产地”列1、修改映射文件：Goods.hbm.xml，增加需要增加的字段“产地”，注意数据类型；2、修改对象文件：Goods.java，增加新属性，注意和映射文件匹配，并增加get、set方法，注意大小写，参照其他属性的来编写；3.编译：到cmd窗口中，输入javac 路径Goods.java4、拷贝相关的Goods.hbm.xml、Goods.cla