任务3-7最新商品显示分析.pptVIP

任务3-7 最新商品显示 任务要求 1、能进行数据库的连接 2、能进行有条件地对数据库记录进行查询 3、能对查询到数据库记录按字段、分页显示 4、实现“衢州恒创网上商城”最新产品的按字段、分页显示 任务效果图 操作步骤： 一、制作日期时间显示栏 　　“新品上架”区显示的是从“db.mdb”库中查询“product”数据表后得到的记录集，为了能直观地将商品信息提供给浏览都，必须在网页中显示该产品的图片及相关价格等主要信息，因此对应“product”表中相应的字段为“id”“name”“author”“desc”“price1”“price2”“vipprice”“pic”。 １、在Dreamweaver CS3中打开“index.asp” ２、连接数据库，查询该产品详细信息。 “product”表中前若干条记录（本任务是前2条）即是最新添加的产品，将这些记录查询并添加到“记录集”中，并按页面要求将“记录集”中当前记录的某些字段值显示在页面中对应的单元格内。具体操作如图3-7_2所示。 任务3-7 最新商品显示 提示: “名称”：查询所得记录的集合名称，系统自定义。 “连接”：网站设计者根据网站功能所需创建的数据库连接。 “代码”： SELECT top 2 id ,detail,discount,vipprice,author,desc,price1,price2,name,pic,mark FROM product　order by id desc “top 2 ”：记录集的前2条记录。 “id ,detail,discount,vipprice,author,desc,price1,price2,name,pic,mark”：查询的字段。 “FROM product”：指要查询的数据表。 “order by id desc”：指查询时按字段“id”（商品编号）降序排序。 任务3-7 最新商品显示 操作步骤： 3、在“商品图片”区输入“获取”商品图片的代码及链接代码。 通过单击“商品图片”可以跳转到“vpro.asp”页面（商品详情页），因此该步骤对应的字段为“pic”“id”，具体操作如图3-7_3所示。 提示: （1）代码：“%=trim(rs(”pic“))%”其中“rs”为当前查询所生成的记录集，“rs(”pic“)”为获取查询到当前记录的“pic”字段值，该值是该商品图片所在站点根目录下的路径及文件名。 （2）代码：“vpro.asp?id=%=trim(rs(”id“))%”其中“vpro.asp”为“商品详情页”，“id”为记录集中查询到的当前记录的“id”字段，其值是“商品编号”，因为要显示的是当前商品的详细信息，所以必须将“id”作为参数一起传送给“vpro.asp”，用“?”连接。 4、输入显示“商品名称”的代码。?在“设计”视图下，单击商品名称切片区 在“product”表中，商品标题对应的字段为“name”，可以用“rs(name)”获得商品的名称，具体操作如图3-7_4所示。 任务3-7 最新商品显示 操作步骤： 5、输入显示“定价”“品牌”“优惠价”“vip价格”的代码。 在“product”表中，“定价”“品牌”“优惠价”“vip价格”分别对应的字段为“price1”、“author”、“price2”、“vipprice”，分别可以用“rs(price1)”、“rs(author)”、“rs(price2)”、“rs(vipprice)”获得商品的名称“定价”“品牌”“优惠价”“vip价格”等，具体操作如图3-7_5所示。。 任务3-7 最新商品显示 尝试练习： 按图按图3-6_7所示，完成如下操作： 1、制作“帮助”超链接，将其链接到“help.asp”文件。 2、制作“导航栏”链接，链接项目与链接页面对应如表3-6_1 Class.asp 商品分类 Search.asp 搜索商品 Command.asp 推荐商品 Hot.asp 畅销商品 New.asp 新到商品 Index.asp 网站首页 链接页面 链接项目 任务3-6 顶部导航代码生成 　 纵向导航栏，是指导航条目纵向排列，且位于网页左侧或右侧的导航栏。 浮动导航栏，是指没有固定位置，浮动于网页内容之上的导航条，其位置可以随意移动，给用户带来极大方便。 下拉菜单式导航栏，与Dreamweaver CS3的主界面中的下拉菜单非常相似，由若干个显示在窗口顶部的主菜单和各个主菜单下面的子菜单组成，每个子菜单下还可以继续包含子菜单项。当鼠标指针指向或单击主菜单项时就会自动弹出一个下拉菜单，当鼠标指针离开主菜单项时，下拉菜单则隐藏，回到只显示主菜单条的状态。这种形式的导航栏分类