《《电子商务网站建设与管理》图文课件第七章.pptx》由会员分享，可在线阅读，更多相关《《电子商务网站建设与管理》图文课件第七章.pptx（95页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第七章电子商务网站开发实例第一节 总体功能结构设计一、网站主要功能模块网站的主要功能模块包括商品介绍和在线销售两部分。其中商品介绍功能模块又包括商品展示和商品搜索两个子模块，在线销售模块包括放入购物车、显示购物车、清空购物车和生成订单4个子模块。本示例购物网站的主要功能模块如图7-1所示。第一节 总体功能结构设计一、网站主要功能模块第一节 总体功能结构设计二、网站数据库设计为本示例网站创建一个mydb.mdb数据库，其中包含以下主要数据表：（1）商品（Products）表：包括商品编号、商品名称、市场价、优惠价和简短说明等信息。（2）购物车（Carts）表：为每一个购物的客户自动产生一个唯一的
2、购物车编号，并保存该客户的购物日期等信息。第一节 总体功能结构设计二、网站数据库设计（3）购物车明细（CartItems）表：保存每一辆购物车中所购商品的编号、名称、单价和数量等信息。（4）订单（Order）表：为确定购买的客户自动产生一个唯一的订单编号，并保存该客户的订购日期和订购总计金额，同时保存该客户的姓名、电子邮件地址、详细住址、邮政编码和联系电话等信息。第一节 总体功能结构设计二、网站数据库设计（5）订单明细（OrderItems）表：保存每一个订单中所订购的各项商品的编号、名称、单价和数量等信息。第一节 总体功能结构设计三、主要程序模块（一）主要页面程序模块及其工作流程网站功能主要
3、通过Search.asp、Products.asp、AddItem.asp、Cart.asp、Delete.asp、Recalc.asp 和Order.asp页面实现，其工作流程如图7-2所示。第一节 总体功能结构设计三、主要程序模块（一）主要页面程序模块及其工作流程第一节 总体功能结构设计三、主要程序模块（二）各主要页面程序模块实现的功能（1）Products.asp：商品展示页面，同时提供到其他各类商品展示网页的链接。客户单击某商品旁的“购买”链接，即可将该商品放入购物车。（2）Search.asp：商品搜索页面，用来处理在商品展示页面中客户提出的商品搜索请求，并将搜索的结果返回商品展示页
4、面中进行展示。第一节 总体功能结构设计三、主要程序模块（二）各主要页面程序模块实现的功能（3）AddItem.asp：添加商品页面，一旦客户单击所选商品旁的“购买”链接，本页面立即判断该客户是否已拥有购物车，若没有就为其分配一辆，再将所购之物存入对应购物车明细表，并调用购物车页面显示所购商品的具体信息。第一节 总体功能结构设计三、主要程序模块（二）各主要页面程序模块实现的功能（4）Cart.asp：购物车页面，显示客户已购各项商品的信息，包括商品名称、单价、数量、金额及所购商品的总价。允许客户修改所购商品的数量，并重新计算和显示金额和总价。该页面还提供“继续购物”、“清除购物车”和“去收银台”
5、链接。第一节 总体功能结构设计三、主要程序模块（二）各主要页面程序模块实现的功能（5）Recalc.asp：重新计算页面，响应客户的“重新计算”请求，根据修改后的商品数量重新计算金额和总价，并负责修改购物车明细表中的相关数据。（6）Delete.asp：清除购物车页面，响应客户提出的“清除购物车”请求，并负责删除该客户在购物车明细表中的相关数据。第一节 总体功能结构设计三、主要程序模块（二）各主要页面程序模块实现的功能（7）Order.asp：订单页面，响应客户的“去收银台”请求，为确定要购买商品的客户自动产生一个唯一的订单编号，然后要求客户如实填写姓名、送货地址、联系电话等信息，再将当前购物
6、日期、总计金额以及送货地址等信息保存到订单表中，并将购物车内所购商品的信息保存到订单细节表中。第二节 站 点 设 置本节的站点设置使用Dreamweaver CS4来完成。在建设电子商务网站时，首先要新建站点，搭建网站的开发环境，为后续的开发打好基础。新建站点的基本过程如下：（1）执行“站点”“新建站点”命令，打开新建站点向导对话框。（2）在“您打算为您的站点起什么名字？”文本框中输入网站的名称，这里将网站命名为“ch7”，如图73所示。第二节 站 点 设 置第二节 站 点 设 置（3）单击“下一步”按钮，弹出选择服务器技术对话框，由于本章网站使用ASP技术开发，因此选择“是，我想使用服务器技
7、术”单选按钮，然后在下方的下拉列表框中选择“ASP VBScript”选项，如图74所示。第二节 站 点 设 置第二节 站 点 设 置（4）单击“下一步”按钮，设置站点的编辑方式和文件的存储位置。因为是在本地计算机上进行网站编辑和测试，因此，选中“在本地进行编辑和测试（我的测试服务器是这台计算机）”单选按钮。“您将把文件存储在计算机上的什么位置？”文本框用来设置本地站点文件夹的地址，这里设置为“c:inetpubwwwrootch7”（IIS的默认根目录），如图75所示。第二节 站 点 设 置第二节 站 点 设 置（5）单击“下一步”按钮，打开设置浏览站点根目录URL的对话框，这里采用自动生成
8、的“http:/localhost/ch7/”，如图76所示。（6）单击“下一步”按钮，打开设置远程服务器对话框。选中“否”单选按钮，表示不再使用其他的Web服务器，如图77所示。第二节 站 点 设 置第二节 站 点 设 置第二节 站 点 设 置（7）单击“下一步”按钮，向导显示站点设置的概要，如图78所示。表示站点已经建立完成，单击“完成”按钮，完成设置。当站点创建完成后，就会更新站点中的文件，并且可以在“文件”面板内看到刚才建立的站点信息，如图79所示。现在可以直接在Dreamweaver中编辑网页并查看其运行效果了。第二节 站 点 设 置第二节 站 点 设 置第三节 商品展示功能设计一、
9、数据库设计在实现商品展示功能之前，应先设计数据库的表结构。课本165页表71为Products表的结构。第三节 商品展示功能设计二、包含文件设计包含文件是指可以被包含在其他页面中的文件。如果一个程序代码段会多次出现在一些页面中，不妨将其保存为扩展名为.inc的包含文件。当在某个页面中需要插入该代码段时，可用以下形式的语句将其包含进来：第三节 商品展示功能设计二、包含文件设计实际上，不仅扩展名为.inc的文件可以用上述的语句形式包含到当前页面中，扩展名为.htm或.asp的文件也都可以用此方式包含进来。使用包含文件不仅可以简化页面代码的编写，解决代码重用问题，更重要的是有利于减轻页面的维护工作。
10、如果某个包含文件所实现的功能需要修改，则仅需修改该包含文件即可，而不必逐个修改该文件所涉及的所有页面。第三节 商品展示功能设计二、包含文件设计在本示例网站中，使用了Head.inc、Foot.inc和Conn.asp三个包含文件。1.Head.inc2.Foot.inc3.Conn.asp第三节 商品展示功能设计三、商品搜索页面设计商品搜索功能的作用是方便用户对商品的检索。以下为利用Dreamweaver CS4制作商品搜索页面的过程。（1）在“文件”面板的ch7站点中新建search.asp文件。第三节 商品展示功能设计三、商品搜索页面设计（2）双击打开“文件”面板中的search.asp文
11、件，选择设计视图进行设计。单击属性面板中的“页面属性”按钮，在弹出的“页面属性”对话框中选择“标题/编码”选项，设置“标题”为“商品搜索”，设置“编码”（表示页面的编码方式）为“简体中文（GB2312）”，单击“确定”按钮。第三节 商品展示功能设计三、商品搜索页面设计（3）执行“插入”“表格”命令，在弹出的“表格”对话框中，设置表格行数、列数均为1，表格宽度为240像素。单击“确定”按钮，在网页中创建1行、1列，宽为240像素的表格。然后在属性面板中设置表格的对齐方式为“居中对齐”。第三节 商品展示功能设计三、商品搜索页面设计（4）将光标定位至单元格内，即选中标签，设置“水平”为“居中对齐”，
12、“高”为89像素，“背景颜色”为#FF9933。（5）执行“插入”“表单”“表单”命令，在表格内添加一个表单，设置表单的“动作”为Products.asp。第三节 商品展示功能设计三、商品搜索页面设计（6）在表示表单的红色虚线框内输入“商品搜索”（中间的空格可通过执行“插入”HTML“特殊字符”“不换行空格”命令实现）。选中“商品搜索”文字，单击属性面板中的HTML分类，单击其中的按钮对文字进行加粗（也可以执行“插入”HTML“文本对象”“粗体”命令来实现）。第三节 商品展示功能设计三、商品搜索页面设计（7）执行“插入”HTML“特殊字符”“换行符”命令，将光标定位至下一行，输入“关键字：”，
13、再执行“插入”“表单”“文本域”命令，在弹出的“输入标签辅助功能属性”对话框中单击“取消”按钮（“输入标签辅助功能属性”对话框主要用来设置CSS中的类和ID，第三节 商品展示功能设计三、商品搜索页面设计暂时不考虑使用此类CSS，故单击“取消”按钮，以下所有表单控件均采用此种方式处理，不再赘述），添加一个文本域。在属性面板中设置文本域名称为searchkey，字符宽度为14（即设置size为14）。第三节 商品展示功能设计三、商品搜索页面设计（8）执行“插入”HTML“特殊字符”“换行符”命令，将光标定位至下一行，连续执行两次“插入”“表单”“按钮”命令，插入两个按钮。将第二个按钮的“动作”设置
14、为“重设表单”，将该按钮设置为重置按钮。第三节 商品展示功能设计三、商品搜索页面设计然后分别修改这两个按钮的“值”为“搜索”和“清除”。在两个按钮之间重复执行3次“插入”HTML“特殊字符”“不换行空格”命令，在两个按钮之间添加3个空格。第三节 商品展示功能设计三、商品搜索页面设计（9）单击属性面板中的CSS标签，进入CSS属性设置界面。单击“编辑规则”按钮，在弹出的“新建CSS规则”对话框中设置“选择器类型”为“标签（重新定义HTML元素）”，“选择器名称”为td，“规则定义”为“（仅限该文档）”，第三节 商品展示功能设计三、商品搜索页面设计单击“确定”按钮，弹出“td的CSS规则定义”对话
15、框，在“分类”列表框中选择“类型”选项，设置Lineheight为200%，表示设置标签的内容的行间距为2倍行距。单击“确定”按钮完成设置。（10）按F12键，在浏览器中显示运行结果，如图736所示。第三节 商品展示功能设计三、商品搜索页面设计第三节 商品展示功能设计三、商品搜索页面设计单击“确定”按钮，弹出“td的CSS规则定义”对话框，在“分类”列表框中选择“类型”选项，设置Lineheight为200%，表示设置标签的内容的行间距为2倍行距。单击“确定”按钮完成设置。（10）按F12键，在浏览器中显示运行结果，如图736所示。第三节 商品展示功能设计四、商品展示页面设计商品展示页面用于显
16、示用户搜索的商品，在未输入搜索条件的情况下，将显示所有商品信息。在设计此项功能之前，需要将主页用到的图片统一放置在ch7/images目录下。需要注意的是，由于Dreamweaver功能的限制，涉及包含文件的网页将无法使用设计视图，因此，只有在设计完成网页的其他内容之后再通过代码视图添加需要包含的文件。第三节 商品展示功能设计四、商品展示页面设计以下为通过Dreamweaver CS4设计Products.asp页面的过程。（1）在“文件”面板的ch7站点中，新建Products.asp文件。（2）双击打开“文件”面板中的Products.asp文件，选择设计视图进行设计。第三节 商品展示功能
17、设计四、商品展示页面设计单击属性面板中的“页面属性”按钮，在弹出的“页面属性”对话框中，选择“标题/编码”选项，设置“标题”为“商品展示”，“编码”为“简体中文（GB2312）”，单击“确定”按钮。（3）执行“插入”“表格”命令，在弹出的“表格”对话框中设置表格“行数”为1，“列”为6，“表格宽度”为760像素。第三节 商品展示功能设计四、商品展示页面设计单击“确定”按钮，在网页中创建1行、6列，宽度为760像素的表格。然后在属性面板中设置表格的“对齐”为“居中对齐”。（4）将光标定位至表格的第一个单元格中，在属性面板中设置“宽”为260。将光标定位至第二个单元格中，按住鼠标左键拖动鼠标选中表
18、格中的后五个单元格，设置“宽”为100。第三节 商品展示功能设计四、商品展示页面设计（5）如果想将搜索功能放入表格的第一个单元格中，由于涉及包含文件操作，这里暂时跳过，等到完成页面其他功能之后再来处理。在表格的第二个单元格中执行“插入”“图像”命令，在弹出的“选择图像源文件”对话框中选择index_1.jpg文件，单击“确定”按钮，在弹出的“图像标签辅助功能属性”对话框中直接单击“取消”按钮，在表格中添加index_1.jpg图像。第三节 商品展示功能设计四、商品展示页面设计说明：系统中所用到的图片已进行处理，长和宽分别为100像素和140像素，这一尺寸与单元格大小吻合。如果在建立网站的过程中
19、要用到未处理的图片，即长和宽可能不固定，则需要在属性面板设置图片的长和宽，以使其与单元格尺寸匹配，但是，由于尺寸调整过程中并不能保证图片是等比例缩放的，因此就有可能使图片效果失真（图片看起来像被压扁了或被拉长了）。所以建议在使用图片的过程中最好对图片尺寸作统一处理。第三节 商品展示功能设计四、商品展示页面设计（6）使用步骤（5）中添加图片的方法，再在后4个单元格中分别添加index_2.jpg、index_3.jpg、index_4.jpg和index_5.jpg 4张图片。（7）执行“插入”“表格”命令，在弹出的对话框中设置“行数”为1行，“列”为3，“表格宽度”为760像素，单击“确定”按
20、钮。在属性面板中设置表格“对齐”为“居中对齐”。第三节 商品展示功能设计四、商品展示页面设计（8）选中这3个单元格，在属性面板中设置背景颜色为#EFFBFF。然后将光标定位至刚创建的表格的第一个单元格内，拖动鼠标选中表格中的前两个单元格，在属性面板中设置“宽”和“高”均为100，“水平”为“居中对齐”。将光标定位至刚创建的表格的第三个单元格内，在属性面板中设置“宽度”为560，“水平”为“左对齐”。第三节 商品展示功能设计四、商品展示页面设计（9）执行“插入”“数据对象”“记录集”命令，在弹出的“记录集”对话框中设置记录集“名称”为rs，“连接”为conn（即调用已创建好的conn连接对象），
21、“表格”为products（即对表格products进行查询），“列”为“全部”（即查询products表中的所有字段），第三节 商品展示功能设计四、商品展示页面设计“筛选”条件后面的4项分别设置为productname、“包含”、“表单变量”、searchkey（即查询条件为productname字段值中包含上一个页面表单传递过来的searchkey变量的值，也就是SQL中的where productname like%查询条件%语句）。单击“确定”按钮，创建一个rs记录集，用于存储查询的结果。第三节 商品展示功能设计四、商品展示页面设计（10）在创建的第二个表格的第一个单元格中执行“插入”
22、“图像”命令，在弹出的“选择图像源文件”对话框中设置“选择文件名自”为“数据源”，表示要从记录集中读取图像的文件路径。选中记录集中的productpicture字段，即在“URL：”文本框中显示“”，表示输出productpicture字段的值，第三节 商品展示功能设计四、商品展示页面设计也就是商品的图片名称。由于图片被统一存放在站点的images目录下，因此需要在“”前输入“images/”，这样才能得到一个正确的路径。单击“确定”按钮，在弹出的“图像标签辅助功能属性”对话框中单击“取消”按钮，完成图像添加。第三节 商品展示功能设计四、商品展示页面设计（11）在第二个单元格中执行“插入”“数
23、据对象”“动态数据”“动态文本”命令，在弹出的“动态文本”对话框中选择记录集中的productname字段。单击“确定”按钮，将查询结果中的商品名称添加至单元格中。选中单元格中的记录集名称“rs.productname”，执行“插入”HTML“文本对象”“字体”命令，第三节 商品展示功能设计四、商品展示页面设计在弹出的对话框中设置“颜色”为#FF6600，单击“确定”按钮。（12）在“rs.productname”后按Enter键（表示新建一段，相当于标签），输入“市场价：”。执行“插入”“数据对象”“动态数据”“动态文本”命令，在弹出的“动态文本”对话框中选择记录集中的productpric
24、e字段。第三节 商品展示功能设计四、商品展示页面设计单击“确定”按钮，将查询结果中的商品市场价格添加至单元格中。（13）执行“插入”HTML“特殊字符”“换行符”命令，输入“优惠价：”，再执行“插入”“数据对象”“动态数据”“动态文本”命令，在弹出的“动态文本”对话框中选择记录集中的productsaleprice字段。第三节 商品展示功能设计四、商品展示页面设计单击“确定”按钮，将查询结果中的商品优惠价添加至单元格中。（14）执行“插入”HTML“特殊字符”“换行符”命令，输入“购买”，选中“购买”并右击，在弹出的快捷菜单中选择“创建链接”命令。在弹出的“选择文件”对话框中设置文件名为Add
25、item.asp（文件暂时未创建，第三节 商品展示功能设计四、商品展示页面设计因此手动输入。注意此时的目录应在ch7下。单击“参数”按钮，在弹出的“参数”对话框中单击按钮，创建一个要传递的参数，设置名称为name1。设置值时单击按钮，在弹出的“动态数据”对话框中选中productname，表示要传递的name1参数的值为记录集中的productname字段值。同样，再设置ID1和price1的参数，第三节 商品展示功能设计四、商品展示页面设计其值为字段productID和 productsaleprice 的值。设置这些参数是为了方便下一个页面对这些参数的获取和调用。单击“确定”按钮，完成链接
26、设置。（15）选中第三个单元格，执行“插入”“数据对象”“动态数据”“动态文本”命令，在弹出的“动态文本”对话框中选择记录集中的productdescription字段，即可将商品描述添加至其中。第三节 商品展示功能设计四、商品展示页面设计（16）在状态栏选中标签，执行“插入”“数据对象”“重复区域”命令，在弹出的“重复区域”对话框中选择所有记录选项，表示在表格中显示查询结果中的所有记录。需要注意的是，由于商品查询过程中涉及传递进来的查询条件，第一次进入此页面是没有参数传递进来的，即查询条件为空，因此应显示所有商品信息。第三节 商品展示功能设计四、商品展示页面设计但是，由于Dreamweave
27、r在设计过程中自动为参数赋初始值1，因此页面无法显示查询结果。具体处理方法是打开代码视图，将“rs_MMColParam=1”改为“rs_MMColParam=”即可。（17）打开代码视图，在标签后输入“”，在标签前输入“”，。第三节 商品展示功能设计四、商品展示页面设计并在第一个表格的第一个后输入“”。（18）按F12键，查看网页效果，如图750所示。第三节 商品展示功能设计四、商品展示页面设计第四节 购物车设计一、购物车数据库设计本示例需要创建Carts和CartItems两个表来保存客户购物信息。其中，Carts表用来自动为每个客户分配一辆购物车，并保存每个客户的购物车编号及购物日期信息
28、，其表结构如表72所示。CartItems表用来保存每辆购物车中每一件商品的编号、名称、单价和数量等信息，其表结构如表73所示。第四节 购物车设计二、放入购物车页面设计购物车功能是由添加商品页面AddItem.asp和购物车页面Cart.asp来完成的。AddItem.asp页面的功能为：客户选中某项商品并单击“购买”链接而激活AddItem.asp页面，该页面首先判断这个客户是否已经有了购物车（即该客户是否为进入本网站后的第一次购物），若没有购物车，就为其新分配一辆（即为该客户在Carts表中自动产生一个新的购物车编号CartID）；若客户已有购物车，则从Session变量中获取对应购物车编
29、号。第四节 购物车设计二、放入购物车页面设计最后再调用购物车页面Cart.asp显示该客户购物车中已购商品的详细内容。由于AddItem.asp页面主要进行Session的设置，不会显示任何信息，这就使得使用设计视图很难进行相关功能的设计。因此，这里使用代码视图来实现该功能。先在文件面板中新建AddItem.asp文件，并在Dreamweaver代码视图中添加如下源代码。代码中添加了部分注释，以对程序的含义和功能进行说明。第四节 购物车设计三、显示购物车页面设计显示当前客户的购物车中已购商品的各项信息是由购物车页面Cart.asp来完成的。该页面还为客户提供更改已购商品的数量、重新计算应付金额
30、等功能，并提供“继续购物”或“去收银台”的超链接。课本183页为通过Dreamweaver CS4实现Cart.asp功能的步骤。第四节 购物车设计四、重新计算功能的实现在上述购物车页面所显示的购物清单中，客户可在“数量”列的文本框中修改所购商品的数量，然后单击“重新计算”按钮，调用Recalc.asp程序对该项商品的总计金额进行重新计算，并将计算后所得的结果再次显示在购物车页面Cart.asp中。由于页面本身不显示任何结果，只是对数据进行了存储和传递，因此，通常采用代码视图进行设计。课本190页为Recalc.asp页面在代码视图中的源代码。第四节 购物车设计五、清空购物车页面设计客户可在购
31、物车页面中单击“清空购物车”按钮来调用Delete.asp页面清除已经放入购物车中的所有商品，同时删除购物车明细表CartItems中所有与此购物车编号对应的记录，最后再重定向到商品展示页面Products.asp重新选购其他商品。第四节 购物车设计五、清空购物车页面设计与AddItem.asp 和Recalc.asp页面类似，该页面的功能主要是清空session及删除表中与购物车编号对应的记录，因此，不带任何页面显示内容。应在Dreamweaver中新建Delete.asp文件之后再通过代码视图来设计此页面功能。课本191页为代码视图中Delete.asp页面的源代码。第五节 收银台设计一、
32、收银台设计概述本示例网站用Order1.aspOrder4.asp这4个页面来协同实现收银台功能。765所示。(1)Order1.asp页面提供一个各页面功能及流程如图表单，用来要求客户填写真实姓名、电子邮件地址、详细住址、邮政编码、联系电话等信息，以便准确及时地将货物送达。第五节 收银台设计一、收银台设计概述第五节 收银台设计一、收银台设计概述(2)Order2.asp页面用来再次显示客户所购各项商品的名称、单价、数量、金额和总计金额等，供客户加以确认。如果客户单击“确认订购”按钮，将激活Order3.asp页面;如果客户单击“取消订购”按钮，则调用Order4.asp页面立刻终止本次购物行
33、为。第五节 收银台设计一、收银台设计概述(3)Order3.asp页面用来在客户验证所显示的购物信息和送货信息正确并加以确认之后，自动生成一个新的订单记录，并把该客户的姓名及各项送货信息保存到订单表中，同时将客户购物车中的各项商品信息保存到相应的订单细节表中。(4)Order4.asp页面用来清除当前客户的购物车编号以及该购物车内的商品记录，然后返回网站的商品展示页面。第五节 收银台设计二、收银台数据库设计为完成本阶段任务并生成客户的购物订单，需要创建订单表Orders和订单明细表OrderItems 来存放有关的信息。这两个表的结构分别如课本192页表74和表75所示。第五节 收银台设计二、
34、收银台数据库设计为完成本阶段任务并生成客户的购物订单，需要创建订单表Orders和订单明细表OrderItems 来存放有关的信息。这两个表的结构分别如课本192页表74和表75所示。第五节 收银台设计三、获取送货信息页面设计客户单击“去收银台”按钮将激活Order1.asp页面。课本192页为使用Dreamweaver CS4制作Order1.asp页面的过程。第五节 收银台设计四、确认购物及送货信息页面设计若客户将各项必填的表单内容填写完毕并单击了“提交”按钮，那么就应该向客户显示已购商品的账单以及由客户所填表单获取的送货信息，以供客户加以确认。将页面命名为Order2.asp。第五节 收
35、银台设计五、生成订单页面设计客户在Order2.asp页面中单击“确认订购”按钮，将激活Order3.asp页面，此页面首先获取由Order2.asp传递来的各项送货数据及总计金额信息，并分别保存到相应变量中。然后在订单表Orders中添加一条新记录，把当前客户的姓名和各项送货信息保存到该记录对应的字段中，并获得一个自动增长的订单编号OrderID。第五节 收银台设计五、生成订单页面设计再获取当前客户的购物车编号，并根据此编号在CartItems表中取得对应的商品记录，并将这些记录数据及当前客户的订单编号OrderID逐条保存到订单明细表OrderItems中。由于几乎没有涉及界面设计，而主要
36、是逻辑功能的设计，因此采用Dreamweaver的代码视图进行设计。以下是在代码视图中输入的源代码。第五节 收银台设计六、购物车信息的清理完成结账和生成订单任务之后，进入Order4.asp页面。如果客户在Order2.asp页面中单击“取消订购”按钮也将直接进入Order4.asp页面。Order4.asp页面的任务是获取当前客户的购物车编号，并根据此编号删除Carts表中对应的记录，同时删除CartItems表中对应这个购物车编号的所有商品记录。第五节 收银台设计六、购物车信息的清理购物车清理功能是没有任何返回结果的，清除完购物车将直接返回Products.asp页面。因此，此处也采用代码
37、视图对页面进行设计。以下为Order4.asp 在代码视图中的源程序。第六节 后台管理设计一、后台管理概述后台管理功能模块构成网站的后台管理功能模块主要包括商品管理、订单管理及客户管理3个主要子模块，如图7-71 所示。（一）第六节 后台管理设计一、后台管理概述后台管理功能模块构成（一）第六节 后台管理设计一、后台管理概述主要功能模块及其功能1.后台管理主页面Admin.asp2.商品管理页面ProductsAd.asp3.订单管理页面OrdersAd.asp4.客户管理页面CustomersAd.asp（二）第六节 后台管理设计二、商品管理页面（一）商品管理主页面设计商品管理主页面Produ
38、ctsAd.asp以列表的形式逐行显示每项商品的编号、名称、单价等信息，并在每行右侧为该项商品提供“删除”和“修改”字样的两个链接，在页面的右上方提供一个“新增商品”字样的链接。这样不仅方便管理员查看各项商品的信息，而且可实现对商品表Products信息的维护和管理。课本200页为ProductsAd.asp的设计过程。第六节 后台管理设计二、商品管理页面（二）新增、编辑与删除商品页面在商品管理主页面ProductsAd.asp中，需要调用相应的几个子程序来实现新增商品、修改商品信息或删除指定商品记录的功能。新增、修改及删除指定记录可以直接执行“插入”“数据对象”“插入记录”（“删除记录”/“
39、更新记录”）命令来实现，过程较为简单，不再赘述。第六节 后台管理设计三、订单管理页面（一）订单管理页面OrdersAd.asp的主要功能订单管理主页面OrdersAd.asp的主要功能是以列表形式分页显示Orders表中每条订单记录的订单号、订货人、金额和订货日期等，并在每条记录的尾部添加一个下拉列表框用于显示该订单的当前处理状态和提供对该状态的修改。第六节 后台管理设计三、订单管理页面（二）订单管理页面设计通过订单管理页面OrdersAd.asp，并结合两个相应的订单数据表来保存和查看订单状态，以实现订单管理功能。订单数据表包括订单表Orders和订单明细表OrderItems，在订单表Or
40、ders中应添加一个Status字段来标明各个订单的当前状态。第六节 后台管理设计三、订单管理页面（二）订单管理页面设计在订单管理主页面OrdersAd.asp中，需要包含或调用相关的几个程序来实现订单表中订单记录的查询、各条订单记录状态的更新以及显示订单细节等功能。第六节 后台管理设计四、客户管理页面（一）客户信息管理面向管理员的客户信息管理是由CustomerAd.asp页面完成的，管理员通过身份验证可以在此页面中查看或修改存放在Users表中的客户信息，也可根据具体情况注销一些客户记录。第六节 后台管理设计四、客户管理页面（二）客户信息的自管理客户在网站注册之后，可能出于各种原因需要修改其注册信息，如更换了电子邮件地址或者联系电话，也可能是先前填写的信息不够准确等。另一个需要改变注册信息的重要原因是需要更改密码，以确保客户自身信息的安全。为此，就需要网站为客户提供在线修改自身信息的功能。第六节 后台管理设计1.使用Dreamweaver实现网站的用户登录功能。2.参照本章商品搜索页面的设计实例，创建一个站点内部的搜索引擎。3.使用Dreamweaver及ASP，结合设计视图和代码视图，开发一个网上书店。THANK YOU