1、用 Dreamweaver MX 建立一个简单的图书查询系统（1)最近公司为了充分利用图书资源，方便员工查询，决定在公司内部网上建立一个图书查询系统。考虑到公司图书不多，只有 1 千多册，且专业书居多的特点，我决定做两个查询条件：一个是根据图书类别来查询， 用户只要选择相应的类别就可以显示出该类别的所有图书，这主要是面对对公司图书不熟悉的人；第二个是根据图书名称来查询，用户只要输入图书名，就可以快速的搜索到符合条件的所有图书。方案已定，接下来就是用什么软件做及如何做的问题了。在这里，我选用了网页的形式，这样同事们只要打开浏览器，输入相应的地址就可以查询了。因此，我使用网页制作利器 dreamw
2、eaver 软件（下面简称 dw），数据库用 acess，环境为 win98，pws 下面就正式开工锣。点击这里下载本教程的源代码首先，建立数据库：一、在我的文档下面新建一个文件夹，起名为“研究所”。当然你也可以在其他地方新建，起其他名字。二、打开 acess，新建一数据库 db1，建立两张表 leibie 和 tushu ，表与表之间的联系字段为“类别名称”。表 leibie 结构为两个字段：（1）类别号，文本类型，字段长度为 6 位，必填字段，不允许输入空白字符串；（2）类别名称，文本类型，字段长度为 20 位，必填字段，不允许输入空白字符串。表 tushu 结构为九个字段：（1）编号，文
3、本类型，字段长度为 6 位；（2）书名，文本类型，字段长度为 60 位，必填字段，不允许输入空白字符串。（3）作者，文本类型，字段长度为 50 位；（4）出版者，文本类型，字段长度为 60 位；（5）版次，文本类型，字段长度为 15 位；（6）单价，货币类型，允许小数位数 2 位，默认值为 0 元；（7）类别名称，文本类型，字段长度为 20 位，必填字段，不允许输入空白字符串。（8）是否借出，文本类型，字段长度为 4 位，必填字段，不允许输入空白字符串，默认值为 No 。（9）备注，备注类型。三、根据表结构输入各项数据。其次，设置站点及连接数据库：（1）设置站点。打开 dw ，选择 site
4、菜单下的 new site ，弹出设置站点面板，站点名输入研究所，目录就是我们刚才建立的目录，如图 1， Testing Server 选项中的 Server Model 选择 Asp VBScript，Access 选择 Local/Network。（2）新建一网页，因为查询是动态页面，因此在弹出的面板中选择 Dynamic page 和 Asp VBScript，如图 2。按 create 按钮回到页面。图 2（3）连接数据库。展开右边的 Application 面板，选择 Databases 标签，按“+“按钮，选择 Data Source Name (DSN)，如图3。图 3（4）在弹
5、出的 Data Source Name (DSN)面板上（如图 4）选择 define.按钮进入 ODBC 数据源管理器，选择系统 DSN 标签，点击添加按钮，选择“Driver do Microsoft Access(*.mdb)“数据驱动程序，点击完成按钮。图 4（5）在随后的面板上选择数据库路径（就是我们刚才建立的目录），选中 db1，数据源名输入 db1，如图 5。（6）单击确定按钮，返回 ODBC 数据源管理器面板。再单击确定按钮，返回 Data Source Name (DSN)面板。点击 test 按钮，如果弹出如图 6 的成功面板，就表明一切 ok，数据库已经连接好了，右边 A
6、pplication 面板的 Databases 标签就会相应的出现我们新建的数据源 db1。图 6现在准备工作一切就绪，可以建立动态查询网页了。一、建立主页。主页很简单，就是建立两个查询链接，“按图书类别查询”链接到 chaxun.asp，“按图书名称查询”链接到chaxun1.asp，这两个网页就是我们下面要建立的查询网页。主页因不需要动态编程，可存为 htm 格式，文件保存到研究所目录下，取名为 index，具体如图 7。图 7二、建立按图书类别查询网页。1、新建一动态网页，取名 chaxun.asp。2、建立记录集。选择右边的 Application 面板中的 Bindings 标签
7、,按加号按钮，选择 Recordset(Query)，如图 8，弹出 Recordset 对话框，里面的设置如图 9，Name 就取默认值 Recordset1，Connection 选择我们刚刚建立的连接 db1，因为显示的是图书类别，因此Table 选择表 leibie。图 8图 9用 Dreamweaver MX 建立一个简单的图书查询系统（2)3、设置完毕后，点击 test 按钮，大家可以看到 leibie 表的内容全显示出来了。点击 OK 回到页面，这时我们可以看到 Binding 标签下方显示出我们刚刚建立的名为 Recordset1 的查询。4、输入网页上静态显示的内容，如图 1
8、0，其中“返回”链接到主页 index.htm 。图 105、点击 Binding 标签下方 Recordset1 旁边的“+“ 号，展开字段，用鼠标按住“类别名称”字段不放，直接拖到页面上的单元格中，松开鼠标， 这样单元格就包含了一个动态文本，页面效果如图 11。图 11只是现在这个单元格还只能显示一行（大家可以先在浏览器里看一看是不是这样的显示效果），那么如何才能将所有的字段内容显示出来呢？6、选中表格，再选择右边的 Application 面板中的 Server Behaviors 标签,按加号按钮，选择 Repeat Region（循环区域），这样就可以控制一页显示多少记录了。在这里，
9、因为图书类别不多，因此在对话框中选择 All Records（显示所有记录），不分页显示了，具体如图 12。图 127、运行 pws，设置好路径，用浏览器打开此网页，看看屏幕上是不是将数据库里的类别名称都显示出来了，只是现在还不能点击进去。好，下面我们就来做相应的显示图书的页面。三、制作按类别查询显示的页面1、新建一动态网页，取名 xianshi.asp。2、建立记录集。选择 Application 面板中的 Bindings 标签, 按加号按钮，选择 Recordset(Query)，弹出 Recordset 对话框，里面的设置如图 1 3，名字为 Recordset2，数据库表选择 tus
10、hu，因为网页显示的图书信息是根据前面查询条件来显示的，因此就需要设置一个限制条件来选择符合条件的图书，那么这个条件是通过什么来实现传递和接受的呢？这就需要用到 URL Parameter（URL 参数）了，利用这个参数可以从查询网页传递查询条件，然后在显示网页中接受这个参数来显示符合的记录。具体使用方法如下：图 13（1）先让我们回到查询页 chaxun.asp。用鼠标选中表格中的字段，再选择 Application 面板上 Server Behaviors 标签，按加号按钮，选择 Go To Detail Page（到细节页），弹出 Go To Detail Page 对话框，具体设置如图
11、 14。Detail Page 就是我们的显示网页xianshi.asp，Pass URL Parameter 文本框里输入的就是要通过 URL 传递到细节页中的参数名，为便于理解，我们输入“类别名称”，这个名字可要和后面显示网页里设置的参数名一样。Recordset 意为从哪个记录集里传递出去的，我们选择 Recorset1，Column 意思为 URL参数值的来源，要与查询网页上的查询条件一致，因此选择“类别名称”，Pass Existing Parameters 这两个选项于表单有关，而在这个查询网页上并没有用到表单，因此可以不选。点击 ok 按钮，大家可以看到表格中的字段已变成一个包含
12、动态内容的超文本连接了。图 14（2）好， URL Parameter 已设置，现在再回到显示网页 xianshi.asp 来接受这个参数。选择 Recordset(Query)，弹出Recordset 对话框，在 Filter 中设置如上图 13，意思是：查询条件为表 tushu 中的字段“类别名称”要等于传递过来的 URL Parameter 参数“类别名称”，这样查询网页和显示网页就联系起来了。（3）点击 test 按钮来测试。大家可以输入某一个类别名称， dw 就会显示出相应的图书记录。（4）点击 ok 按钮回到页面，至此记录集建立好了。3、输入网页中的静态内容，如图 15，其中“返回
13、”链接到查询网页 chaxun.asp，因为有的类别图书比较多，因此将显示设为分页显示。图 154、用上面介绍的方法，将记录集的字段分别拖到页面上相应的位置中，如图 16。图 165、选中表格中的第二行，点击 Application 面板中的 Server Behaviors 标签,按加号按钮，选择 Repeat Region，弹出 Repeat Region 对话框，因为要分页显示，所以选择每次显示几条，在这里我输入的是 10，意思为每页显示 10 条记录，大家可以根据情况自由输入，如图 17。点击 ok 键回到页面。用 Dreamweaver MX 建立一个简单的图书查询系统（3)图 17
14、6、因为是分页显示，需要翻页，那么在 dw 里如何实现呢？很简单，大家先选中 “首页”，然后点击 Application 面板中的Server Behaviors 标签,按加号按钮，可以看到有一个 Recordset Paging 选项，将鼠标滑到这选项，显示出下拉菜单，这些菜单的含义我想大家应该明白了吧，如图 18。选择第一条 “Move To First Record”，弹出对话框，如图 19，点击 ok 按钮回到页面，这样“首页”的动态链接就做好了，其他的“上一页”、“下一页”、“末页”依次类推，做好与其相对应的动态链接。图 18图 197、那么用户如何知道记录已经到最后一条，而不应再往
15、下翻了呢？在这里，我是这样解决的，如果记录已到最后一条，则“下一页” 、“末页”在页面上自动隐藏，同理，记录已到第一条，则“首页”、“上一页”自动隐藏。下面是具体实现方法：（1）大家先选中“首页”，然后点击 Application 面板中的 Server Behaviors 标签,按加号按钮，将鼠标滑到 Show Region 选项，显示出下拉菜单，如图 20。图 20（2）选择 “Show Region If Not First Record”，意思为如果不是第一条记录则显示，反过来就是如果是第一条记录则不显示，隐藏起来。（3）在弹出的对话框上直接点击 ok 按钮回到页面，这样“首页 ”的自
16、动隐藏功能就做好了。（4）同理，做好其他几个的自动隐藏功能。“上一页”与“首页”一样，选择“Show Region If Not First Record”；“下一页”与“末页 ”一样，选择“Show Region If Not Last Record”。至此，按类别查询显示的页面终于制作完成了，我们来看看具体效果。运行 pws，用 IE 打开 chaxun.asp，点击某一个类别名称，如“新药 药品”，IE 就会自动显示出该类别的图书，点击“下一页”，“ 上一页”等等链接，看看 IE 会不会自动翻页，具体效果如图 21、22。图 21四、制作根据图书名称来查询的网页1、新建一动态网页，取名
17、chaxun1.asp。2、输入网页上静态显示的内容，如图 23，其中“返回”链接到主页 index.htm ，红色虚线表明这是个表单，表单的属性设置如图24，意思为 post（传递）一个表单变量名到 xianshi1.asp 网页，并执行这个网页，这样查询网页和显示网页就通过变量名联系起来了；文本框取名 ts，这个名字请记住，因为这就是要通过表单传递的变量名，后面的显示网页还要用到。图 23图 24用 Dreamweaver MX 建立一个简单的图书查询系统（4)五、制作按图书名称显示的网页1、新建一动态网页，取名 xianshi1.asp。2、输入网页上静态显示的内容，如图 25，其中“返回”链接到查询页 chaxun1.htm ，红色虚线同样表明这是个表单。
