商品信息维护系统(全)

第8章商品信息维护系统

8.1 系统功能与组成

商品信息管理系统，包含供管理员输入和维护商品信息的功能，以及公用的商品信息查询功能。管理员通过商品信息输入功能来加入新的商品信息，通过商品信息修改功能来维护已有商品信息的变化；顾客和管理员都可以通过商品信息查询功能来得到商品的相关信息，比如管理员可以用它来检查数据输入是否有误，顾客可以用它来了解商品的详细信息，以便决定是否选择该商品。

8.2 数据库设计

与本章密切相关的是catalog表，该表用来存储商品代码、商品名称、商品描述、商品库存数、商品类别、商品单价和图片。

图-网上书店数据库

与本章相关的是catalog表，在purchasesys数据库中新建catalog表，表中字段如下：productID：字段类型为“文本型”，长度为20，存放内容为“商品代码”。

name：字段类型为“文本型”，长度为60，存放内容为“商品名称”。

description：字段类型为“文本型”，长度为80，存放内容为“商品描述、允许空”。

image：字段类型为“文本型”，长度为30，存放内容为“商品的图片的路径、允许空”。

listprice：字段类型为“货币型”，小数为2，存放内容为“商品的单价”。

numinstock：字段类型为“整数型”，存放内容为“商品的库存数”。

category：字段类型为“文本型”，长度为20，存放内容为“商品的种类”。

catalog表以productID为主键。

8.3 实现商品信息输入功能

一个电子商务网站必须具备商业数据输入、维护的功能。电子商务网站销售商品的品名、数量、规格等信息的输入，实际上是对商品数据库添加数据记录，

8.3.1 插入记录服务器行为的进一步应用

在本节中将重点介绍如何组织应用程序的各种功能和加深对【插入记录】服务器行为的理解。

(一)丰富main.asp页面

从本节开始将给网上书店添加各种功能，在开始实现第一个功能之前，先把main.asp改造成网上书店的功能目录，其操作方法如下。

（1）打开main.asp文件。

（2）选择主菜单中的【插入】|【HTML】|【框架】|【上方及左侧嵌套】命令，Dreamweaver 8在生成框架的同时，自动把main.asp置为框架的主页面。

（3）在上方框架中输入标题信息，如“欢迎光临网上书店”，当然大家可以自由发挥，用前面章节学过的内容生成一个漂亮的标题页面。

（4）将上方框架页面保存为purchasesys＼title.asp，左侧框架页面保存为purchasesys＼menu.asp，将整个框架页面保存为purchasesys＼mainmenu.asp。

（5）在左侧框中输入到目前为止的菜单内容。（用插入flash按钮）

（6）修改purchasesys＼index.asp用户登录页面，把其中的“登录用户”的服务器行为中登录成功后转向的页面指向purchasesys＼mainmenu.asp。

注意：本例选用了框架来实现网上书店的主菜单，也完全可以选择自己的方法。页面保存为.asp还是.htm，取决于是否希望在该页面利用或处理动态信息。

建议对于Web应用程序的所有页面，统一采用.asp动态页面格式，以便随时增加动态内容和传递应用数据。

图8-2显示了修改后的网上书店功能选择界面。

图8-2网上书店功能选择页面

（二）插入记录的服务器行为

现在创建商品信息输入页面，其操作方法如下。

1. 创建一个商品信息输入页面

创建一个采用VBScript语言的ASP新页面。保存为purchasesys/insertcatalog.asp

2. 定义购书系统的数据库连接

可以直接使用数据库连接purchasesys，不需要再创建。

3. 创建页面布局和页面元素

(1) 在新页面中，加入如图8-3所示的基本元素；其中标题和其他静态部分都可以根据自己的喜好用前面各章节描述的创作静态页面的方法来设计，使页面美观，可以自

由发挥。表单部分是必须有的，将用它来生成动态行为。

图8-3商品信息输入页面

4. 创建信息提示页面

接下来需要创建一个页面，这个页面是添加新商品信息成功后进入的成功信息提示页面，这个页面必须在创建输入功能之前就创建并保存在站点中。

为此，创建一个如图8-4所示的成功信息页面，将其以insertsuccess.asp为名保存在文件夹purchasesys中。

5.实现商品信息输入的功能

(1) 回到商品信息输入页面的编辑窗口，如果已经关闭该窗口，那么请重新打开文件insertcatalog.asp。

(2) 在【应用程序】浮动面板中，选择【服务器行为】选项卡，单击按钮，选择【插入记录】命令。

图8-4添加新商品成功信息

(3) 会弹出如图8-5所示的【插入记录】对话框，其参数设置方法如下：

图8-5【插入记录】对话框

purchasesys数据库连接。

catalog表，表示输入的数据将插入该表中去。

purchasesys＼insertsuccess.asp，也可以单击【浏览】按钮直接从本地站点选择。

(4) 接下来的对话框部分指定了表单元素值与数据库记录字段的对应关系。

frminsertcatalog表单，表示新记录的值来自该表单中的元素值；

txtproductID；

catalog表中的productID字段；

catalog表的新记录，其productID 字段的值来自frminsertcatalog表单中的txtproductID的输入值，并且将该值确定为文本类型；

。(5) 单击【确定】按钮，完成对话框的设置，回到Dreamweaver 主画面后，可以看到【应用程序】浮动面板的【服务器行为】选项卡中多了【插入记录】这一行为，如图8-6所示。

图8-6【插入记录】行为

商品信息输入页面的基本功能已经完成，保存后还要在menu.asp页面中创建指向商品信息输入页面的超链接（别忘了插入链接时把目标指定为mainFrame，以使页面在主框架中显示）。