myShop网上商城实验

攀枝花学院实验报告实验课程:JAVA应用开发 实验项目：网上商城实现 实验日期：2013.5 系：计算机 班级：10计本1班 姓名：蒋志勇 学号：201010801035指导老师：范胜波 成绩：实验目的学会对购物车，订单，商品信息，商品分类用MVC设计模式的实现。了解Ajax，Json，Jquery的使用。初步认识框架的使用。实验设备Eclipse，Mysql数据库，Tomact实验内容网上商城的功能用户的登录与注销。动态商品分类查询。商品搜索功能的实现。首页商品的展示及进行分页显示。商品详细功能的实现。购物车的实现及进行总价的计算。数据库设计用户表：customerCREATETABLE`customer`(`ID`int(11)NOTNULLAUTO_INCREMENT,`LoginName`varchar(50)NOTNULL,`Password`varchar(50)NOTNULL,`Name`varchar(50)NOTNULL,`Gender`char(2)DEFAULTNULL,`Birthday`dateDEFAULTNULL,`Adress`varchar(128)DEFAULTNULL,`Email`varchar(64)DEFAULTNULL,`Phone`varchar(32)DEFAULTNULL,PRIMARYKEY(`ID`))ENGINE=InnoDBAUTO_INCREMENT=2DEFAULTCHARSET=utf8;商品分类表：categoryCREATETABLE`category`(`ID`int(11)NOTNULL,`Name`varchar(30)NOTNULL,`ParentID`int(11)DEFAULTNULL,`Status`char(6)DEFAULTNULL,PRIMARYKEY(`ID`))ENGINE=InnoDBDEFAULTCHARSET=utf8;（3）商品表：goodsCREATETABLE`goods`(`ID`int(11)NOTNULLAUTO_INCREMENT,`Name`varchar(64)NOTNULL,`Price`float(8,0)NOTNULL,`Inventory`int(11)NOTNULL,`Status`char(6)NOTNULL,`ImgUrl`varchar(64)DEFAULTNULL,`Description`text,`CategoryID`int(11)NOTNULL,PRIMARYKEY(`ID`),KEY`RefCategory1`(`CategoryID`),CONSTRAINT`RefCategory1`FOREIGNKEY(`CategoryID`)REFERENCES `category`(`ID`))ENGINE=InnoDBAUTO_INCREMENT=41DEFAULTCHARSET=utf8;（4）订单表：orderCREATETABLE`order`(`ID`int(11)NOTNULLAUTO_INCREMENT,`CustomerID`int(11)NOTNULL,`GoodsID`int(11)NOTNULL,`GoodsCount`int(11)NOTNULL,`Price`float(8,0)NOTNULL,`Total`float(8,0)DEFAULTNULL,`Address`varchar(64)NOTNULL,`Contact`varchar(32)NOTNULL,`Phone`varchar(30)DEFAULTNULL,`Status`varchar(6)DEFAULTNULL,`Note`varchar(255)DEFAULTNULL,PRIMARYKEY(`ID`),KEY`RefCustomers2`(`CustomerID`),KEY`RefGoods3`(`GoodsID`),CONSTRAINT`RefCustomers2`FOREIGNKEY(`CustomerID`)REFERENCES `customer`(`ID`),CONSTRAINT`RefGoods3`FOREIGNKEY(`GoodsID`)REFERENCES`goods`(`ID`))ENGINE=InnoDBAUTO_INCREMENT=3DEFAULTCHARSET=utf8;系统代码表：syscodeCREATETABLE`syscode`(`CODE`char(6)NOTNULL,`Name`varchar(50)NOTNULL,`CodeType`char(3)NOTNULL,PRIMARYKEY(`CODE`))ENGINE=InnoDBDEFAULTCHARSET=utf8;功能实现过程。Myshop框架的搭建与myshop数据库的创建。将Myshop解压，然后点击Eclipse的File->Import导入项目。打开NavicatforMySQL新建myshop数据库，选择utf-8编码，然后选择新建查询， 导入shop.sql数据库sql语句运行。点击运行，将Myshop数据库加载到tomact中出现如下结果，则框架搭建成功。分类导航的实现。新建一个category.jsp页面。编写CategoryServlet.java和CategoryDao实现对分类导航。代码如下:publicList<Category>getCategoriesByParentId(intparentId){ Stringsql="SELECTID,NAME,ParentID,StatusFROMcategoryWHEREParentID=?and Status=?"; returnthis.list(sql,parentId,MyShopConstant.category_type_active); }登录和注销功能的实现。1)新建一个topbar.jsp用于用户登录和显示用户相关信息。2)编写CustomerServlet.java和CustomerDao实现用户登录的数据库查询。代码如下：publicCustomergetCustomer(StringloginName){ StringgetCustomerSQL="SELECTID,LoginName,Password,Name,Gender,Birthday,Adress, Email,Phone"+"FROMcustomerWHERELoginName=?"; returnthis.get(getCustomerSQL,loginName); }商品展示，商品详细信息和查询的显示。新建goodsList.jsp和goodsDetail.jsp分别用于商品的首页显示和商品详细 信息显示。编写GoodsServlet和GoodsDao分别用于商品操作的转发和数据库操作。代码如下：publicclassGoodsDaoextendsMyShopBasicDAO<Goods>{ //查询全部商品 publicPage<Goods>getAllGoods(intcurpage){ StringcountGoodsSQL="SELECTcount(*)FROMGoodsWHEREStatus=?"; StringgetAllGoods="SELECTID,NAME,Price,Inventory,Status,ImgUrl,Description,CategoryID" +"FROMGoodsWHEREStatus=?limit?,?"; longtotal=this.getValue(countGoodsSQL,MyShopConstant.goods_status_available); Page<Goods>page=newPage<Goods>(total,curpage); page.setItems(this.list(getAllGoods,MyShopConstant.goods_status_available,page.startIndex(),page.getPageSize())); returnpage; } //分类查询,用于商品分类导航的显示 publicPage<Goods>getGoods(intcategoryId,intcurpage){ StringcountGoodsSQL="SELECTcount(*)FROMGoodsWHEREStatus=?ANDCategoryID=?"; StringgetAllGoods="SELECTID,NAME,Price,Inventory,Status,ImgUrl,Description,CategoryID" +"FROMGoodsWHEREStatus=?ANDCategoryID=?limit?,?"; longtotal=this.getValue(countGoodsSQL,MyShopConstant.goods_status_available,categoryId); Page<Goods>page=newPage<Goods>(total,curpage); page.setItems(this.list(getAllGoods,MyShopConstant.goods_status_available,categoryId,page.startIndex(),page.getPageSize())); returnpage; } //用于商品名字的模糊搜索 publicPage<Goods>getGoods(Stringnamelike,intcurpage){ StringcountGoodsSQL="SELECTcount(*)FROMGoodsWHEREStatus=?ANDNamelike?"; StringgetAllGoods="SELECTID,NAME,Price,Inventory,Status,ImgUrl,Description,CategoryID" +"FROMGoodsWHEREStatus=?ANDNamelike?limit?,?"; longtotal=this.getValue(countGoodsSQL,MyShopConstant.goods_status_available,"%"+namelike+"%"); Page<Goods>page=newPage<Goods>(total,curpage); page.setItems(this.list(getAllGoods,MyShopConstant.goods_status_available,"%"+namelike+"%",page.startIndex(),page.getPageSize())); returnpage; } //通过商品ID进行商品的详细显示 publicGoodsgetGoods(intid){ StringgetGoodsSQL="SELECTID,NAME,Price,Inventory,Status,ImgUrl,Description,CategoryID" +"FROMGoodsWHEREID=?"; returnthis.get(getGoodsSQL,id); }}购物车功能的实现。1)编写cartList.jsp用于进行购物车页面的显示并用javascript计算总价钱。Javascript代码如下：functiontotal(){ vartotalMoney=0; $('#cartListspan[id*="price_"]').each(function(index,priceSpan){ varpriceSpanId=$(this).attr('id'); varid=priceSpanId.substring(priceSpanId.indexOf("_")+1); varcountId="count_"+id; varprice=$(this).text(); varcount=$('#'+countId).val(); totalMoney+=price*count; }); $('#cartListspan[id="total"]').text(totalMoney.toFixed(2)); } $(document).ready(function($){ $('#selectAllCKB').on('click',function(){ var$chkAll=$(this); if($chkAp('checked')==true){ $('input[type="checkbox"][name="itemId"]').prop('checked',"checked"); }else{ $('input[type="checkbox"][name="itemId"]').removeProp('checked'); } }); //计算总价 total(); //注册数量变化重新计算总价 $('#car