课前导读课堂教学上机练习课后作业市公开课金奖市赛课一等奖课件.pptx

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,11.1,课前导读,11.2,课堂教学,11.3,上机练习,11.4,课后作业,第,11,课 网上购物网站,第1页,第1页,11.1,课前导读,构建一个小型用户在线购买商品电子商务平台。该系统分为用户模块和管理员模块。用户在浏览商品同时，能够将满意商品添加到购物车。通过购买车来设置买卖商品数量并生成订单。在管理员模块中，管理员能够实现对商品信息，订单信息和商品类别管理。,第2页,第2页,11.2,课堂教学,11.2.1,系统分析与总体设计,11.2.2,前台用户模块设计,11.2.3,后台管理员模块设计,第3页,第3页,11.2.1,功效简介,该系统能够分为前台管理和后台管理,.,前台管理是友好操作管理,供用户进行商品浏览,购物和生成订单操作,.,面后台管理为管理员提供对注册用户信息,进行管理,对商品信息,商品分类信息,用户订单和管理,.,第4页,第4页,(1),前台系统功效设计,A,：用户注册和登录,B,：商品浏览与搜索,C,：购物车,D,：生成订单,（,2,）后台管理功效设计,A,：商品类别管理,B,：用户信息管理,C,：商品信息管理,D,：订单管理,第5页,第5页,2：,总体布局,系统总体布局如书,306,页,11.1,3：数据库结构及实现：,本系统创建了,7个数据表格,admin 存储管理员信息数据表,Shop 存储商品信息数据表,User 存储用户信息数据表,Fenlei 存储商品分类信息数据表,Yuding 存储用户订货信息数据表,Dingdan 存储商品购物订单和要购买商品数量,Orderid 生成商品订单号,第6页,第6页,11.2.2 前台用户模块设计,1：首页设计：,A：导般条：包括首页，商品浏览，商品查询，查看订单，购物车，联系我们导航按钮,B：用户登录,在导航条下方提供表单，供用户登录使用。新用户能够单击,“新用户,注册,“进入到注册页面进行注册。,2：设计过程：,A：添加数据库连接,B：用户登录功效实现是添加一个”用户登录“服务器行为，登录成功后转到shop.asp,登录失败后转到error.asp,C:数据绑定显示最新上架商品,D：设置重复区域,第7页,第7页,（,1)绑定统计集,（,2）显示分类列表,（,3）添加导航条,2:商品信息浏览,（,1）商品浏览页面（SHOP.ASP）阐明,在页面右侧,插入IFRAME标识。通过标签选择器来添加。,页面左侧菜单生成,绑定统计集,显示分类列表,设置重复区域,（,2）商品显示页面SHOP1.ASP,数据绑定显示该商品类别商品,设置重复区域,添加导航条,第8页,第8页,3：搜索商品,（,1）商品搜索页面（SOUSUO.ASP）,设置表单,表单代码：,设置统计集,在筛选选项中，设置筛选字段为,sp_keyword,包括表单变量KEY,设置重复区域,设置统计集合不为空显示效果。,第9页,第9页,4:,添加到购物车：,在商品信息后面，存在“购买”超链接，当用户单击“购买,超链接，跳到,addche.asp,页面，将商品添加到购物车中,假如用户是第一次使用购物车，则自动获取一个订单号（,orderid,）,，将这个订单号存储在,session,中，获取订单号，用户就能够将要购买商品商品,ID,和订单号（,orderid,）一起存储到数据库中,dingdan,数据表中,(1),设置“购买”超链接,购买,在超链接中,URL,地址中传递参数,id=,表示在单击超链接时，在,url,地址传商品,ID,信息到,addche.asp,第10页,第10页,(2)addche.asp,页面,该页面主要功效是将用户要购买商品添加商品,到购物车中。在该页面将要购买商品信息存储到数,据表,orderid,中。,（,3,）,getorder.asp,页面,该页面作用是获取一个订单号。通过,orderid,数据表,中,orderid,字段累加,1,来实现。,第11页,第11页,5.,查看购物车：,在购物车页面（,che.asp),，用户能够查看相关相关,商品详细信息，也能够设置要购买商品数量。,（,1,）查看购物车,（,2,）删除商品,（,3,）继续购物,（,4,）保留修改,6,：生成订单,当用户单击“购买商品”超链接，链接到,goumai.asp,7,：查看订单,单击提交订单跳转到查看订单页面,dingdan.asp,第12页,第12页,三：后台管理员模块设计,1,：商品分类：,（,1,）商品分类管理页面（,fenlei.asp,）,（,2,）添加分类,（,3,）显示分类,（,4,）删除商品分类,（,5,）修改商品分类,2,：添加商品信息（,addshop.asp),3:,商品信息管理,（,1,）商品信息管理页面效果,shopck.asp,（,2,）显示商品信息列表,（,3,）删除商品,第13页,第13页,（,4,）商品信息修改,当用户单击“修改”超链接时，链接到,updateshop.asp,页面，传递参数,id,，实现,修改商品详细信息功效。,4,：订单管理,（,1,）显示订单信息列表（,dingdanmanage.asp),(2),修改订单发货状态,（,3,）删除订单,第14页,第14页,